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