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