sync
[roojs1] / docs / symbols / Roo.ColorPalette.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5
6         <head>
7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8                 <meta name="generator" content="JsDoc Toolkit" />
9                 
10                 
11                 <title>JsDoc Reference - Roo.ColorPalette</title>
12                 
13                 
14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />            
15         <link rel="stylesheet" type="text/css" href="../default.css" />
16         
17         
18         <script type="text/javascript" src="../page.js">
19         
20         </script>
21          
22                 
23         </head>
24
25         <body onload="RooDocsPage.onload();">
26          
27         
28 <div class="body-wrap">
29
30     <!-- ============================== links to methods. ================================= --> 
31
32     <div class="top-tools">
33     <!--
34         <a class="inner-link" href="#Roo.ColorPalette-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35         <a class="inner-link" href="#Roo.ColorPalette-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36         <a class="inner-link" href="#Roo.ColorPalette-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37         <a class="inner-link" href="#Roo.ColorPalette-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
39         -->
40     </div>
41
42     
43 <!-- ============================== inheritance Block. ================================= -->    
44         
45                 <div class="inheritance res-block">
46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
48 <img src="../../images/default/s.gif" height="1"  width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.ColorPalette 
49
50                    </pre>
51                 </div>
52        
53 <!-- ============================== class title / details ============================ -->
54     
55     
56     <h1 class="classTitle">
57                                 
58                                 Class Roo.ColorPalette
59                         </h1>
60                         
61     <table cellspacing="0" class="class-summary-table">
62         
63                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
64         
65         <tr><td class="label">Defined In:</td><td class="hd-info">
66                         
67                                         <a href="./src/Roo_ColorPalette.js.html">Roo/ColorPalette.js</a>.
68                         
69         </td></tr>
70         <tr><td class="label">Class:</td><td class="hd-info">ColorPalette</td></tr>
71         
72         
73         
74         
75                 <tr><td class="label">Extends:</td><td class="hd-info">
76                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
77         
78                 </td></tr>    
79         
80         
81     </table>
82
83     
84 <!-- ============================== class summary ========================== -->                        
85     <div class="description">
86         Simple color palette class for choosing colors.  The palette can be rendered to any container.<br /><br/>Here's an example of typical usage:<br/><pre><code><br/>var cp = new Roo.ColorPalette({value:'993300'});  // initial selected color<br/>cp.render('my-div');<br/><br/>cp.on('select', function(palette, selColor){<br/>    // do something with selColor<br/>});<br/></code></pre>
87     </div>
88
89         
90 <!-- ============================== Class comment block... ========================== -->                                       
91
92 <div class="comments">
93         <b>Class Comments / Notes</B> =>  
94         <u onclick="parent.CommentDialog.showCommentId = 'Roo.ColorPalette';">[Add Your comment/notes about this class]</u>
95         <br/>
96         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;" 
97                 src="/blog.php/GtkDjsComments/Roo.ColorPalette.html"></iframe>
98 </div>
99         
100
101                 
102 <!-- ============================== config options ========================== -->                                               
103                  
104     
105     
106                 
107     <div class="hr"></div>
108     <a id="Roo.ColorPalette-configs"></a>
109                 
110     
111      
112     
113         
114       <table cellspacing="0" class="member-table">   
115       <caption>Config Options (Usually are also Properties)</caption>
116     
117         
118         <tr>
119             <th class="sig-header" colspan="2">Options</th>
120             
121             <th class="msource-header">Defined By</th>
122         </tr>
123         
124         
125         
126         
127         
128                 <tr class="config-row expandable config-row-alt0">
129                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
130                     <td class="sig">
131
132                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
133                         <div class="fixedFont">
134                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
135                                 
136                                 
137                         </div>
138                   
139                         <div class="mdesc">
140                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div> 
141                         </div>
142                         
143                         <div class="mdesc">
144                             <div class="long">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div> 
145                         </div>
146                         
147                         
148
149                     </td>
150                     <td class="msource">
151                         
152                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
153                                 
154                     </td>
155                 </tr>
156         
157         
158                 <tr class="config-row expandable config-row-alt1">
159                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
160                     <td class="sig">
161
162                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
163                         <div class="fixedFont">
164                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
165                                 
166                                 
167                         </div>
168                   
169                         <div class="mdesc">
170                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div> 
171                         </div>
172                         
173                         <div class="mdesc">
174                             <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div> 
175                         </div>
176                         
177                         
178
179                     </td>
180                     <td class="msource">
181                         
182                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
183                                 
184                     </td>
185                 </tr>
186         
187         
188                 <tr class="config-row expandable config-row-alt0 notInherited">
189                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
190                     <td class="sig">
191
192                         <a id="Roo.ColorPalette-cfg-allowReselect" name=".allowReselect"></a>
193                         <div class="fixedFont">
194                                 <b  class="itemname">allowReselect</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
195                                 
196                                 
197                         </div>
198                   
199                         <div class="mdesc">
200                             <div class="short">If set to true then reselecting a color that is already selected fires the selection event</div> 
201                         </div>
202                         
203                         <div class="mdesc">
204                             <div class="long">If set to true then reselecting a color that is already selected fires the selection event</div> 
205                         </div>
206                         
207                         
208
209                     </td>
210                     <td class="msource">
211                         
212                         Roo.ColorPalette
213                                 
214                     </td>
215                 </tr>
216         
217         
218                 <tr class="config-row expandable config-row-alt1">
219                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
220                     <td class="sig">
221
222                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
223                         <div class="fixedFont">
224                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
225                                 
226                                 
227                         </div>
228                   
229                         <div class="mdesc">
230                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
231                         </div>
232                         
233                         <div class="mdesc">
234                             <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
235                         </div>
236                         
237                         
238
239                     </td>
240                     <td class="msource">
241                         
242                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
243                                 
244                     </td>
245                 </tr>
246         
247         
248                 <tr class="config-row expandable config-row-alt0">
249                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
250                     <td class="sig">
251
252                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
253                         <div class="fixedFont">
254                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
255                                 
256                                 
257                         </div>
258                   
259                         <div class="mdesc">
260                             <div class="short">How this component should hidden.</div> 
261                         </div>
262                         
263                         <div class="mdesc">
264                             <div class="long">How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".</div> 
265                         </div>
266                         
267                         
268
269                     </td>
270                     <td class="msource">
271                         
272                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
273                                 
274                     </td>
275                 </tr>
276         
277         
278                 <tr class="config-row expandable config-row-alt1 notInherited">
279                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
280                     <td class="sig">
281
282                         <a id="Roo.ColorPalette-cfg-itemCls" name=".itemCls"></a>
283                         <div class="fixedFont">
284                                 <b  class="itemname">itemCls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
285                                 
286                                 
287                         </div>
288                   
289                         <div class="mdesc">
290                             <div class="short">The CSS class to apply to the containing element (defaults to "x-color-palette")</div> 
291                         </div>
292                         
293                         <div class="mdesc">
294                             <div class="long">The CSS class to apply to the containing element (defaults to "x-color-palette")</div> 
295                         </div>
296                         
297                         
298
299                     </td>
300                     <td class="msource">
301                         
302                         Roo.ColorPalette
303                                 
304                     </td>
305                 </tr>
306         
307         
308                 <tr class="config-row expandable config-row-alt0">
309                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
310                     <td class="sig">
311
312                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
313                         <div class="fixedFont">
314                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
315                                 
316                                 
317                         </div>
318                   
319                         <div class="mdesc">
320                             <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           .</div> 
321                         </div>
322                         
323                         <div class="mdesc">
324                             <div class="long">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           ..... <br/>        } ,<br/>        .... <br/>    } <br/>  </code></pre></div> 
325                         </div>
326                         
327                         
328
329                     </td>
330                     <td class="msource">
331                         
332                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
333                                 
334                     </td>
335                 </tr>
336         
337         
338                 <tr class="config-row expandable config-row-alt1 notInherited">
339                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
340                     <td class="sig">
341
342                         <a id="Roo.ColorPalette-cfg-value" name=".value"></a>
343                         <div class="fixedFont">
344                                 <b  class="itemname">value</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
345                                 
346                                 
347                         </div>
348                   
349                         <div class="mdesc">
350                             <div class="short">The initial color to highlight (should be a valid 6-digit color hex code without the # symbol).</div> 
351                         </div>
352                         
353                         <div class="mdesc">
354                             <div class="long">The initial color to highlight (should be a valid 6-digit color hex code without the # symbol).  Note that<br/>the hex codes are case-sensitive.</div> 
355                         </div>
356                         
357                         
358
359                     </td>
360                     <td class="msource">
361                         
362                         Roo.ColorPalette
363                                 
364                     </td>
365                 </tr>
366         
367         
368     </table>
369                 
370   
371   
372   
373   
374   
375   
376   
377   
378   <!-- ============================== public properties ==================== -->        
379   
380   
381   
382     <a id="Roo.ColorPalette-props"></a>      
383     
384     
385
386     
387     
388      <table cellspacing="0" class="member-table">
389       <caption class="Empty">Public Properties - Has None</caption>
390      </table>
391     
392     
393      
394     
395   <!-- ============================== methods summary / details ======================== -->
396   
397   
398   <a id="Roo.ColorPalette-methods"></a>
399         <!-- constructor?? -->
400         
401         <!-- static's first 
402         
403         
404         -->
405         
406         <!-- then dynamics first -->
407         
408   
409   
410     
411     
412     
413       <table cellspacing="0" class="member-table">
414       <caption>Public Methods</caption>
415         <tr>
416             <th class="sig-header" colspan="2">Method</th>            
417             <th class="msource-header">Defined By</th>
418
419         </tr>
420         
421         
422         
423          
424         
425         
426           
427           <tr class="method-row config-row-alt0 expandable notInherited">
428             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
429            
430            
431             <td class="sig">
432                 <a id="Roo-method-ColorPalette"   name=".ColorPalette"></a>
433                 <div class="fixedFont">
434                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">ColorPalette</b>
435                                 
436                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>) 
437                         
438                                 
439                         
440                 </div>
441                 <div class="mdesc">
442                 
443                  
444                         <div class="short">Create a new Roo.ColorPalette</div> 
445                  
446                  
447                     <div class="long">
448                         
449                         
450                         
451                                 Create a new Roo.ColorPalette
452                         
453                         
454                                 <dl class="detailList">
455                                 <dt class="heading">Parameters:</dt>
456                                 
457                                         <dt>
458                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
459                                                 
460                                         </dt>
461                                         <dd>The config object</dd>
462                                 
463                                 </dl>
464                         
465                         
466                         
467                         
468                         
469                         
470                         
471
472                     
473                     
474                      
475                     </div>                    
476                 </div>
477
478             </td>
479             <td class="msource">
480                 &nbsp;
481             </td>
482         </tr>
483         
484           
485           <tr class="method-row config-row-alt1 expandable">
486             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
487            
488            
489             <td class="sig">
490                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
491                 <div class="fixedFont">
492                         <span class="attributes"></span><b class="itemname">addEvents</b>
493                                 
494                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>) 
495                         
496                                 
497                         
498                 </div>
499                 <div class="mdesc">
500                 
501                    <div class="short">Used to define events on this Observable</div> 
502                  
503                  
504                  
505                     <div class="long">
506                         
507                                 Used to define events on this Observable
508                     
509                                 
510                         
511                         
512                         
513                         
514                                 <dl class="detailList">
515                                 <dt class="heading">Parameters:</dt>
516                                 
517                                         <dt>
518                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>object</b>
519                                                 
520                                         </dt>
521                                         <dd>The object with the events defined</dd>
522                                 
523                                 </dl>
524                         
525                         
526                         
527                         
528                         
529                         
530                         
531
532                     
533                     
534                      
535                     </div>                    
536                 </div>
537
538             </td>
539             <td class="msource">
540                 
541                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
542                 &nbsp;
543             </td>
544         </tr>
545         
546           
547           <tr class="method-row config-row-alt0 expandable">
548             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
549            
550            
551             <td class="sig">
552                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
553                 <div class="fixedFont">
554                         <span class="attributes"></span><b class="itemname">addListener</b>
555                                 
556                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>) 
557                         
558                                 
559                         
560                 </div>
561                 <div class="mdesc">
562                 
563                    <div class="short">Appends an event handler to this component</div> 
564                  
565                  
566                  
567                     <div class="long">
568                         
569                                 Appends an event handler to this component
570                     
571                                 
572                         
573                         
574                         
575                         
576                                 <dl class="detailList">
577                                 <dt class="heading">Parameters:</dt>
578                                 
579                                         <dt>
580                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
581                                                 
582                                         </dt>
583                                         <dd>The type of event to listen for</dd>
584                                 
585                                         <dt>
586                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
587                                                 
588                                         </dt>
589                                         <dd>The method the event invokes</dd>
590                                 
591                                         <dt>
592                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
593                                                 
594                                         </dt>
595                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
596                                 
597                                         <dt>
598                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
599                                                 
600                                         </dt>
601                                         <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/>             <pre><code><br/>                el.on('click', this.onClick, this, {<br/>                       single: true,<br/>              delay: 100,<br/>                forumId: 4<br/>         });<br/>                </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/>               el.on({<br/>                    'click': {<br/>                 fn: this.onClick,<br/>                  scope: this,<br/>                       delay: 100<br/>                 }, <br/>                'mouseover': {<br/>                     fn: this.onMouseOver,<br/>                      scope: this<br/>                },<br/>                 'mouseout': {<br/>                      fn: this.onMouseOut,<br/>                       scope: this<br/>                }<br/>          });<br/>                </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/>        <pre><code><br/>                el.on({<br/>                    'click': this.onClick,<br/>             'mouseover': this.onMouseOver,<br/>             'mouseout': this.onMouseOut,<br/>               scope: this<br/>                });<br/>                </code></pre></dd>
602                                 
603                                 </dl>
604                         
605                         
606                         
607                         
608                         
609                         
610                         
611
612                     
613                     
614                      
615                     </div>                    
616                 </div>
617
618             </td>
619             <td class="msource">
620                 
621                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
622                 &nbsp;
623             </td>
624         </tr>
625         
626           
627           <tr class="method-row config-row-alt1 expandable">
628             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
629            
630            
631             <td class="sig">
632                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
633                 <div class="fixedFont">
634                         <span class="attributes"></span><b class="itemname">destroy</b>
635                                 
636                                  () 
637                         
638                                 
639                         
640                 </div>
641                 <div class="mdesc">
642                 
643                    <div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.</div> 
644                  
645                  
646                  
647                     <div class="long">
648                         
649                                 Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.
650                     
651                                 
652                         
653                         
654                         
655                         
656                         
657                         
658                         
659                         
660                         
661                         
662
663                     
664                     
665                      
666                     </div>                    
667                 </div>
668
669             </td>
670             <td class="msource">
671                 
672                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
673                 &nbsp;
674             </td>
675         </tr>
676         
677           
678           <tr class="method-row config-row-alt0 expandable">
679             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
680            
681            
682             <td class="sig">
683                 <a id="Roo.Component-method-disable"   name=".disable"></a>
684                 <div class="fixedFont">
685                         <span class="attributes"></span><b class="itemname">disable</b>
686                                 
687                                  () 
688                         
689                                 
690                                          : 
691                                         
692                                                 
693                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
694                                         
695                                         
696                                         
697                                 
698                         
699                 </div>
700                 <div class="mdesc">
701                 
702                    <div class="short">Disable this component.</div> 
703                  
704                  
705                  
706                     <div class="long">
707                         
708                                 Disable this component.
709                     
710                                 
711                         
712                         
713                         
714                         
715                         
716                         
717                         
718                         
719                                 <dl class="detailList">
720                                 <dt class="heading">Returns:</dt>
721                                 
722                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
723                                 
724                                 </dl>
725                         
726                         
727                         
728
729                     
730                     
731                      
732                     </div>                    
733                 </div>
734
735             </td>
736             <td class="msource">
737                 
738                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
739                 &nbsp;
740             </td>
741         </tr>
742         
743           
744           <tr class="method-row config-row-alt1 expandable">
745             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
746            
747            
748             <td class="sig">
749                 <a id="Roo.Component-method-enable"   name=".enable"></a>
750                 <div class="fixedFont">
751                         <span class="attributes"></span><b class="itemname">enable</b>
752                                 
753                                  () 
754                         
755                                 
756                                          : 
757                                         
758                                                 
759                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
760                                         
761                                         
762                                         
763                                 
764                         
765                 </div>
766                 <div class="mdesc">
767                 
768                    <div class="short">Enable this component.</div> 
769                  
770                  
771                  
772                     <div class="long">
773                         
774                                 Enable this component.
775                     
776                                 
777                         
778                         
779                         
780                         
781                         
782                         
783                         
784                         
785                                 <dl class="detailList">
786                                 <dt class="heading">Returns:</dt>
787                                 
788                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
789                                 
790                                 </dl>
791                         
792                         
793                         
794
795                     
796                     
797                      
798                     </div>                    
799                 </div>
800
801             </td>
802             <td class="msource">
803                 
804                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
805                 &nbsp;
806             </td>
807         </tr>
808         
809           
810           <tr class="method-row config-row-alt0 expandable">
811             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
812            
813            
814             <td class="sig">
815                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
816                 <div class="fixedFont">
817                         <span class="attributes"></span><b class="itemname">fireEvent</b>
818                                 
819                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>) 
820                         
821                                 
822                                          : 
823                                         
824                                                 
825                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
826                                         
827                                         
828                                         
829                                 
830                         
831                 </div>
832                 <div class="mdesc">
833                 
834                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div> 
835                  
836                  
837                  
838                     <div class="long">
839                         
840                                 Fires the specified event with the passed parameters (minus the event name).
841                     
842                                 
843                         
844                         
845                         
846                         
847                                 <dl class="detailList">
848                                 <dt class="heading">Parameters:</dt>
849                                 
850                                         <dt>
851                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
852                                                 
853                                         </dt>
854                                         <dd></dd>
855                                 
856                                         <dt>
857                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span>  <b>args</b>
858                                                 
859                                         </dt>
860                                         <dd>Variable number of parameters are passed to handlers</dd>
861                                 
862                                 </dl>
863                         
864                         
865                         
866                         
867                         
868                                 <dl class="detailList">
869                                 <dt class="heading">Returns:</dt>
870                                 
871                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  returns false if any of the handlers return false otherwise it returns true</dd>
872                                 
873                                 </dl>
874                         
875                         
876                         
877
878                     
879                     
880                      
881                     </div>                    
882                 </div>
883
884             </td>
885             <td class="msource">
886                 
887                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
888                 &nbsp;
889             </td>
890         </tr>
891         
892           
893           <tr class="method-row config-row-alt1 expandable">
894             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
895            
896            
897             <td class="sig">
898                 <a id="Roo.Component-method-focus"   name=".focus"></a>
899                 <div class="fixedFont">
900                         <span class="attributes"></span><b class="itemname">focus</b>
901                                 
902                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>) 
903                         
904                                 
905                                          : 
906                                         
907                                                 
908                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
909                                         
910                                         
911                                         
912                                 
913                         
914                 </div>
915                 <div class="mdesc">
916                 
917                    <div class="short">Try to focus this component.</div> 
918                  
919                  
920                  
921                     <div class="long">
922                         
923                                 Try to focus this component.
924                     
925                                 
926                         
927                         
928                         
929                         
930                                 <dl class="detailList">
931                                 <dt class="heading">Parameters:</dt>
932                                 
933                                         <dt>
934                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>selectText</b>
935                                                 
936                                         </dt>
937                                         <dd>True to also select the text in this component (if applicable)</dd>
938                                 
939                                 </dl>
940                         
941                         
942                         
943                         
944                         
945                                 <dl class="detailList">
946                                 <dt class="heading">Returns:</dt>
947                                 
948                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
949                                 
950                                 </dl>
951                         
952                         
953                         
954
955                     
956                     
957                      
958                     </div>                    
959                 </div>
960
961             </td>
962             <td class="msource">
963                 
964                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
965                 &nbsp;
966             </td>
967         </tr>
968         
969           
970           <tr class="method-row config-row-alt0 expandable">
971             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
972            
973            
974             <td class="sig">
975                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
976                 <div class="fixedFont">
977                         <span class="attributes"></span><b class="itemname">getEl</b>
978                                 
979                                  () 
980                         
981                                 
982                                          : 
983                                         
984                                                 
985                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
986                                         
987                                         
988                                         
989                                 
990                         
991                 </div>
992                 <div class="mdesc">
993                 
994                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div> 
995                  
996                  
997                  
998                     <div class="long">
999                         
1000                                 Returns the underlying {<b>link</b> Roo.Element}.
1001                     
1002                                 
1003                         
1004                         
1005                         
1006                         
1007                         
1008                         
1009                         
1010                         
1011                                 <dl class="detailList">
1012                                 <dt class="heading">Returns:</dt>
1013                                 
1014                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
1015                                 
1016                                 </dl>
1017                         
1018                         
1019                         
1020
1021                     
1022                     
1023                      
1024                     </div>                    
1025                 </div>
1026
1027             </td>
1028             <td class="msource">
1029                 
1030                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1031                 &nbsp;
1032             </td>
1033         </tr>
1034         
1035           
1036           <tr class="method-row config-row-alt1 expandable">
1037             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1038            
1039            
1040             <td class="sig">
1041                 <a id="Roo.Component-method-getId"   name=".getId"></a>
1042                 <div class="fixedFont">
1043                         <span class="attributes"></span><b class="itemname">getId</b>
1044                                 
1045                                  () 
1046                         
1047                                 
1048                                          : 
1049                                         
1050                                                 
1051                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1052                                         
1053                                         
1054                                         
1055                                 
1056                         
1057                 </div>
1058                 <div class="mdesc">
1059                 
1060                    <div class="short">Returns the id of this component.</div> 
1061                  
1062                  
1063                  
1064                     <div class="long">
1065                         
1066                                 Returns the id of this component.
1067                     
1068                                 
1069                         
1070                         
1071                         
1072                         
1073                         
1074                         
1075                         
1076                         
1077                                 <dl class="detailList">
1078                                 <dt class="heading">Returns:</dt>
1079                                 
1080                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
1081                                 
1082                                 </dl>
1083                         
1084                         
1085                         
1086
1087                     
1088                     
1089                      
1090                     </div>                    
1091                 </div>
1092
1093             </td>
1094             <td class="msource">
1095                 
1096                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1097                 &nbsp;
1098             </td>
1099         </tr>
1100         
1101           
1102           <tr class="method-row config-row-alt0 expandable">
1103             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1104            
1105            
1106             <td class="sig">
1107                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1108                 <div class="fixedFont">
1109                         <span class="attributes"></span><b class="itemname">hasListener</b>
1110                                 
1111                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>) 
1112                         
1113                                 
1114                                          : 
1115                                         
1116                                                 
1117                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1118                                         
1119                                         
1120                                         
1121                                 
1122                         
1123                 </div>
1124                 <div class="mdesc">
1125                 
1126                    <div class="short">Checks to see if this object has any listeners for a specified event</div> 
1127                  
1128                  
1129                  
1130                     <div class="long">
1131                         
1132                                 Checks to see if this object has any listeners for a specified event
1133                     
1134                                 
1135                         
1136                         
1137                         
1138                         
1139                                 <dl class="detailList">
1140                                 <dt class="heading">Parameters:</dt>
1141                                 
1142                                         <dt>
1143                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1144                                                 
1145                                         </dt>
1146                                         <dd>The name of the event to check for</dd>
1147                                 
1148                                 </dl>
1149                         
1150                         
1151                         
1152                         
1153                         
1154                                 <dl class="detailList">
1155                                 <dt class="heading">Returns:</dt>
1156                                 
1157                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  True if the event is being listened for, else false</dd>
1158                                 
1159                                 </dl>
1160                         
1161                         
1162                         
1163
1164                     
1165                     
1166                      
1167                     </div>                    
1168                 </div>
1169
1170             </td>
1171             <td class="msource">
1172                 
1173                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1174                 &nbsp;
1175             </td>
1176         </tr>
1177         
1178           
1179           <tr class="method-row config-row-alt1 expandable">
1180             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1181            
1182            
1183             <td class="sig">
1184                 <a id="Roo.Component-method-hide"   name=".hide"></a>
1185                 <div class="fixedFont">
1186                         <span class="attributes"></span><b class="itemname">hide</b>
1187                                 
1188                                  () 
1189                         
1190                                 
1191                                          : 
1192                                         
1193                                                 
1194                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1195                                         
1196                                         
1197                                         
1198                                 
1199                         
1200                 </div>
1201                 <div class="mdesc">
1202                 
1203                    <div class="short">Hide this component.</div> 
1204                  
1205                  
1206                  
1207                     <div class="long">
1208                         
1209                                 Hide this component.
1210                     
1211                                 
1212                         
1213                         
1214                         
1215                         
1216                         
1217                         
1218                         
1219                         
1220                                 <dl class="detailList">
1221                                 <dt class="heading">Returns:</dt>
1222                                 
1223                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1224                                 
1225                                 </dl>
1226                         
1227                         
1228                         
1229
1230                     
1231                     
1232                      
1233                     </div>                    
1234                 </div>
1235
1236             </td>
1237             <td class="msource">
1238                 
1239                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1240                 &nbsp;
1241             </td>
1242         </tr>
1243         
1244           
1245           <tr class="method-row config-row-alt0 expandable">
1246             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1247            
1248            
1249             <td class="sig">
1250                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
1251                 <div class="fixedFont">
1252                         <span class="attributes"></span><b class="itemname">isVisible</b>
1253                                 
1254                                  () 
1255                         
1256                                 
1257                         
1258                 </div>
1259                 <div class="mdesc">
1260                 
1261                    <div class="short">Returns true if this component is visible.</div> 
1262                  
1263                  
1264                  
1265                     <div class="long">
1266                         
1267                                 Returns true if this component is visible.
1268                     
1269                                 
1270                         
1271                         
1272                         
1273                         
1274                         
1275                         
1276                         
1277                         
1278                         
1279                         
1280
1281                     
1282                     
1283                      
1284                     </div>                    
1285                 </div>
1286
1287             </td>
1288             <td class="msource">
1289                 
1290                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1291                 &nbsp;
1292             </td>
1293         </tr>
1294         
1295           
1296           <tr class="method-row config-row-alt1 expandable">
1297             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1298            
1299            
1300             <td class="sig">
1301                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1302                 <div class="fixedFont">
1303                         <span class="attributes"></span><b class="itemname">on</b>
1304                                 
1305                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>) 
1306                         
1307                                 
1308                         
1309                 </div>
1310                 <div class="mdesc">
1311                 
1312                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div> 
1313                  
1314                  
1315                  
1316                     <div class="long">
1317                         
1318                                 Appends an event handler to this element (shorthand for addListener)
1319                     
1320                                 
1321                         
1322                         
1323                         
1324                         
1325                                 <dl class="detailList">
1326                                 <dt class="heading">Parameters:</dt>
1327                                 
1328                                         <dt>
1329                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1330                                                 
1331                                         </dt>
1332                                         <dd>The type of event to listen for</dd>
1333                                 
1334                                         <dt>
1335                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1336                                                 
1337                                         </dt>
1338                                         <dd>The method the event invokes</dd>
1339                                 
1340                                         <dt>
1341                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
1342                                                 
1343                                         </dt>
1344                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1345                                 
1346                                         <dt>
1347                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
1348                                                 
1349                                         </dt>
1350                                         <dd>(optional)</dd>
1351                                 
1352                                 </dl>
1353                         
1354                         
1355                         
1356                         
1357                         
1358                         
1359                         
1360
1361                     
1362                     
1363                      
1364                     </div>                    
1365                 </div>
1366
1367             </td>
1368             <td class="msource">
1369                 
1370                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1371                 &nbsp;
1372             </td>
1373         </tr>
1374         
1375           
1376           <tr class="method-row config-row-alt0 expandable">
1377             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1378            
1379            
1380             <td class="sig">
1381                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1382                 <div class="fixedFont">
1383                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1384                                 
1385                                  () 
1386                         
1387                                 
1388                         
1389                 </div>
1390                 <div class="mdesc">
1391                 
1392                    <div class="short">Removes all listeners for this object</div> 
1393                  
1394                  
1395                  
1396                     <div class="long">
1397                         
1398                                 Removes all listeners for this object
1399                     
1400                                 
1401                         
1402                         
1403                         
1404                         
1405                         
1406                         
1407                         
1408                         
1409                         
1410                         
1411
1412                     
1413                     
1414                      
1415                     </div>                    
1416                 </div>
1417
1418             </td>
1419             <td class="msource">
1420                 
1421                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1422                 &nbsp;
1423             </td>
1424         </tr>
1425         
1426           
1427           <tr class="method-row config-row-alt1 expandable">
1428             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1429            
1430            
1431             <td class="sig">
1432                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1433                 <div class="fixedFont">
1434                         <span class="attributes"></span><b class="itemname">removeListener</b>
1435                                 
1436                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>) 
1437                         
1438                                 
1439                         
1440                 </div>
1441                 <div class="mdesc">
1442                 
1443                    <div class="short">Removes a listener</div> 
1444                  
1445                  
1446                  
1447                     <div class="long">
1448                         
1449                                 Removes a listener
1450                     
1451                                 
1452                         
1453                         
1454                         
1455                         
1456                                 <dl class="detailList">
1457                                 <dt class="heading">Parameters:</dt>
1458                                 
1459                                         <dt>
1460                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1461                                                 
1462                                         </dt>
1463                                         <dd>The type of event to listen for</dd>
1464                                 
1465                                         <dt>
1466                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1467                                                 
1468                                         </dt>
1469                                         <dd>The handler to remove</dd>
1470                                 
1471                                         <dt>
1472                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
1473                                                 
1474                                         </dt>
1475                                         <dd>(optional) The scope (this object) for the handler</dd>
1476                                 
1477                                 </dl>
1478                         
1479                         
1480                         
1481                         
1482                         
1483                         
1484                         
1485
1486                     
1487                     
1488                      
1489                     </div>                    
1490                 </div>
1491
1492             </td>
1493             <td class="msource">
1494                 
1495                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1496                 &nbsp;
1497             </td>
1498         </tr>
1499         
1500           
1501           <tr class="method-row config-row-alt0 expandable">
1502             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1503            
1504            
1505             <td class="sig">
1506                 <a id="Roo.Component-method-render"   name=".render"></a>
1507                 <div class="fixedFont">
1508                         <span class="attributes"></span><b class="itemname">render</b>
1509                                 
1510                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>) 
1511                         
1512                                 
1513                         
1514                 </div>
1515                 <div class="mdesc">
1516                 
1517                    <div class="short">If this is a lazy rendering component, render it to its container element.</div> 
1518                  
1519                  
1520                  
1521                     <div class="long">
1522                         
1523                                 If this is a lazy rendering component, render it to its container element.
1524                     
1525                                 
1526                         
1527                         
1528                         
1529                         
1530                                 <dl class="detailList">
1531                                 <dt class="heading">Parameters:</dt>
1532                                 
1533                                         <dt>
1534                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
1535                                                 
1536                                         </dt>
1537                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
1538                                 
1539                                 </dl>
1540                         
1541                         
1542                         
1543                         
1544                         
1545                         
1546                         
1547
1548                     
1549                     
1550                      
1551                     </div>                    
1552                 </div>
1553
1554             </td>
1555             <td class="msource">
1556                 
1557                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1558                 &nbsp;
1559             </td>
1560         </tr>
1561         
1562           
1563           <tr class="method-row config-row-alt1 expandable notInherited">
1564             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1565            
1566            
1567             <td class="sig">
1568                 <a id="Roo.ColorPalette-method-select"   name=".select"></a>
1569                 <div class="fixedFont">
1570                         <span class="attributes"></span><b class="itemname">select</b>
1571                                 
1572                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>color</i></B>) 
1573                         
1574                                 
1575                         
1576                 </div>
1577                 <div class="mdesc">
1578                 
1579                    <div class="short">Selects the specified color in the palette (fires the select event)</div> 
1580                  
1581                  
1582                  
1583                     <div class="long">
1584                         
1585                                 Selects the specified color in the palette (fires the select event)
1586                     
1587                                 
1588                         
1589                         
1590                         
1591                         
1592                                 <dl class="detailList">
1593                                 <dt class="heading">Parameters:</dt>
1594                                 
1595                                         <dt>
1596                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>color</b>
1597                                                 
1598                                         </dt>
1599                                         <dd>A valid 6-digit color hex code (# will be stripped if included)</dd>
1600                                 
1601                                 </dl>
1602                         
1603                         
1604                         
1605                         
1606                         
1607                         
1608                         
1609
1610                     
1611                     
1612                      
1613                     </div>                    
1614                 </div>
1615
1616             </td>
1617             <td class="msource">
1618                 
1619                         Roo.ColorPalette
1620                 &nbsp;
1621             </td>
1622         </tr>
1623         
1624           
1625           <tr class="method-row config-row-alt0 expandable">
1626             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1627            
1628            
1629             <td class="sig">
1630                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
1631                 <div class="fixedFont">
1632                         <span class="attributes"></span><b class="itemname">setDisabled</b>
1633                                 
1634                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>) 
1635                         
1636                                 
1637                         
1638                 </div>
1639                 <div class="mdesc">
1640                 
1641                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div> 
1642                  
1643                  
1644                  
1645                     <div class="long">
1646                         
1647                                 Convenience function for setting disabled/enabled by boolean.
1648                     
1649                                 
1650                         
1651                         
1652                         
1653                         
1654                                 <dl class="detailList">
1655                                 <dt class="heading">Parameters:</dt>
1656                                 
1657                                         <dt>
1658                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>disabled</b>
1659                                                 
1660                                         </dt>
1661                                         <dd></dd>
1662                                 
1663                                 </dl>
1664                         
1665                         
1666                         
1667                         
1668                         
1669                         
1670                         
1671
1672                     
1673                     
1674                      
1675                     </div>                    
1676                 </div>
1677
1678             </td>
1679             <td class="msource">
1680                 
1681                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1682                 &nbsp;
1683             </td>
1684         </tr>
1685         
1686           
1687           <tr class="method-row config-row-alt1 expandable">
1688             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1689            
1690            
1691             <td class="sig">
1692                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
1693                 <div class="fixedFont">
1694                         <span class="attributes"></span><b class="itemname">setVisible</b>
1695                                 
1696                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>) 
1697                         
1698                                 
1699                                          : 
1700                                         
1701                                                 
1702                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1703                                         
1704                                         
1705                                         
1706                                 
1707                         
1708                 </div>
1709                 <div class="mdesc">
1710                 
1711                    <div class="short">Convenience function to hide or show this component by boolean.</div> 
1712                  
1713                  
1714                  
1715                     <div class="long">
1716                         
1717                                 Convenience function to hide or show this component by boolean.
1718                     
1719                                 
1720                         
1721                         
1722                         
1723                         
1724                                 <dl class="detailList">
1725                                 <dt class="heading">Parameters:</dt>
1726                                 
1727                                         <dt>
1728                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>visible</b>
1729                                                 
1730                                         </dt>
1731                                         <dd>True to show, false to hide</dd>
1732                                 
1733                                 </dl>
1734                         
1735                         
1736                         
1737                         
1738                         
1739                                 <dl class="detailList">
1740                                 <dt class="heading">Returns:</dt>
1741                                 
1742                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1743                                 
1744                                 </dl>
1745                         
1746                         
1747                         
1748
1749                     
1750                     
1751                      
1752                     </div>                    
1753                 </div>
1754
1755             </td>
1756             <td class="msource">
1757                 
1758                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1759                 &nbsp;
1760             </td>
1761         </tr>
1762         
1763           
1764           <tr class="method-row config-row-alt0 expandable">
1765             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1766            
1767            
1768             <td class="sig">
1769                 <a id="Roo.Component-method-show"   name=".show"></a>
1770                 <div class="fixedFont">
1771                         <span class="attributes"></span><b class="itemname">show</b>
1772                                 
1773                                  () 
1774                         
1775                                 
1776                                          : 
1777                                         
1778                                                 
1779                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1780                                         
1781                                         
1782                                         
1783                                 
1784                         
1785                 </div>
1786                 <div class="mdesc">
1787                 
1788                    <div class="short">Show this component.</div> 
1789                  
1790                  
1791                  
1792                     <div class="long">
1793                         
1794                                 Show this component.
1795                     
1796                                 
1797                         
1798                         
1799                         
1800                         
1801                         
1802                         
1803                         
1804                         
1805                                 <dl class="detailList">
1806                                 <dt class="heading">Returns:</dt>
1807                                 
1808                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1809                                 
1810                                 </dl>
1811                         
1812                         
1813                         
1814
1815                     
1816                     
1817                      
1818                     </div>                    
1819                 </div>
1820
1821             </td>
1822             <td class="msource">
1823                 
1824                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1825                 &nbsp;
1826             </td>
1827         </tr>
1828         
1829           
1830           <tr class="method-row config-row-alt1 expandable">
1831             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1832            
1833            
1834             <td class="sig">
1835                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
1836                 <div class="fixedFont">
1837                         <span class="attributes"></span><b class="itemname">un</b>
1838                                 
1839                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>) 
1840                         
1841                                 
1842                         
1843                 </div>
1844                 <div class="mdesc">
1845                 
1846                    <div class="short">Removes a listener (shorthand for removeListener)</div> 
1847                  
1848                  
1849                  
1850                     <div class="long">
1851                         
1852                                 Removes a listener (shorthand for removeListener)
1853                     
1854                                 
1855                         
1856                         
1857                         
1858                         
1859                                 <dl class="detailList">
1860                                 <dt class="heading">Parameters:</dt>
1861                                 
1862                                         <dt>
1863                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1864                                                 
1865                                         </dt>
1866                                         <dd>The type of event to listen for</dd>
1867                                 
1868                                         <dt>
1869                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1870                                                 
1871                                         </dt>
1872                                         <dd>The handler to remove</dd>
1873                                 
1874                                         <dt>
1875                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
1876                                                 
1877                                         </dt>
1878                                         <dd>(optional) The scope (this object) for the handler</dd>
1879                                 
1880                                 </dl>
1881                         
1882                         
1883                         
1884                         
1885                         
1886                         
1887                         
1888
1889                     
1890                     
1891                      
1892                     </div>                    
1893                 </div>
1894
1895             </td>
1896             <td class="msource">
1897                 
1898                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1899                 &nbsp;
1900             </td>
1901         </tr>
1902         
1903                                                        
1904     </table>
1905
1906   
1907   <!-- ============================== events summary / details ======================== -->
1908   
1909   
1910   <a id="Roo.ColorPalette-events"></a>
1911     
1912   
1913         
1914    
1915   
1916     
1917     
1918     
1919       <table cellspacing="0" class="member-table">
1920                 <caption>Events</caption>
1921               <thead>
1922                 <tr>
1923                     <th class="sig-header" colspan="2">Event</th>            
1924                     <th class="msource-header">Defined By</th>
1925
1926                 </tr>
1927               </thead>  
1928         
1929         
1930          
1931         
1932         
1933           <tr class="method-row expandable config-row-alt0">
1934             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1935             
1936             <td class="sig">
1937                 <a id="Roo.Component-event-*beforedestroy"></a>
1938                 
1939                <div class="fixedFont">
1940                 <b class="itemname">beforedestroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
1941                 
1942                 </div>
1943
1944                 <div class="mdesc">
1945
1946                    <div class="short">Fires before the component is destroyed.
1947                    
1948                 </div> 
1949                     
1950                     <div class="long">
1951                     
1952                         Fires before the component is destroyed. Return false to stop the destroy.
1953                     
1954                         
1955                         
1956                 
1957                         
1958                                 <dl class="detailList">
1959                                 <dt class="heading">Parameters:</dt>
1960                                 
1961                                         <dt>
1962                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
1963                                                 
1964                                         </dt>
1965                                         <dd></dd>
1966                                 
1967                                 </dl>
1968                         
1969                         
1970                         
1971                         
1972                         
1973                         
1974                         
1975
1976                     
1977                     
1978                      
1979                     </div>                    
1980                 </div>
1981
1982             </td>
1983             <td class="msource">
1984                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1985             </td>
1986         </tr>
1987         
1988           <tr class="method-row expandable config-row-alt1">
1989             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1990             
1991             <td class="sig">
1992                 <a id="Roo.Component-event-*beforehide"></a>
1993                 
1994                <div class="fixedFont">
1995                 <b class="itemname">beforehide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
1996                 
1997                 </div>
1998
1999                 <div class="mdesc">
2000
2001                    <div class="short">Fires before the component is hidden.
2002                    
2003                 </div> 
2004                     
2005                     <div class="long">
2006                     
2007                         Fires before the component is hidden. Return false to stop the hide.
2008                     
2009                         
2010                         
2011                 
2012                         
2013                                 <dl class="detailList">
2014                                 <dt class="heading">Parameters:</dt>
2015                                 
2016                                         <dt>
2017                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2018                                                 
2019                                         </dt>
2020                                         <dd></dd>
2021                                 
2022                                 </dl>
2023                         
2024                         
2025                         
2026                         
2027                         
2028                         
2029                         
2030
2031                     
2032                     
2033                      
2034                     </div>                    
2035                 </div>
2036
2037             </td>
2038             <td class="msource">
2039                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2040             </td>
2041         </tr>
2042         
2043           <tr class="method-row expandable config-row-alt0">
2044             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2045             
2046             <td class="sig">
2047                 <a id="Roo.Component-event-*beforerender"></a>
2048                 
2049                <div class="fixedFont">
2050                 <b class="itemname">beforerender</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2051                 
2052                 </div>
2053
2054                 <div class="mdesc">
2055
2056                    <div class="short">Fires before the component is rendered.
2057                    
2058                 </div> 
2059                     
2060                     <div class="long">
2061                     
2062                         Fires before the component is rendered. Return false to stop the render.
2063                     
2064                         
2065                         
2066                 
2067                         
2068                                 <dl class="detailList">
2069                                 <dt class="heading">Parameters:</dt>
2070                                 
2071                                         <dt>
2072                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2073                                                 
2074                                         </dt>
2075                                         <dd></dd>
2076                                 
2077                                 </dl>
2078                         
2079                         
2080                         
2081                         
2082                         
2083                         
2084                         
2085
2086                     
2087                     
2088                      
2089                     </div>                    
2090                 </div>
2091
2092             </td>
2093             <td class="msource">
2094                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2095             </td>
2096         </tr>
2097         
2098           <tr class="method-row expandable config-row-alt1">
2099             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2100             
2101             <td class="sig">
2102                 <a id="Roo.Component-event-*beforeshow"></a>
2103                 
2104                <div class="fixedFont">
2105                 <b class="itemname">beforeshow</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2106                 
2107                 </div>
2108
2109                 <div class="mdesc">
2110
2111                    <div class="short">Fires before the component is shown.
2112                    
2113                 </div> 
2114                     
2115                     <div class="long">
2116                     
2117                         Fires before the component is shown.  Return false to stop the show.
2118                     
2119                         
2120                         
2121                 
2122                         
2123                                 <dl class="detailList">
2124                                 <dt class="heading">Parameters:</dt>
2125                                 
2126                                         <dt>
2127                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2128                                                 
2129                                         </dt>
2130                                         <dd></dd>
2131                                 
2132                                 </dl>
2133                         
2134                         
2135                         
2136                         
2137                         
2138                         
2139                         
2140
2141                     
2142                     
2143                      
2144                     </div>                    
2145                 </div>
2146
2147             </td>
2148             <td class="msource">
2149                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2150             </td>
2151         </tr>
2152         
2153           <tr class="method-row expandable config-row-alt0">
2154             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2155             
2156             <td class="sig">
2157                 <a id="Roo.Component-event-*destroy"></a>
2158                 
2159                <div class="fixedFont">
2160                 <b class="itemname">destroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2161                 
2162                 </div>
2163
2164                 <div class="mdesc">
2165
2166                    <div class="short">Fires after the component is destroyed.
2167                    
2168                 </div> 
2169                     
2170                     <div class="long">
2171                     
2172                         Fires after the component is destroyed.
2173                     
2174                         
2175                         
2176                 
2177                         
2178                                 <dl class="detailList">
2179                                 <dt class="heading">Parameters:</dt>
2180                                 
2181                                         <dt>
2182                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2183                                                 
2184                                         </dt>
2185                                         <dd></dd>
2186                                 
2187                                 </dl>
2188                         
2189                         
2190                         
2191                         
2192                         
2193                         
2194                         
2195
2196                     
2197                     
2198                      
2199                     </div>                    
2200                 </div>
2201
2202             </td>
2203             <td class="msource">
2204                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2205             </td>
2206         </tr>
2207         
2208           <tr class="method-row expandable config-row-alt1">
2209             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2210             
2211             <td class="sig">
2212                 <a id="Roo.Component-event-*disable"></a>
2213                 
2214                <div class="fixedFont">
2215                 <b class="itemname">disable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2216                 
2217                 </div>
2218
2219                 <div class="mdesc">
2220
2221                    <div class="short">Fires after the component is disabled.
2222                    
2223                 </div> 
2224                     
2225                     <div class="long">
2226                     
2227                         Fires after the component is disabled.
2228                     
2229                         
2230                         
2231                 
2232                         
2233                                 <dl class="detailList">
2234                                 <dt class="heading">Parameters:</dt>
2235                                 
2236                                         <dt>
2237                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2238                                                 
2239                                         </dt>
2240                                         <dd></dd>
2241                                 
2242                                 </dl>
2243                         
2244                         
2245                         
2246                         
2247                         
2248                         
2249                         
2250
2251                     
2252                     
2253                      
2254                     </div>                    
2255                 </div>
2256
2257             </td>
2258             <td class="msource">
2259                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2260             </td>
2261         </tr>
2262         
2263           <tr class="method-row expandable config-row-alt0">
2264             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2265             
2266             <td class="sig">
2267                 <a id="Roo.Component-event-*enable"></a>
2268                 
2269                <div class="fixedFont">
2270                 <b class="itemname">enable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2271                 
2272                 </div>
2273
2274                 <div class="mdesc">
2275
2276                    <div class="short">Fires after the component is enabled.
2277                    
2278                 </div> 
2279                     
2280                     <div class="long">
2281                     
2282                         Fires after the component is enabled.
2283                     
2284                         
2285                         
2286                 
2287                         
2288                                 <dl class="detailList">
2289                                 <dt class="heading">Parameters:</dt>
2290                                 
2291                                         <dt>
2292                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2293                                                 
2294                                         </dt>
2295                                         <dd></dd>
2296                                 
2297                                 </dl>
2298                         
2299                         
2300                         
2301                         
2302                         
2303                         
2304                         
2305
2306                     
2307                     
2308                      
2309                     </div>                    
2310                 </div>
2311
2312             </td>
2313             <td class="msource">
2314                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2315             </td>
2316         </tr>
2317         
2318           <tr class="method-row expandable config-row-alt1">
2319             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2320             
2321             <td class="sig">
2322                 <a id="Roo.Component-event-*hide"></a>
2323                 
2324                <div class="fixedFont">
2325                 <b class="itemname">hide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2326                 
2327                 </div>
2328
2329                 <div class="mdesc">
2330
2331                    <div class="short">Fires after the component is hidden.
2332                    
2333                 </div> 
2334                     
2335                     <div class="long">
2336                     
2337                         Fires after the component is hidden.
2338                     
2339                         
2340                         
2341                 
2342                         
2343                                 <dl class="detailList">
2344                                 <dt class="heading">Parameters:</dt>
2345                                 
2346                                         <dt>
2347                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2348                                                 
2349                                         </dt>
2350                                         <dd></dd>
2351                                 
2352                                 </dl>
2353                         
2354                         
2355                         
2356                         
2357                         
2358                         
2359                         
2360
2361                     
2362                     
2363                      
2364                     </div>                    
2365                 </div>
2366
2367             </td>
2368             <td class="msource">
2369                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2370             </td>
2371         </tr>
2372         
2373           <tr class="method-row expandable config-row-alt0">
2374             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2375             
2376             <td class="sig">
2377                 <a id="Roo.Component-event-*render"></a>
2378                 
2379                <div class="fixedFont">
2380                 <b class="itemname">render</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2381                 
2382                 </div>
2383
2384                 <div class="mdesc">
2385
2386                    <div class="short">Fires after the component is rendered.
2387                    
2388                 </div> 
2389                     
2390                     <div class="long">
2391                     
2392                         Fires after the component is rendered.
2393                     
2394                         
2395                         
2396                 
2397                         
2398                                 <dl class="detailList">
2399                                 <dt class="heading">Parameters:</dt>
2400                                 
2401                                         <dt>
2402                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2403                                                 
2404                                         </dt>
2405                                         <dd></dd>
2406                                 
2407                                 </dl>
2408                         
2409                         
2410                         
2411                         
2412                         
2413                         
2414                         
2415
2416                     
2417                     
2418                      
2419                     </div>                    
2420                 </div>
2421
2422             </td>
2423             <td class="msource">
2424                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2425             </td>
2426         </tr>
2427         
2428           <tr class="method-row expandable config-row-alt1 notInherited">
2429             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2430             
2431             <td class="sig">
2432                 <a id="Roo.ColorPalette-event-*select"></a>
2433                 
2434                <div class="fixedFont">
2435                 <b class="itemname">select</b> (ColorPalette <B><i>this</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>color</i></B>) 
2436                 
2437                 </div>
2438
2439                 <div class="mdesc">
2440
2441                    <div class="short">Fires when a color is selected
2442                    
2443                 </div> 
2444                     
2445                     <div class="long">
2446                     
2447                         Fires when a color is selected
2448                     
2449                         
2450                         
2451                 
2452                         
2453                                 <dl class="detailList">
2454                                 <dt class="heading">Parameters:</dt>
2455                                 
2456                                         <dt>
2457                                                 <span class="fixedFont">ColorPalette</span> <b>this</b>
2458                                                 
2459                                         </dt>
2460                                         <dd></dd>
2461                                 
2462                                         <dt>
2463                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>color</b>
2464                                                 
2465                                         </dt>
2466                                         <dd>The 6-digit color hex code (without the # symbol)</dd>
2467                                 
2468                                 </dl>
2469                         
2470                         
2471                         
2472                         
2473                         
2474                         
2475                         
2476
2477                     
2478                     
2479                      
2480                     </div>                    
2481                 </div>
2482
2483             </td>
2484             <td class="msource">
2485                 Roo.ColorPalette
2486             </td>
2487         </tr>
2488         
2489           <tr class="method-row expandable config-row-alt0">
2490             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2491             
2492             <td class="sig">
2493                 <a id="Roo.Component-event-*show"></a>
2494                 
2495                <div class="fixedFont">
2496                 <b class="itemname">show</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
2497                 
2498                 </div>
2499
2500                 <div class="mdesc">
2501
2502                    <div class="short">Fires after the component is shown.
2503                    
2504                 </div> 
2505                     
2506                     <div class="long">
2507                     
2508                         Fires after the component is shown.
2509                     
2510                         
2511                         
2512                 
2513                         
2514                                 <dl class="detailList">
2515                                 <dt class="heading">Parameters:</dt>
2516                                 
2517                                         <dt>
2518                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2519                                                 
2520                                         </dt>
2521                                         <dd></dd>
2522                                 
2523                                 </dl>
2524                         
2525                         
2526                         
2527                         
2528                         
2529                         
2530                         
2531
2532                     
2533                     
2534                      
2535                     </div>                    
2536                 </div>
2537
2538             </td>
2539             <td class="msource">
2540                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2541             </td>
2542         </tr>
2543         
2544                                                        
2545     </table>
2546
2547   
2548   
2549   
2550  
2551 <!-- ============================== footer ================================= -->
2552                 <div class="fineprint" style="clear:both">
2553                         
2554                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Tue Jul 27 2010 11:05:06 GMT+0800 (HKT)
2555                         Based on 
2556                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
2557                 </div>
2558         </body>
2559 </html>