docs/default.css
[roojs1] / docs / symbols / Roo.bootstrap.CheckBox.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.bootstrap.CheckBox</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.bootstrap.CheckBox-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35         <a class="inner-link" href="#Roo.bootstrap.CheckBox-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36         <a class="inner-link" href="#Roo.bootstrap.CheckBox-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37         <a class="inner-link" href="#Roo.bootstrap.CheckBox-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
39         -->
40     </div>
41
42     
43 <!-- ============================== inheritance Block. ================================= -->    
44         
45                 <div class="inheritance res-block">
46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
50 <img src="../../images/default/s.gif" height="1"  width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.CheckBox 
51
52                    </pre>
53                 </div>
54        
55 <!-- ============================== class title / details ============================ -->
56     
57     
58     <h1 class="classTitle">
59                                 
60                                 Class Roo.bootstrap.CheckBox
61                         </h1>
62                         
63     <table cellspacing="0" class="class-summary-table">
64         
65                 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
66         
67         <tr><td class="label">Defined In:</td><td class="hd-info">
68                         
69                                         <a href="./src/Roo_bootstrap_CheckBox.js.html">Roo/bootstrap/CheckBox.js</a>.
70                         
71         </td></tr>
72         <tr><td class="label">Class:</td><td class="hd-info">CheckBox</td></tr>
73         
74         
75         <tr><td class="label">Subclasses:</td><td class="hd-info">
76                 <a href="./Roo.bootstrap.Radio.html#constructor" roo:cls="Roo.bootstrap.Radio.html#constructor">Roo.bootstrap.Radio</a>
77
78         
79         
80         </td></tr>
81         
82         
83         
84                 <tr><td class="label">Extends:</td><td class="hd-info">
85                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
86         
87                 </td></tr>    
88         
89         
90     </table>
91
92     
93 <!-- ============================== class summary ========================== -->                        
94     <div class="description">
95         Bootstrap CheckBox class
96     </div>
97
98         
99 <!-- ============================== Class comment block... ========================== -->                                       
100
101 <div class="comments">
102         <b>Class Comments / Notes</B> =>  
103         <u onclick="parent.CommentDialog.showCommentId = 'Roo.bootstrap.CheckBox';">[Add Your comment/notes about this class]</u>
104         <br/>
105         <iframe frameborder="0"  id="comments-Roo.bootstrap" style="border: none;width:100%;" 
106                 src="/blog.php/GtkDjsComments/Roo.bootstrap.CheckBox.html"></iframe>
107 </div>
108         
109
110                 
111 <!-- ============================== config options ========================== -->                                               
112                  
113     
114     
115                 
116     <div class="hr"></div>
117     <a id="Roo.bootstrap.CheckBox-configs"></a>
118                 
119     
120      
121     
122         
123       <table cellspacing="0" class="member-table">   
124       <caption>Config Options (Usually are also Properties)</caption>
125     
126         
127         <tr>
128             <th class="sig-header" colspan="2">Options</th>
129             
130             <th class="msource-header">Defined By</th>
131         </tr>
132         
133         
134         
135         
136         
137                 <tr class="config-row expandable config-row-alt0">
138                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
139                     <td class="sig">
140
141                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
142                         <div class="fixedFont">
143                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
144                                 
145                                 
146                         </div>
147                   
148                         <div class="mdesc">
149                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div> 
150                         </div>
151                         
152                         <div class="mdesc">
153                             <div class="long">
154                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
155                     
156                 </div> 
157                         </div>
158                         
159                         
160
161                     </td>
162                     <td class="msource">
163                         
164                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
165                                 
166                     </td>
167                 </tr>
168         
169         
170                 <tr class="config-row expandable config-row-alt1">
171                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
172                     <td class="sig">
173
174                         <a id="Roo.bootstrap.Input-cfg-after" name=".after"></a>
175                         <div class="fixedFont">
176                                 <b  class="itemname">after</b> : string
177                                 
178                                 
179                         </div>
180                   
181                         <div class="mdesc">
182                             <div class="short">- input group add on after</div> 
183                         </div>
184                         
185                         <div class="mdesc">
186                             <div class="long">
187                     - input group add on after
188                     
189                 </div> 
190                         </div>
191                         
192                         
193
194                     </td>
195                     <td class="msource">
196                         
197                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
198                                 
199                     </td>
200                 </tr>
201         
202         
203                 <tr class="config-row expandable config-row-alt0">
204                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
205                     <td class="sig">
206
207                         <a id="Roo.bootstrap.Input-cfg-align" name=".align"></a>
208                         <div class="fixedFont">
209                                 <b  class="itemname">align</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
210                                 
211                                 
212                         </div>
213                   
214                         <div class="mdesc">
215                             <div class="short">Default left</div> 
216                         </div>
217                         
218                         <div class="mdesc">
219                             <div class="long">
220                     Default left
221                     <BR/>Possible Values: left, center, right
222                 </div> 
223                         </div>
224                         
225                         
226
227                     </td>
228                     <td class="msource">
229                         
230                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
231                                 
232                     </td>
233                 </tr>
234         
235         
236                 <tr class="config-row expandable config-row-alt1">
237                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
238                     <td class="sig">
239
240                         <a id="Roo.bootstrap.Input-cfg-allowBlank" name=".allowBlank"></a>
241                         <div class="fixedFont">
242                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
243                                 
244                                 
245                         </div>
246                   
247                         <div class="mdesc">
248                             <div class="short">False to validate that the value length > 0 (defaults to true)</div> 
249                         </div>
250                         
251                         <div class="mdesc">
252                             <div class="long">
253                     False to validate that the value length > 0 (defaults to true)
254                     
255                 </div> 
256                         </div>
257                         
258                         
259
260                     </td>
261                     <td class="msource">
262                         
263                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
264                                 
265                     </td>
266                 </tr>
267         
268         
269                 <tr class="config-row expandable config-row-alt0">
270                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
271                     <td class="sig">
272
273                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
274                         <div class="fixedFont">
275                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
276                                 
277                                 
278                         </div>
279                   
280                         <div class="mdesc">
281                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div> 
282                         </div>
283                         
284                         <div class="mdesc">
285                             <div class="long">
286                     Whether the component can move the Dom node when rendering (defaults to true).
287                     
288                 </div> 
289                         </div>
290                         
291                         
292
293                     </td>
294                     <td class="msource">
295                         
296                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
297                                 
298                     </td>
299                 </tr>
300         
301         
302                 <tr class="config-row expandable config-row-alt1">
303                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
304                     <td class="sig">
305
306                         <a id="Roo.bootstrap.Input-cfg-before" name=".before"></a>
307                         <div class="fixedFont">
308                                 <b  class="itemname">before</b> : string
309                                 
310                                 
311                         </div>
312                   
313                         <div class="mdesc">
314                             <div class="short">- input group add on before</div> 
315                         </div>
316                         
317                         <div class="mdesc">
318                             <div class="long">
319                     - input group add on before
320                     
321                 </div> 
322                         </div>
323                         
324                         
325
326                     </td>
327                     <td class="msource">
328                         
329                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
330                                 
331                     </td>
332                 </tr>
333         
334         
335                 <tr class="config-row expandable config-row-alt0">
336                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
337                     <td class="sig">
338
339                         <a id="Roo.bootstrap.Input-cfg-blankText" name=".blankText"></a>
340                         <div class="fixedFont">
341                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
342                                 
343                                 
344                         </div>
345                   
346                         <div class="mdesc">
347                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div> 
348                         </div>
349                         
350                         <div class="mdesc">
351                             <div class="long">
352                     Error text to display if the allow blank validation fails (defaults to "This field is required")
353                     
354                 </div> 
355                         </div>
356                         
357                         
358
359                     </td>
360                     <td class="msource">
361                         
362                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
363                                 
364                     </td>
365                 </tr>
366         
367         
368                 <tr class="config-row expandable config-row-alt1 notInherited">
369                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
370                     <td class="sig">
371
372                         <a id="Roo.bootstrap.CheckBox-cfg-boxLabel" name=".boxLabel"></a>
373                         <div class="fixedFont">
374                                 <b  class="itemname">boxLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
375                                 
376                                 
377                         </div>
378                   
379                         <div class="mdesc">
380                             <div class="short">The text that appears beside the checkbox</div> 
381                         </div>
382                         
383                         <div class="mdesc">
384                             <div class="long">
385                     The text that appears beside the checkbox
386                     
387                 </div> 
388                         </div>
389                         
390                         
391
392                     </td>
393                     <td class="msource">
394                         
395                         Roo.bootstrap.CheckBox
396                                 
397                     </td>
398                 </tr>
399         
400         
401                 <tr class="config-row expandable config-row-alt0">
402                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
403                     <td class="sig">
404
405                         <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
406                         <div class="fixedFont">
407                                 <b  class="itemname">can_build_overlaid</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
408                                 
409                                 
410                         </div>
411                   
412                         <div class="mdesc">
413                             <div class="short">True if element can be rebuild from a HTML page</div> 
414                         </div>
415                         
416                         <div class="mdesc">
417                             <div class="long">
418                     True if element can be rebuild from a HTML page
419                     
420                 </div> 
421                         </div>
422                         
423                         
424
425                     </td>
426                     <td class="msource">
427                         
428                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
429                                 
430                     </td>
431                 </tr>
432         
433         
434                 <tr class="config-row expandable config-row-alt1 notInherited">
435                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
436                     <td class="sig">
437
438                         <a id="Roo.bootstrap.CheckBox-cfg-checked" name=".checked"></a>
439                         <div class="fixedFont">
440                                 <b  class="itemname">checked</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
441                                 
442                                 
443                         </div>
444                   
445                         <div class="mdesc">
446                             <div class="short">initnal the element</div> 
447                         </div>
448                         
449                         <div class="mdesc">
450                             <div class="long">
451                     initnal the element
452                     
453                 </div> 
454                         </div>
455                         
456                         
457
458                     </td>
459                     <td class="msource">
460                         
461                         Roo.bootstrap.CheckBox
462                                 
463                     </td>
464                 </tr>
465         
466         
467                 <tr class="config-row expandable config-row-alt0">
468                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
469                     <td class="sig">
470
471                         <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
472                         <div class="fixedFont">
473                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
474                                 
475                                 
476                         </div>
477                   
478                         <div class="mdesc">
479                             <div class="short">css class</div> 
480                         </div>
481                         
482                         <div class="mdesc">
483                             <div class="long">
484                     css class
485                     
486                 </div> 
487                         </div>
488                         
489                         
490
491                     </td>
492                     <td class="msource">
493                         
494                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
495                                 
496                     </td>
497                 </tr>
498         
499         
500                 <tr class="config-row expandable config-row-alt1">
501                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
502                     <td class="sig">
503
504                         <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
505                         <div class="fixedFont">
506                                 <b  class="itemname">container_method</b> : string
507                                 
508                                 
509                         </div>
510                   
511                         <div class="mdesc">
512                             <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div> 
513                         </div>
514                         
515                         <div class="mdesc">
516                             <div class="long">
517                     method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
518                     
519                 </div> 
520                         </div>
521                         
522                         
523
524                     </td>
525                     <td class="msource">
526                         
527                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
528                                 
529                     </td>
530                 </tr>
531         
532         
533                 <tr class="config-row expandable config-row-alt0">
534                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
535                     <td class="sig">
536
537                         <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
538                         <div class="fixedFont">
539                                 <b  class="itemname">dataId</b> : string
540                                 
541                                 
542                         </div>
543                   
544                         <div class="mdesc">
545                             <div class="short">cutomer id</div> 
546                         </div>
547                         
548                         <div class="mdesc">
549                             <div class="long">
550                     cutomer id
551                     
552                 </div> 
553                         </div>
554                         
555                         
556
557                     </td>
558                     <td class="msource">
559                         
560                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
561                                 
562                     </td>
563                 </tr>
564         
565         
566                 <tr class="config-row expandable config-row-alt1">
567                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
568                     <td class="sig">
569
570                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
571                         <div class="fixedFont">
572                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
573                                 
574                                 
575                         </div>
576                   
577                         <div class="mdesc">
578                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
579                         </div>
580                         
581                         <div class="mdesc">
582                             <div class="long">
583                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
584                     
585                 </div> 
586                         </div>
587                         
588                         
589
590                     </td>
591                     <td class="msource">
592                         
593                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
594                                 
595                     </td>
596                 </tr>
597         
598         
599                 <tr class="config-row expandable config-row-alt0">
600                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
601                     <td class="sig">
602
603                         <a id="Roo.bootstrap.Input-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
604                         <div class="fixedFont">
605                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
606                                 
607                                 
608                         </div>
609                   
610                         <div class="mdesc">
611                             <div class="short">True to disable input keystroke filtering (defaults to false)</div> 
612                         </div>
613                         
614                         <div class="mdesc">
615                             <div class="long">
616                     True to disable input keystroke filtering (defaults to false)
617                     
618                 </div> 
619                         </div>
620                         
621                         
622
623                     </td>
624                     <td class="msource">
625                         
626                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
627                                 
628                     </td>
629                 </tr>
630         
631         
632                 <tr class="config-row expandable config-row-alt1">
633                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
634                     <td class="sig">
635
636                         <a id="Roo.bootstrap.Input-cfg-disabled" name=".disabled"></a>
637                         <div class="fixedFont">
638                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
639                                 
640                                 
641                         </div>
642                   
643                         <div class="mdesc">
644                             <div class="short">is it disabled</div> 
645                         </div>
646                         
647                         <div class="mdesc">
648                             <div class="long">
649                     is it disabled
650                     
651                 </div> 
652                         </div>
653                         
654                         
655
656                     </td>
657                     <td class="msource">
658                         
659                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
660                                 
661                     </td>
662                 </tr>
663         
664         
665                 <tr class="config-row expandable config-row-alt0">
666                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
667                     <td class="sig">
668
669                         <a id="Roo.bootstrap.Input-cfg-fieldLabel" name=".fieldLabel"></a>
670                         <div class="fixedFont">
671                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
672                                 
673                                 
674                         </div>
675                   
676                         <div class="mdesc">
677                             <div class="short">- the label associated</div> 
678                         </div>
679                         
680                         <div class="mdesc">
681                             <div class="long">
682                     - the label associated
683                     
684                 </div> 
685                         </div>
686                         
687                         
688
689                     </td>
690                     <td class="msource">
691                         
692                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
693                                 
694                     </td>
695                 </tr>
696         
697         
698                 <tr class="config-row expandable config-row-alt1">
699                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
700                     <td class="sig">
701
702                         <a id="Roo.bootstrap.Input-cfg-focusClass" name=".focusClass"></a>
703                         <div class="fixedFont">
704                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
705                                 
706                                 
707                         </div>
708                   
709                         <div class="mdesc">
710                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div> 
711                         </div>
712                         
713                         <div class="mdesc">
714                             <div class="long">
715                     The CSS class to use when the field receives focus (defaults to "x-form-focus")
716                     
717                 </div> 
718                         </div>
719                         
720                         
721
722                     </td>
723                     <td class="msource">
724                         
725                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
726                                 
727                     </td>
728                 </tr>
729         
730         
731                 <tr class="config-row expandable config-row-alt0">
732                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
733                     <td class="sig">
734
735                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
736                         <div class="fixedFont">
737                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
738                                 
739                                 
740                         </div>
741                   
742                         <div class="mdesc">
743                             <div class="short">How this component should hidden.</div> 
744                         </div>
745                         
746                         <div class="mdesc">
747                             <div class="long">
748                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
749                     <BR/>Possible Values: display, visibility
750                 </div> 
751                         </div>
752                         
753                         
754
755                     </td>
756                     <td class="msource">
757                         
758                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
759                                 
760                     </td>
761                 </tr>
762         
763         
764                 <tr class="config-row expandable config-row-alt1 notInherited">
765                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
766                     <td class="sig">
767
768                         <a id="Roo.bootstrap.CheckBox-cfg-inline" name=".inline"></a>
769                         <div class="fixedFont">
770                                 <b  class="itemname">inline</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
771                                 
772                                 
773                         </div>
774                   
775                         <div class="mdesc">
776                             <div class="short">inline the element (default false)</div> 
777                         </div>
778                         
779                         <div class="mdesc">
780                             <div class="long">
781                     inline the element (default false)
782                     
783                 </div> 
784                         </div>
785                         
786                         
787
788                     </td>
789                     <td class="msource">
790                         
791                         Roo.bootstrap.CheckBox
792                                 
793                     </td>
794                 </tr>
795         
796         
797                 <tr class="config-row expandable config-row-alt0">
798                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
799                     <td class="sig">
800
801                         <a id="Roo.bootstrap.Input-cfg-inputType" name=".inputType"></a>
802                         <div class="fixedFont">
803                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
804                                 
805                                 
806                         </div>
807                   
808                         <div class="mdesc">
809                             <div class="short">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div> 
810                         </div>
811                         
812                         <div class="mdesc">
813                             <div class="long">
814                     button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text
815                     
816                 </div> 
817                         </div>
818                         
819                         
820
821                     </td>
822                     <td class="msource">
823                         
824                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
825                                 
826                     </td>
827                 </tr>
828         
829         
830                 <tr class="config-row expandable config-row-alt1 notInherited">
831                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
832                     <td class="sig">
833
834                         <a id="Roo.bootstrap.CheckBox-cfg-inputValue" name=".inputValue"></a>
835                         <div class="fixedFont">
836                                 <b  class="itemname">inputValue</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
837                                 
838                                 
839                         </div>
840                   
841                         <div class="mdesc">
842                             <div class="short">The value that should go into the generated input element's value when checked.</div> 
843                         </div>
844                         
845                         <div class="mdesc">
846                             <div class="long">
847                     The value that should go into the generated input element's value when checked.
848                     
849                 </div> 
850                         </div>
851                         
852                         
853
854                     </td>
855                     <td class="msource">
856                         
857                         Roo.bootstrap.CheckBox
858                                 
859                     </td>
860                 </tr>
861         
862         
863                 <tr class="config-row expandable config-row-alt0">
864                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
865                     <td class="sig">
866
867                         <a id="Roo.bootstrap.Input-cfg-invalidClass" name=".invalidClass"></a>
868                         <div class="fixedFont">
869                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
870                                 
871                                 
872                         </div>
873                   
874                         <div class="mdesc">
875                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div> 
876                         </div>
877                         
878                         <div class="mdesc">
879                             <div class="long">
880                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
881                     
882                 </div> 
883                         </div>
884                         
885                         
886
887                     </td>
888                     <td class="msource">
889                         
890                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
891                                 
892                     </td>
893                 </tr>
894         
895         
896                 <tr class="config-row expandable config-row-alt1">
897                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
898                     <td class="sig">
899
900                         <a id="Roo.bootstrap.Input-cfg-labelAlign" name=".labelAlign"></a>
901                         <div class="fixedFont">
902                                 <b  class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
903                                 
904                                 
905                         </div>
906                   
907                         <div class="mdesc">
908                             <div class="short"></div> 
909                         </div>
910                         
911                         <div class="mdesc">
912                             <div class="long">
913                     
914                     <BR/>Possible Values: top, left
915                 </div> 
916                         </div>
917                         
918                         
919
920                     </td>
921                     <td class="msource">
922                         
923                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
924                                 
925                     </td>
926                 </tr>
927         
928         
929                 <tr class="config-row expandable config-row-alt0">
930                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
931                     <td class="sig">
932
933                         <a id="Roo.bootstrap.Input-cfg-labelWidth" name=".labelWidth"></a>
934                         <div class="fixedFont">
935                                 <b  class="itemname">labelWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
936                                 
937                                 
938                         </div>
939                   
940                         <div class="mdesc">
941                             <div class="short">set the width of label (0-12)</div> 
942                         </div>
943                         
944                         <div class="mdesc">
945                             <div class="long">
946                     set the width of label (0-12)
947                     
948                 </div> 
949                         </div>
950                         
951                         
952
953                     </td>
954                     <td class="msource">
955                         
956                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
957                                 
958                     </td>
959                 </tr>
960         
961         
962                 <tr class="config-row expandable config-row-alt1">
963                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
964                     <td class="sig">
965
966                         <a id="Roo.bootstrap.Input-cfg-lg" name=".lg"></a>
967                         <div class="fixedFont">
968                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
969                                 
970                                 
971                         </div>
972                   
973                         <div class="mdesc">
974                             <div class="short">colspan out of 12 for large computer-sized screens</div> 
975                         </div>
976                         
977                         <div class="mdesc">
978                             <div class="long">
979                     colspan out of 12 for large computer-sized screens
980                     
981                 </div> 
982                         </div>
983                         
984                         
985
986                     </td>
987                     <td class="msource">
988                         
989                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
990                                 
991                     </td>
992                 </tr>
993         
994         
995                 <tr class="config-row expandable config-row-alt0">
996                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
997                     <td class="sig">
998
999                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
1000                         <div class="fixedFont">
1001                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1002                                 
1003                                 
1004                         </div>
1005                   
1006                         <div class="mdesc">
1007                             <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> 
1008                         </div>
1009                         
1010                         <div class="mdesc">
1011                             <div class="long">
1012                     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>
1013                     
1014                 </div> 
1015                         </div>
1016                         
1017                         
1018
1019                     </td>
1020                     <td class="msource">
1021                         
1022                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1023                                 
1024                     </td>
1025                 </tr>
1026         
1027         
1028                 <tr class="config-row expandable config-row-alt1">
1029                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1030                     <td class="sig">
1031
1032                         <a id="Roo.bootstrap.Input-cfg-maskRe" name=".maskRe"></a>
1033                         <div class="fixedFont">
1034                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1035                                 
1036                                 
1037                         </div>
1038                   
1039                         <div class="mdesc">
1040                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div> 
1041                         </div>
1042                         
1043                         <div class="mdesc">
1044                             <div class="long">
1045                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
1046                     
1047                 </div> 
1048                         </div>
1049                         
1050                         
1051
1052                     </td>
1053                     <td class="msource">
1054                         
1055                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1056                                 
1057                     </td>
1058                 </tr>
1059         
1060         
1061                 <tr class="config-row expandable config-row-alt0">
1062                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1063                     <td class="sig">
1064
1065                         <a id="Roo.bootstrap.Input-cfg-maxLength" name=".maxLength"></a>
1066                         <div class="fixedFont">
1067                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1068                                 
1069                                 
1070                         </div>
1071                   
1072                         <div class="mdesc">
1073                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div> 
1074                         </div>
1075                         
1076                         <div class="mdesc">
1077                             <div class="long">
1078                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
1079                     
1080                 </div> 
1081                         </div>
1082                         
1083                         
1084
1085                     </td>
1086                     <td class="msource">
1087                         
1088                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1089                                 
1090                     </td>
1091                 </tr>
1092         
1093         
1094                 <tr class="config-row expandable config-row-alt1">
1095                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1096                     <td class="sig">
1097
1098                         <a id="Roo.bootstrap.Input-cfg-maxLengthText" name=".maxLengthText"></a>
1099                         <div class="fixedFont">
1100                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1101                                 
1102                                 
1103                         </div>
1104                   
1105                         <div class="mdesc">
1106                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div> 
1107                         </div>
1108                         
1109                         <div class="mdesc">
1110                             <div class="long">
1111                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
1112                     
1113                 </div> 
1114                         </div>
1115                         
1116                         
1117
1118                     </td>
1119                     <td class="msource">
1120                         
1121                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1122                                 
1123                     </td>
1124                 </tr>
1125         
1126         
1127                 <tr class="config-row expandable config-row-alt0">
1128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1129                     <td class="sig">
1130
1131                         <a id="Roo.bootstrap.Input-cfg-md" name=".md"></a>
1132                         <div class="fixedFont">
1133                                 <b  class="itemname">md</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1134                                 
1135                                 
1136                         </div>
1137                   
1138                         <div class="mdesc">
1139                             <div class="short">colspan out of 12 for computer-sized screens</div> 
1140                         </div>
1141                         
1142                         <div class="mdesc">
1143                             <div class="long">
1144                     colspan out of 12 for computer-sized screens
1145                     
1146                 </div> 
1147                         </div>
1148                         
1149                         
1150
1151                     </td>
1152                     <td class="msource">
1153                         
1154                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1155                                 
1156                     </td>
1157                 </tr>
1158         
1159         
1160                 <tr class="config-row expandable config-row-alt1">
1161                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1162                     <td class="sig">
1163
1164                         <a id="Roo.bootstrap.Input-cfg-minLength" name=".minLength"></a>
1165                         <div class="fixedFont">
1166                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1167                                 
1168                                 
1169                         </div>
1170                   
1171                         <div class="mdesc">
1172                             <div class="short">Minimum input field length required (defaults to 0)</div> 
1173                         </div>
1174                         
1175                         <div class="mdesc">
1176                             <div class="long">
1177                     Minimum input field length required (defaults to 0)
1178                     
1179                 </div> 
1180                         </div>
1181                         
1182                         
1183
1184                     </td>
1185                     <td class="msource">
1186                         
1187                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1188                                 
1189                     </td>
1190                 </tr>
1191         
1192         
1193                 <tr class="config-row expandable config-row-alt0">
1194                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1195                     <td class="sig">
1196
1197                         <a id="Roo.bootstrap.Input-cfg-minLengthText" name=".minLengthText"></a>
1198                         <div class="fixedFont">
1199                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1200                                 
1201                                 
1202                         </div>
1203                   
1204                         <div class="mdesc">
1205                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div> 
1206                         </div>
1207                         
1208                         <div class="mdesc">
1209                             <div class="long">
1210                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
1211                     
1212                 </div> 
1213                         </div>
1214                         
1215                         
1216
1217                     </td>
1218                     <td class="msource">
1219                         
1220                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1221                                 
1222                     </td>
1223                 </tr>
1224         
1225         
1226                 <tr class="config-row expandable config-row-alt1">
1227                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1228                     <td class="sig">
1229
1230                         <a id="Roo.bootstrap.Input-cfg-name" name=".name"></a>
1231                         <div class="fixedFont">
1232                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1233                                 
1234                                 
1235                         </div>
1236                   
1237                         <div class="mdesc">
1238                             <div class="short">name of the input</div> 
1239                         </div>
1240                         
1241                         <div class="mdesc">
1242                             <div class="long">
1243                     name of the input
1244                     
1245                 </div> 
1246                         </div>
1247                         
1248                         
1249
1250                     </td>
1251                     <td class="msource">
1252                         
1253                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1254                                 
1255                     </td>
1256                 </tr>
1257         
1258         
1259                 <tr class="config-row expandable config-row-alt0">
1260                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1261                     <td class="sig">
1262
1263                         <a id="Roo.bootstrap.Input-cfg-placeholder" name=".placeholder"></a>
1264                         <div class="fixedFont">
1265                                 <b  class="itemname">placeholder</b> : string
1266                                 
1267                                 
1268                         </div>
1269                   
1270                         <div class="mdesc">
1271                             <div class="short">- placeholder to put in text.</div> 
1272                         </div>
1273                         
1274                         <div class="mdesc">
1275                             <div class="long">
1276                     - placeholder to put in text.
1277                     
1278                 </div> 
1279                         </div>
1280                         
1281                         
1282
1283                     </td>
1284                     <td class="msource">
1285                         
1286                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1287                                 
1288                     </td>
1289                 </tr>
1290         
1291         
1292                 <tr class="config-row expandable config-row-alt1">
1293                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1294                     <td class="sig">
1295
1296                         <a id="Roo.bootstrap.Input-cfg-readOnly" name=".readOnly"></a>
1297                         <div class="fixedFont">
1298                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1299                                 
1300                                 
1301                         </div>
1302                   
1303                         <div class="mdesc">
1304                             <div class="short">Specifies that the field should be read-only</div> 
1305                         </div>
1306                         
1307                         <div class="mdesc">
1308                             <div class="long">
1309                     Specifies that the field should be read-only
1310                     
1311                 </div> 
1312                         </div>
1313                         
1314                         
1315
1316                     </td>
1317                     <td class="msource">
1318                         
1319                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1320                                 
1321                     </td>
1322                 </tr>
1323         
1324         
1325                 <tr class="config-row expandable config-row-alt0">
1326                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1327                     <td class="sig">
1328
1329                         <a id="Roo.bootstrap.Input-cfg-regex" name=".regex"></a>
1330                         <div class="fixedFont">
1331                                 <b  class="itemname">regex</b> : RegExp
1332                                 
1333                                 
1334                         </div>
1335                   
1336                         <div class="mdesc">
1337                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div> 
1338                         </div>
1339                         
1340                         <div class="mdesc">
1341                             <div class="long">
1342                     A JavaScript RegExp object to be tested against the field value during validation (defaults to null).<br/>If available, this regex will be evaluated only after the basic validators all return true, and will be passed the<br/>current field value.  If the test fails, the field will be marked invalid using {<b>link</b> <b>regexText</b>}.
1343                     
1344                 </div> 
1345                         </div>
1346                         
1347                         
1348
1349                     </td>
1350                     <td class="msource">
1351                         
1352                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1353                                 
1354                     </td>
1355                 </tr>
1356         
1357         
1358                 <tr class="config-row expandable config-row-alt1">
1359                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1360                     <td class="sig">
1361
1362                         <a id="Roo.bootstrap.Input-cfg-regexText" name=".regexText"></a>
1363                         <div class="fixedFont">
1364                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1365                                 
1366                                 
1367                         </div>
1368                   
1369                         <div class="mdesc">
1370                             <div class="short">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div> 
1371                         </div>
1372                         
1373                         <div class="mdesc">
1374                             <div class="long">
1375                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
1376                     
1377                 </div> 
1378                         </div>
1379                         
1380                         
1381
1382                     </td>
1383                     <td class="msource">
1384                         
1385                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1386                                 
1387                     </td>
1388                 </tr>
1389         
1390         
1391                 <tr class="config-row expandable config-row-alt0">
1392                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1393                     <td class="sig">
1394
1395                         <a id="Roo.bootstrap.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
1396                         <div class="fixedFont">
1397                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1398                                 
1399                                 
1400                         </div>
1401                   
1402                         <div class="mdesc">
1403                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div> 
1404                         </div>
1405                         
1406                         <div class="mdesc">
1407                             <div class="long">
1408                     True to automatically select any existing field text when the field receives input focus (defaults to false)
1409                     
1410                 </div> 
1411                         </div>
1412                         
1413                         
1414
1415                     </td>
1416                     <td class="msource">
1417                         
1418                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1419                                 
1420                     </td>
1421                 </tr>
1422         
1423         
1424                 <tr class="config-row expandable config-row-alt1">
1425                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1426                     <td class="sig">
1427
1428                         <a id="Roo.bootstrap.Input-cfg-size" name=".size"></a>
1429                         <div class="fixedFont">
1430                                 <b  class="itemname">size</b> : string
1431                                 
1432                                 
1433                         </div>
1434                   
1435                         <div class="mdesc">
1436                             <div class="short">- (lg|sm) or leave empty.</div> 
1437                         </div>
1438                         
1439                         <div class="mdesc">
1440                             <div class="long">
1441                     - (lg|sm) or leave empty..
1442                     
1443                 </div> 
1444                         </div>
1445                         
1446                         
1447
1448                     </td>
1449                     <td class="msource">
1450                         
1451                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1452                                 
1453                     </td>
1454                 </tr>
1455         
1456         
1457                 <tr class="config-row expandable config-row-alt0">
1458                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1459                     <td class="sig">
1460
1461                         <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
1462                         <div class="fixedFont">
1463                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1464                                 
1465                                 
1466                         </div>
1467                   
1468                         <div class="mdesc">
1469                             <div class="short">colspan out of 12 for tablet-sized screens</div> 
1470                         </div>
1471                         
1472                         <div class="mdesc">
1473                             <div class="long">
1474                     colspan out of 12 for tablet-sized screens
1475                     
1476                 </div> 
1477                         </div>
1478                         
1479                         
1480
1481                     </td>
1482                     <td class="msource">
1483                         
1484                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1485                                 
1486                     </td>
1487                 </tr>
1488         
1489         
1490                 <tr class="config-row expandable config-row-alt1">
1491                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1492                     <td class="sig">
1493
1494                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
1495                         <div class="fixedFont">
1496                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1497                                 
1498                                 
1499                         </div>
1500                   
1501                         <div class="mdesc">
1502                             <div class="short">any extra css</div> 
1503                         </div>
1504                         
1505                         <div class="mdesc">
1506                             <div class="long">
1507                     any extra css
1508                     
1509                 </div> 
1510                         </div>
1511                         
1512                         
1513
1514                     </td>
1515                     <td class="msource">
1516                         
1517                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1518                                 
1519                     </td>
1520                 </tr>
1521         
1522         
1523                 <tr class="config-row expandable config-row-alt0">
1524                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1525                     <td class="sig">
1526
1527                         <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
1528                         <div class="fixedFont">
1529                                 <b  class="itemname">tooltip</b> : string
1530                                 
1531                                 
1532                         </div>
1533                   
1534                         <div class="mdesc">
1535                             <div class="short">Text for the tooltip</div> 
1536                         </div>
1537                         
1538                         <div class="mdesc">
1539                             <div class="long">
1540                     Text for the tooltip
1541                     
1542                 </div> 
1543                         </div>
1544                         
1545                         
1546
1547                     </td>
1548                     <td class="msource">
1549                         
1550                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1551                                 
1552                     </td>
1553                 </tr>
1554         
1555         
1556                 <tr class="config-row expandable config-row-alt1">
1557                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1558                     <td class="sig">
1559
1560                         <a id="Roo.bootstrap.Input-cfg-validateOnBlur" name=".validateOnBlur"></a>
1561                         <div class="fixedFont">
1562                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1563                                 
1564                                 
1565                         </div>
1566                   
1567                         <div class="mdesc">
1568                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div> 
1569                         </div>
1570                         
1571                         <div class="mdesc">
1572                             <div class="long">
1573                     Whether the field should validate when it loses focus (defaults to true).
1574                     
1575                 </div> 
1576                         </div>
1577                         
1578                         
1579
1580                     </td>
1581                     <td class="msource">
1582                         
1583                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1584                                 
1585                     </td>
1586                 </tr>
1587         
1588         
1589                 <tr class="config-row expandable config-row-alt0">
1590                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1591                     <td class="sig">
1592
1593                         <a id="Roo.bootstrap.Input-cfg-validationDelay" name=".validationDelay"></a>
1594                         <div class="fixedFont">
1595                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1596                                 
1597                                 
1598                         </div>
1599                   
1600                         <div class="mdesc">
1601                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div> 
1602                         </div>
1603                         
1604                         <div class="mdesc">
1605                             <div class="long">
1606                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
1607                     
1608                 </div> 
1609                         </div>
1610                         
1611                         
1612
1613                     </td>
1614                     <td class="msource">
1615                         
1616                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1617                                 
1618                     </td>
1619                 </tr>
1620         
1621         
1622                 <tr class="config-row expandable config-row-alt1">
1623                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1624                     <td class="sig">
1625
1626                         <a id="Roo.bootstrap.Input-cfg-validationEvent" name=".validationEvent"></a>
1627                         <div class="fixedFont">
1628                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1629                                 
1630                                 
1631                         </div>
1632                   
1633                         <div class="mdesc">
1634                             <div class="short">The event that should initiate field validation.</div> 
1635                         </div>
1636                         
1637                         <div class="mdesc">
1638                             <div class="long">
1639                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
1640                     
1641                 </div> 
1642                         </div>
1643                         
1644                         
1645
1646                     </td>
1647                     <td class="msource">
1648                         
1649                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1650                                 
1651                     </td>
1652                 </tr>
1653         
1654         
1655                 <tr class="config-row expandable config-row-alt0">
1656                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1657                     <td class="sig">
1658
1659                         <a id="Roo.bootstrap.Input-cfg-validator" name=".validator"></a>
1660                         <div class="fixedFont">
1661                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1662                                 
1663                                 
1664                         </div>
1665                   
1666                         <div class="mdesc">
1667                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div> 
1668                         </div>
1669                         
1670                         <div class="mdesc">
1671                             <div class="long">
1672                     A custom validation function to be called during field validation (defaults to null).<br/>If available, this function will be called only after the basic validators all return true, and will be passed the<br/>current field value and expected to return boolean true if the value is valid or a string error message if invalid.
1673                     
1674                 </div> 
1675                         </div>
1676                         
1677                         
1678
1679                     </td>
1680                     <td class="msource">
1681                         
1682                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1683                                 
1684                     </td>
1685                 </tr>
1686         
1687         
1688                 <tr class="config-row expandable config-row-alt1">
1689                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1690                     <td class="sig">
1691
1692                         <a id="Roo.bootstrap.Input-cfg-value" name=".value"></a>
1693                         <div class="fixedFont">
1694                                 <b  class="itemname">value</b> : string
1695                                 
1696                                 
1697                         </div>
1698                   
1699                         <div class="mdesc">
1700                             <div class="short">default value of the input</div> 
1701                         </div>
1702                         
1703                         <div class="mdesc">
1704                             <div class="long">
1705                     default value of the input
1706                     
1707                 </div> 
1708                         </div>
1709                         
1710                         
1711
1712                     </td>
1713                     <td class="msource">
1714                         
1715                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1716                                 
1717                     </td>
1718                 </tr>
1719         
1720         
1721                 <tr class="config-row expandable config-row-alt0 notInherited">
1722                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1723                     <td class="sig">
1724
1725                         <a id="Roo.bootstrap.CheckBox-cfg-valueOff" name=".valueOff"></a>
1726                         <div class="fixedFont">
1727                                 <b  class="itemname">valueOff</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1728                                 
1729                                 
1730                         </div>
1731                   
1732                         <div class="mdesc">
1733                             <div class="short">The value that should go into the generated input element's value when unchecked.</div> 
1734                         </div>
1735                         
1736                         <div class="mdesc">
1737                             <div class="long">
1738                     The value that should go into the generated input element's value when unchecked.
1739                     
1740                 </div> 
1741                         </div>
1742                         
1743                         
1744
1745                     </td>
1746                     <td class="msource">
1747                         
1748                         Roo.bootstrap.CheckBox
1749                                 
1750                     </td>
1751                 </tr>
1752         
1753         
1754                 <tr class="config-row expandable config-row-alt1">
1755                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1756                     <td class="sig">
1757
1758                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
1759                         <div class="fixedFont">
1760                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1761                                 
1762                                 
1763                         </div>
1764                   
1765                         <div class="mdesc">
1766                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div> 
1767                         </div>
1768                         
1769                         <div class="mdesc">
1770                             <div class="long">
1771                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
1772                     
1773                 </div> 
1774                         </div>
1775                         
1776                         
1777
1778                     </td>
1779                     <td class="msource">
1780                         
1781                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1782                                 
1783                     </td>
1784                 </tr>
1785         
1786         
1787                 <tr class="config-row expandable config-row-alt0 notInherited">
1788                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1789                     <td class="sig">
1790
1791                         <a id="Roo.bootstrap.CheckBox-cfg-weight" name=".weight"></a>
1792                         <div class="fixedFont">
1793                                 <b  class="itemname">weight</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1794                                 
1795                                 
1796                         </div>
1797                   
1798                         <div class="mdesc">
1799                             <div class="short">The text that appears beside the checkbox</div> 
1800                         </div>
1801                         
1802                         <div class="mdesc">
1803                             <div class="long">
1804                     The text that appears beside the checkbox
1805                     <BR/>Possible Values: primary, warning, info, danger, success
1806                 </div> 
1807                         </div>
1808                         
1809                         
1810
1811                     </td>
1812                     <td class="msource">
1813                         
1814                         Roo.bootstrap.CheckBox
1815                                 
1816                     </td>
1817                 </tr>
1818         
1819         
1820                 <tr class="config-row expandable config-row-alt1">
1821                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1822                     <td class="sig">
1823
1824                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
1825                         <div class="fixedFont">
1826                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1827                                 
1828                                 
1829                         </div>
1830                   
1831                         <div class="mdesc">
1832                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div> 
1833                         </div>
1834                         
1835                         <div class="mdesc">
1836                             <div class="long">
1837                     extra attributes to add to 'element' (used by builder to store stuff.)
1838                     
1839                 </div> 
1840                         </div>
1841                         
1842                         
1843
1844                     </td>
1845                     <td class="msource">
1846                         
1847                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1848                                 
1849                     </td>
1850                 </tr>
1851         
1852         
1853                 <tr class="config-row expandable config-row-alt0">
1854                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1855                     <td class="sig">
1856
1857                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
1858                         <div class="fixedFont">
1859                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1860                                 
1861                                 
1862                         </div>
1863                   
1864                         <div class="mdesc">
1865                             <div class="short">colspan out of 12 for mobile-sized screens</div> 
1866                         </div>
1867                         
1868                         <div class="mdesc">
1869                             <div class="long">
1870                     colspan out of 12 for mobile-sized screens
1871                     
1872                 </div> 
1873                         </div>
1874                         
1875                         
1876
1877                     </td>
1878                     <td class="msource">
1879                         
1880                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1881                                 
1882                     </td>
1883                 </tr>
1884         
1885         
1886     </table>
1887                 
1888   
1889   
1890   
1891   
1892   
1893   
1894   
1895   
1896   <!-- ============================== public properties ==================== -->        
1897   
1898   
1899   
1900     <a id="Roo.bootstrap.CheckBox-props"></a>      
1901     
1902     
1903
1904     
1905     
1906      <table cellspacing="0" class="member-table">
1907       <caption class="Empty">Public Properties - Has None</caption>
1908      </table>
1909     
1910     
1911      
1912     
1913   <!-- ============================== methods summary / details ======================== -->
1914   
1915   
1916   <a id="Roo.bootstrap.CheckBox-methods"></a>
1917         <!-- constructor?? -->
1918         
1919         <!-- static's first 
1920         
1921         
1922         -->
1923         
1924         <!-- then dynamics first -->
1925         
1926   
1927   
1928     
1929     
1930     
1931       <table cellspacing="0" class="member-table">
1932       <caption>Public Methods</caption>
1933         <tr>
1934             <th class="sig-header" colspan="2">Method</th>            
1935             <th class="msource-header">Defined By</th>
1936
1937         </tr>
1938         
1939         
1940         
1941          
1942         
1943         
1944           
1945           <tr class="method-row config-row-alt0 expandable notInherited">
1946             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1947            
1948            
1949             <td class="sig">
1950                 <a id="Roo.bootstrap-method-CheckBox"   name=".CheckBox"></a>
1951                 <div class="fixedFont">
1952                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">CheckBox</b>
1953                                 
1954                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>) 
1955                         
1956                                 
1957                         
1958                 </div>
1959                 <div class="mdesc">
1960                 
1961                  
1962                         <div class="short">Create a new Roo.bootstrap.CheckBox</div> 
1963                  
1964                  
1965                     <div class="long">
1966                         
1967                         
1968                         
1969                                 Create a new Roo.bootstrap.CheckBox
1970                         
1971                         
1972                                 <dl class="detailList">
1973                                 <dt class="heading">Parameters:</dt>
1974                                 
1975                                         <dt>
1976                                                 <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>
1977                                                 
1978                                         </dt>
1979                                         <dd>The config object</dd>
1980                                 
1981                                 </dl>
1982                         
1983                         
1984                         
1985                         
1986                         
1987                         
1988                         
1989
1990                     
1991                     
1992                      
1993                     </div>                    
1994                 </div>
1995
1996             </td>
1997             <td class="msource">
1998                 &nbsp;
1999             </td>
2000         </tr>
2001         
2002           
2003           <tr class="method-row config-row-alt1 expandable">
2004             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2005            
2006            
2007             <td class="sig">
2008                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2009                 <div class="fixedFont">
2010                         <span class="attributes"></span><b class="itemname">addEvents</b>
2011                                 
2012                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>) 
2013                         
2014                                 
2015                         
2016                 </div>
2017                 <div class="mdesc">
2018                 
2019                    <div class="short">Used to define events on this Observable</div> 
2020                  
2021                  
2022                  
2023                     <div class="long">
2024                         
2025                                 Used to define events on this Observable
2026                     
2027                                 
2028                         
2029                         
2030                         
2031                         
2032                                 <dl class="detailList">
2033                                 <dt class="heading">Parameters:</dt>
2034                                 
2035                                         <dt>
2036                                                 <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>
2037                                                 
2038                                         </dt>
2039                                         <dd>The object with the events defined</dd>
2040                                 
2041                                 </dl>
2042                         
2043                         
2044                         
2045                         
2046                         
2047                         
2048                         
2049
2050                     
2051                     
2052                      
2053                     </div>                    
2054                 </div>
2055
2056             </td>
2057             <td class="msource">
2058                 
2059                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2060                 &nbsp;
2061             </td>
2062         </tr>
2063         
2064           
2065           <tr class="method-row config-row-alt0 expandable">
2066             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2067            
2068            
2069             <td class="sig">
2070                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2071                 <div class="fixedFont">
2072                         <span class="attributes"></span><b class="itemname">addListener</b>
2073                                 
2074                                  (<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>) 
2075                         
2076                                 
2077                         
2078                 </div>
2079                 <div class="mdesc">
2080                 
2081                    <div class="short">Appends an event handler to this component</div> 
2082                  
2083                  
2084                  
2085                     <div class="long">
2086                         
2087                                 Appends an event handler to this component
2088                     
2089                                 
2090                         
2091                         
2092                         
2093                         
2094                                 <dl class="detailList">
2095                                 <dt class="heading">Parameters:</dt>
2096                                 
2097                                         <dt>
2098                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2099                                                 
2100                                         </dt>
2101                                         <dd>The type of event to listen for</dd>
2102                                 
2103                                         <dt>
2104                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2105                                                 
2106                                         </dt>
2107                                         <dd>The method the event invokes</dd>
2108                                 
2109                                         <dt>
2110                                                 <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>
2111                                                 
2112                                         </dt>
2113                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2114                                 
2115                                         <dt>
2116                                                 <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>
2117                                                 
2118                                         </dt>
2119                                         <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>
2120                                 
2121                                 </dl>
2122                         
2123                         
2124                         
2125                         
2126                         
2127                         
2128                         
2129
2130                     
2131                     
2132                      
2133                     </div>                    
2134                 </div>
2135
2136             </td>
2137             <td class="msource">
2138                 
2139                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2140                 &nbsp;
2141             </td>
2142         </tr>
2143         
2144           
2145           <tr class="method-row config-row-alt1 expandable">
2146             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2147            
2148            
2149             <td class="sig">
2150                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2151                 <div class="fixedFont">
2152                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2153                                 
2154                                  () 
2155                         
2156                                 
2157                         
2158                 </div>
2159                 <div class="mdesc">
2160                 
2161                    <div class="short">Clear any invalid styles/messages for this field</div> 
2162                  
2163                  
2164                  
2165                     <div class="long">
2166                         
2167                                 Clear any invalid styles/messages for this field
2168                     
2169                                 
2170                         
2171                         
2172                         
2173                         
2174                         
2175                         
2176                         
2177                         
2178                         
2179                         
2180
2181                     
2182                     
2183                      
2184                     </div>                    
2185                 </div>
2186
2187             </td>
2188             <td class="msource">
2189                 
2190                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2191                 &nbsp;
2192             </td>
2193         </tr>
2194         
2195           
2196           <tr class="method-row config-row-alt0 expandable">
2197             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2198            
2199            
2200             <td class="sig">
2201                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2202                 <div class="fixedFont">
2203                         <span class="attributes"></span><b class="itemname">destroy</b>
2204                                 
2205                                  () 
2206                         
2207                                 
2208                         
2209                 </div>
2210                 <div class="mdesc">
2211                 
2212                    <div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.</div> 
2213                  
2214                  
2215                  
2216                     <div class="long">
2217                         
2218                                 Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.
2219                     
2220                                 
2221                         
2222                         
2223                         
2224                         
2225                         
2226                         
2227                         
2228                         
2229                         
2230                         
2231
2232                     
2233                     
2234                      
2235                     </div>                    
2236                 </div>
2237
2238             </td>
2239             <td class="msource">
2240                 
2241                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2242                 &nbsp;
2243             </td>
2244         </tr>
2245         
2246           
2247           <tr class="method-row config-row-alt1 expandable">
2248             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2249            
2250            
2251             <td class="sig">
2252                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2253                 <div class="fixedFont">
2254                         <span class="attributes"></span><b class="itemname">disable</b>
2255                                 
2256                                  () 
2257                         
2258                                 
2259                                          : 
2260                                         
2261                                                 
2262                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2263                                         
2264                                         
2265                                         
2266                                 
2267                         
2268                 </div>
2269                 <div class="mdesc">
2270                 
2271                    <div class="short">Disable this component.</div> 
2272                  
2273                  
2274                  
2275                     <div class="long">
2276                         
2277                                 Disable this component.
2278                     
2279                                 
2280                         
2281                         
2282                         
2283                         
2284                         
2285                         
2286                         
2287                         
2288                                 <dl class="detailList">
2289                                 <dt class="heading">Returns:</dt>
2290                                 
2291                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2292                                 
2293                                 </dl>
2294                         
2295                         
2296                         
2297
2298                     
2299                     
2300                      
2301                     </div>                    
2302                 </div>
2303
2304             </td>
2305             <td class="msource">
2306                 
2307                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2308                 &nbsp;
2309             </td>
2310         </tr>
2311         
2312           
2313           <tr class="method-row config-row-alt0 expandable">
2314             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2315            
2316            
2317             <td class="sig">
2318                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2319                 <div class="fixedFont">
2320                         <span class="attributes"></span><b class="itemname">enable</b>
2321                                 
2322                                  () 
2323                         
2324                                 
2325                                          : 
2326                                         
2327                                                 
2328                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2329                                         
2330                                         
2331                                         
2332                                 
2333                         
2334                 </div>
2335                 <div class="mdesc">
2336                 
2337                    <div class="short">Enable this component.</div> 
2338                  
2339                  
2340                  
2341                     <div class="long">
2342                         
2343                                 Enable this component.
2344                     
2345                                 
2346                         
2347                         
2348                         
2349                         
2350                         
2351                         
2352                         
2353                         
2354                                 <dl class="detailList">
2355                                 <dt class="heading">Returns:</dt>
2356                                 
2357                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2358                                 
2359                                 </dl>
2360                         
2361                         
2362                         
2363
2364                     
2365                     
2366                      
2367                     </div>                    
2368                 </div>
2369
2370             </td>
2371             <td class="msource">
2372                 
2373                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2374                 &nbsp;
2375             </td>
2376         </tr>
2377         
2378           
2379           <tr class="method-row config-row-alt1 expandable">
2380             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2381            
2382            
2383             <td class="sig">
2384                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2385                 <div class="fixedFont">
2386                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2387                                 
2388                                  (<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>) 
2389                         
2390                                 
2391                                          : 
2392                                         
2393                                                 
2394                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2395                                         
2396                                         
2397                                         
2398                                 
2399                         
2400                 </div>
2401                 <div class="mdesc">
2402                 
2403                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div> 
2404                  
2405                  
2406                  
2407                     <div class="long">
2408                         
2409                                 Fires the specified event with the passed parameters (minus the event name).
2410                     
2411                                 
2412                         
2413                         
2414                         
2415                         
2416                                 <dl class="detailList">
2417                                 <dt class="heading">Parameters:</dt>
2418                                 
2419                                         <dt>
2420                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2421                                                 
2422                                         </dt>
2423                                         <dd></dd>
2424                                 
2425                                         <dt>
2426                                                 <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>
2427                                                 
2428                                         </dt>
2429                                         <dd>Variable number of parameters are passed to handlers</dd>
2430                                 
2431                                 </dl>
2432                         
2433                         
2434                         
2435                         
2436                         
2437                                 <dl class="detailList">
2438                                 <dt class="heading">Returns:</dt>
2439                                 
2440                                         <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>
2441                                 
2442                                 </dl>
2443                         
2444                         
2445                         
2446
2447                     
2448                     
2449                      
2450                     </div>                    
2451                 </div>
2452
2453             </td>
2454             <td class="msource">
2455                 
2456                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2457                 &nbsp;
2458             </td>
2459         </tr>
2460         
2461           
2462           <tr class="method-row config-row-alt0 expandable">
2463             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2464            
2465            
2466             <td class="sig">
2467                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2468                 <div class="fixedFont">
2469                         <span class="attributes"></span><b class="itemname">focus</b>
2470                                 
2471                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>) 
2472                         
2473                                 
2474                                          : 
2475                                         
2476                                                 
2477                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2478                                         
2479                                         
2480                                         
2481                                 
2482                         
2483                 </div>
2484                 <div class="mdesc">
2485                 
2486                    <div class="short">Try to focus this component.</div> 
2487                  
2488                  
2489                  
2490                     <div class="long">
2491                         
2492                                 Try to focus this component.
2493                     
2494                                 
2495                         
2496                         
2497                         
2498                         
2499                                 <dl class="detailList">
2500                                 <dt class="heading">Parameters:</dt>
2501                                 
2502                                         <dt>
2503                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>selectText</b>
2504                                                 
2505                                         </dt>
2506                                         <dd>True to also select the text in this component (if applicable)</dd>
2507                                 
2508                                 </dl>
2509                         
2510                         
2511                         
2512                         
2513                         
2514                                 <dl class="detailList">
2515                                 <dt class="heading">Returns:</dt>
2516                                 
2517                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2518                                 
2519                                 </dl>
2520                         
2521                         
2522                         
2523
2524                     
2525                     
2526                      
2527                     </div>                    
2528                 </div>
2529
2530             </td>
2531             <td class="msource">
2532                 
2533                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2534                 &nbsp;
2535             </td>
2536         </tr>
2537         
2538           
2539           <tr class="method-row config-row-alt1 expandable">
2540             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2541            
2542            
2543             <td class="sig">
2544                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2545                 <div class="fixedFont">
2546                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2547                                 
2548                                  () 
2549                         
2550                                 
2551                                          : 
2552                                         
2553                                                 
2554                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2555                                         
2556                                         
2557                                         
2558                                 
2559                         
2560                 </div>
2561                 <div class="mdesc">
2562                 
2563                    <div class="short">Fetch the element to add children to</div> 
2564                  
2565                  
2566                  
2567                     <div class="long">
2568                         
2569                                 Fetch the element to add children to
2570                     
2571                                 
2572                         
2573                         
2574                         
2575                         
2576                         
2577                         
2578                         
2579                         
2580                                 <dl class="detailList">
2581                                 <dt class="heading">Returns:</dt>
2582                                 
2583                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
2584                                 
2585                                 </dl>
2586                         
2587                         
2588                         
2589
2590                     
2591                     
2592                      
2593                     </div>                    
2594                 </div>
2595
2596             </td>
2597             <td class="msource">
2598                 
2599                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2600                 &nbsp;
2601             </td>
2602         </tr>
2603         
2604           
2605           <tr class="method-row config-row-alt0 expandable">
2606             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2607            
2608            
2609             <td class="sig">
2610                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2611                 <div class="fixedFont">
2612                         <span class="attributes"></span><b class="itemname">getEl</b>
2613                                 
2614                                  () 
2615                         
2616                                 
2617                                          : 
2618                                         
2619                                                 
2620                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2621                                         
2622                                         
2623                                         
2624                                 
2625                         
2626                 </div>
2627                 <div class="mdesc">
2628                 
2629                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div> 
2630                  
2631                  
2632                  
2633                     <div class="long">
2634                         
2635                                 Returns the underlying {<b>link</b> Roo.Element}.
2636                     
2637                                 
2638                         
2639                         
2640                         
2641                         
2642                         
2643                         
2644                         
2645                         
2646                                 <dl class="detailList">
2647                                 <dt class="heading">Returns:</dt>
2648                                 
2649                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2650                                 
2651                                 </dl>
2652                         
2653                         
2654                         
2655
2656                     
2657                     
2658                      
2659                     </div>                    
2660                 </div>
2661
2662             </td>
2663             <td class="msource">
2664                 
2665                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2666                 &nbsp;
2667             </td>
2668         </tr>
2669         
2670           
2671           <tr class="method-row config-row-alt1 expandable">
2672             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2673            
2674            
2675             <td class="sig">
2676                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2677                 <div class="fixedFont">
2678                         <span class="attributes"></span><b class="itemname">getId</b>
2679                                 
2680                                  () 
2681                         
2682                                 
2683                                          : 
2684                                         
2685                                                 
2686                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2687                                         
2688                                         
2689                                         
2690                                 
2691                         
2692                 </div>
2693                 <div class="mdesc">
2694                 
2695                    <div class="short">Returns the id of this component.</div> 
2696                  
2697                  
2698                  
2699                     <div class="long">
2700                         
2701                                 Returns the id of this component.
2702                     
2703                                 
2704                         
2705                         
2706                         
2707                         
2708                         
2709                         
2710                         
2711                         
2712                                 <dl class="detailList">
2713                                 <dt class="heading">Returns:</dt>
2714                                 
2715                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2716                                 
2717                                 </dl>
2718                         
2719                         
2720                         
2721
2722                     
2723                     
2724                      
2725                     </div>                    
2726                 </div>
2727
2728             </td>
2729             <td class="msource">
2730                 
2731                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2732                 &nbsp;
2733             </td>
2734         </tr>
2735         
2736           
2737           <tr class="method-row config-row-alt0 expandable">
2738             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2739            
2740            
2741             <td class="sig">
2742                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2743                 <div class="fixedFont">
2744                         <span class="attributes"></span><b class="itemname">getName</b>
2745                                 
2746                                  () 
2747                         
2748                                 
2749                                          : 
2750                                         
2751                                                 
2752                                                 Mixed
2753                                         
2754                                         
2755                                         
2756                                 
2757                         
2758                 </div>
2759                 <div class="mdesc">
2760                 
2761                    <div class="short">Returns the name of the field</div> 
2762                  
2763                  
2764                  
2765                     <div class="long">
2766                         
2767                                 Returns the name of the field
2768                     
2769                                 
2770                         
2771                         
2772                         
2773                         
2774                         
2775                         
2776                         
2777                         
2778                                 <dl class="detailList">
2779                                 <dt class="heading">Returns:</dt>
2780                                 
2781                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2782                                 
2783                                 </dl>
2784                         
2785                         
2786                         
2787
2788                     
2789                     
2790                      
2791                     </div>                    
2792                 </div>
2793
2794             </td>
2795             <td class="msource">
2796                 
2797                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2798                 &nbsp;
2799             </td>
2800         </tr>
2801         
2802           
2803           <tr class="method-row config-row-alt1 expandable">
2804             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2805            
2806            
2807             <td class="sig">
2808                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2809                 <div class="fixedFont">
2810                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2811                                 
2812                                  () 
2813                         
2814                                 
2815                                          : 
2816                                         
2817                                                 
2818                                                 Mixed
2819                                         
2820                                         
2821                                         
2822                                 
2823                         
2824                 </div>
2825                 <div class="mdesc">
2826                 
2827                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div> 
2828                  
2829                  
2830                  
2831                     <div class="long">
2832                         
2833                                 Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {<b>link</b> <b>getValue</b>}.
2834                     
2835                                 
2836                         
2837                         
2838                         
2839                         
2840                         
2841                         
2842                         
2843                         
2844                                 <dl class="detailList">
2845                                 <dt class="heading">Returns:</dt>
2846                                 
2847                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2848                                 
2849                                 </dl>
2850                         
2851                         
2852                         
2853
2854                     
2855                     
2856                      
2857                     </div>                    
2858                 </div>
2859
2860             </td>
2861             <td class="msource">
2862                 
2863                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2864                 &nbsp;
2865             </td>
2866         </tr>
2867         
2868           
2869           <tr class="method-row config-row-alt0 expandable">
2870             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2871            
2872            
2873             <td class="sig">
2874                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
2875                 <div class="fixedFont">
2876                         <span class="attributes"></span><b class="itemname">getValue</b>
2877                                 
2878                                  () 
2879                         
2880                                 
2881                                          : 
2882                                         
2883                                                 
2884                                                 Mixed
2885                                         
2886                                         
2887                                         
2888                                 
2889                         
2890                 </div>
2891                 <div class="mdesc">
2892                 
2893                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div> 
2894                  
2895                  
2896                  
2897                     <div class="long">
2898                         
2899                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
2900                     
2901                                 
2902                         
2903                         
2904                         
2905                         
2906                         
2907                         
2908                         
2909                         
2910                                 <dl class="detailList">
2911                                 <dt class="heading">Returns:</dt>
2912                                 
2913                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2914                                 
2915                                 </dl>
2916                         
2917                         
2918                         
2919
2920                     
2921                     
2922                      
2923                     </div>                    
2924                 </div>
2925
2926             </td>
2927             <td class="msource">
2928                 
2929                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2930                 &nbsp;
2931             </td>
2932         </tr>
2933         
2934           
2935           <tr class="method-row config-row-alt1 expandable">
2936             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2937            
2938            
2939             <td class="sig">
2940                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2941                 <div class="fixedFont">
2942                         <span class="attributes"></span><b class="itemname">hasListener</b>
2943                                 
2944                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>) 
2945                         
2946                                 
2947                                          : 
2948                                         
2949                                                 
2950                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2951                                         
2952                                         
2953                                         
2954                                 
2955                         
2956                 </div>
2957                 <div class="mdesc">
2958                 
2959                    <div class="short">Checks to see if this object has any listeners for a specified event</div> 
2960                  
2961                  
2962                  
2963                     <div class="long">
2964                         
2965                                 Checks to see if this object has any listeners for a specified event
2966                     
2967                                 
2968                         
2969                         
2970                         
2971                         
2972                                 <dl class="detailList">
2973                                 <dt class="heading">Parameters:</dt>
2974                                 
2975                                         <dt>
2976                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2977                                                 
2978                                         </dt>
2979                                         <dd>The name of the event to check for</dd>
2980                                 
2981                                 </dl>
2982                         
2983                         
2984                         
2985                         
2986                         
2987                                 <dl class="detailList">
2988                                 <dt class="heading">Returns:</dt>
2989                                 
2990                                         <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>
2991                                 
2992                                 </dl>
2993                         
2994                         
2995                         
2996
2997                     
2998                     
2999                      
3000                     </div>                    
3001                 </div>
3002
3003             </td>
3004             <td class="msource">
3005                 
3006                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3007                 &nbsp;
3008             </td>
3009         </tr>
3010         
3011           
3012           <tr class="method-row config-row-alt0 expandable">
3013             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3014            
3015            
3016             <td class="sig">
3017                 <a id="Roo.Component-method-hide"   name=".hide"></a>
3018                 <div class="fixedFont">
3019                         <span class="attributes"></span><b class="itemname">hide</b>
3020                                 
3021                                  () 
3022                         
3023                                 
3024                                          : 
3025                                         
3026                                                 
3027                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3028                                         
3029                                         
3030                                         
3031                                 
3032                         
3033                 </div>
3034                 <div class="mdesc">
3035                 
3036                    <div class="short">Hide this component.</div> 
3037                  
3038                  
3039                  
3040                     <div class="long">
3041                         
3042                                 Hide this component.
3043                     
3044                                 
3045                         
3046                         
3047                         
3048                         
3049                         
3050                         
3051                         
3052                         
3053                                 <dl class="detailList">
3054                                 <dt class="heading">Returns:</dt>
3055                                 
3056                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3057                                 
3058                                 </dl>
3059                         
3060                         
3061                         
3062
3063                     
3064                     
3065                      
3066                     </div>                    
3067                 </div>
3068
3069             </td>
3070             <td class="msource">
3071                 
3072                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3073                 &nbsp;
3074             </td>
3075         </tr>
3076         
3077           
3078           <tr class="method-row config-row-alt1 expandable">
3079             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3080            
3081            
3082             <td class="sig">
3083                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3084                 <div class="fixedFont">
3085                         <span class="attributes"></span><b class="itemname">initEvents</b>
3086                                 
3087                                  () 
3088                         
3089                                 
3090                         
3091                 </div>
3092                 <div class="mdesc">
3093                 
3094                    <div class="short">Initialize Events for the element</div> 
3095                  
3096                  
3097                  
3098                     <div class="long">
3099                         
3100                                 Initialize Events for the element
3101                     
3102                                 
3103                         
3104                         
3105                         
3106                         
3107                         
3108                         
3109                         
3110                         
3111                         
3112                         
3113
3114                     
3115                     
3116                      
3117                     </div>                    
3118                 </div>
3119
3120             </td>
3121             <td class="msource">
3122                 
3123                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3124                 &nbsp;
3125             </td>
3126         </tr>
3127         
3128           
3129           <tr class="method-row config-row-alt0 expandable notInherited">
3130             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3131            
3132            
3133             <td class="sig">
3134                 <a id="Roo.bootstrap.CheckBox-method-inputEl"   name=".inputEl"></a>
3135                 <div class="fixedFont">
3136                         <span class="attributes"></span><b class="itemname">inputEl</b>
3137                                 
3138                                  () 
3139                         
3140                                 
3141                         
3142                 </div>
3143                 <div class="mdesc">
3144                 
3145                    <div class="short">return the real input element.</div> 
3146                  
3147                  
3148                  
3149                     <div class="long">
3150                         
3151                                 return the real input element.
3152                     
3153                                 
3154                         
3155                         
3156                         
3157                         
3158                         
3159                         
3160                         
3161                         
3162                         
3163                         
3164
3165                     
3166                     
3167                      
3168                     </div>                    
3169                 </div>
3170
3171             </td>
3172             <td class="msource">
3173                 
3174                         Roo.bootstrap.CheckBox
3175                 &nbsp;
3176             </td>
3177         </tr>
3178         
3179           
3180           <tr class="method-row config-row-alt1 expandable">
3181             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3182            
3183            
3184             <td class="sig">
3185                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3186                 <div class="fixedFont">
3187                         <span class="attributes"></span><b class="itemname">isVisible</b>
3188                                 
3189                                  () 
3190                         
3191                                 
3192                         
3193                 </div>
3194                 <div class="mdesc">
3195                 
3196                    <div class="short">Returns true if this component is visible.</div> 
3197                  
3198                  
3199                  
3200                     <div class="long">
3201                         
3202                                 Returns true if this component is visible.
3203                     
3204                                 
3205                         
3206                         
3207                         
3208                         
3209                         
3210                         
3211                         
3212                         
3213                         
3214                         
3215
3216                     
3217                     
3218                      
3219                     </div>                    
3220                 </div>
3221
3222             </td>
3223             <td class="msource">
3224                 
3225                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3226                 &nbsp;
3227             </td>
3228         </tr>
3229         
3230           
3231           <tr class="method-row config-row-alt0 expandable">
3232             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3233            
3234            
3235             <td class="sig">
3236                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3237                 <div class="fixedFont">
3238                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3239                                 
3240                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>) 
3241                         
3242                                 
3243                         
3244                 </div>
3245                 <div class="mdesc">
3246                 
3247                    <div class="short">Mark this field as invalid</div> 
3248                  
3249                  
3250                  
3251                     <div class="long">
3252                         
3253                                 Mark this field as invalid
3254                     
3255                                 
3256                         
3257                         
3258                         
3259                         
3260                                 <dl class="detailList">
3261                                 <dt class="heading">Parameters:</dt>
3262                                 
3263                                         <dt>
3264                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3265                                                 
3266                                         </dt>
3267                                         <dd>The validation message</dd>
3268                                 
3269                                 </dl>
3270                         
3271                         
3272                         
3273                         
3274                         
3275                         
3276                         
3277
3278                     
3279                     
3280                      
3281                     </div>                    
3282                 </div>
3283
3284             </td>
3285             <td class="msource">
3286                 
3287                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3288                 &nbsp;
3289             </td>
3290         </tr>
3291         
3292           
3293           <tr class="method-row config-row-alt1 expandable">
3294             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3295            
3296            
3297             <td class="sig">
3298                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3299                 <div class="fixedFont">
3300                         <span class="attributes"></span><b class="itemname">on</b>
3301                                 
3302                                  (<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>) 
3303                         
3304                                 
3305                         
3306                 </div>
3307                 <div class="mdesc">
3308                 
3309                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div> 
3310                  
3311                  
3312                  
3313                     <div class="long">
3314                         
3315                                 Appends an event handler to this element (shorthand for addListener)
3316                     
3317                                 
3318                         
3319                         
3320                         
3321                         
3322                                 <dl class="detailList">
3323                                 <dt class="heading">Parameters:</dt>
3324                                 
3325                                         <dt>
3326                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3327                                                 
3328                                         </dt>
3329                                         <dd>The type of event to listen for</dd>
3330                                 
3331                                         <dt>
3332                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3333                                                 
3334                                         </dt>
3335                                         <dd>The method the event invokes</dd>
3336                                 
3337                                         <dt>
3338                                                 <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>
3339                                                 
3340                                         </dt>
3341                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3342                                 
3343                                         <dt>
3344                                                 <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>
3345                                                 
3346                                         </dt>
3347                                         <dd>(optional)</dd>
3348                                 
3349                                 </dl>
3350                         
3351                         
3352                         
3353                         
3354                         
3355                         
3356                         
3357
3358                     
3359                     
3360                      
3361                     </div>                    
3362                 </div>
3363
3364             </td>
3365             <td class="msource">
3366                 
3367                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3368                 &nbsp;
3369             </td>
3370         </tr>
3371         
3372           
3373           <tr class="method-row config-row-alt0 expandable">
3374             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3375            
3376            
3377             <td class="sig">
3378                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3379                 <div class="fixedFont">
3380                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3381                                 
3382                                  () 
3383                         
3384                                 
3385                         
3386                 </div>
3387                 <div class="mdesc">
3388                 
3389                    <div class="short">Removes all listeners for this object</div> 
3390                  
3391                  
3392                  
3393                     <div class="long">
3394                         
3395                                 Removes all listeners for this object
3396                     
3397                                 
3398                         
3399                         
3400                         
3401                         
3402                         
3403                         
3404                         
3405                         
3406                         
3407                         
3408
3409                     
3410                     
3411                      
3412                     </div>                    
3413                 </div>
3414
3415             </td>
3416             <td class="msource">
3417                 
3418                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3419                 &nbsp;
3420             </td>
3421         </tr>
3422         
3423           
3424           <tr class="method-row config-row-alt1 expandable">
3425             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3426            
3427            
3428             <td class="sig">
3429                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3430                 <div class="fixedFont">
3431                         <span class="attributes"></span><b class="itemname">removeListener</b>
3432                                 
3433                                  (<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>) 
3434                         
3435                                 
3436                         
3437                 </div>
3438                 <div class="mdesc">
3439                 
3440                    <div class="short">Removes a listener</div> 
3441                  
3442                  
3443                  
3444                     <div class="long">
3445                         
3446                                 Removes a listener
3447                     
3448                                 
3449                         
3450                         
3451                         
3452                         
3453                                 <dl class="detailList">
3454                                 <dt class="heading">Parameters:</dt>
3455                                 
3456                                         <dt>
3457                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3458                                                 
3459                                         </dt>
3460                                         <dd>The type of event to listen for</dd>
3461                                 
3462                                         <dt>
3463                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3464                                                 
3465                                         </dt>
3466                                         <dd>The handler to remove</dd>
3467                                 
3468                                         <dt>
3469                                                 <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>
3470                                                 
3471                                         </dt>
3472                                         <dd>(optional) The scope (this object) for the handler</dd>
3473                                 
3474                                 </dl>
3475                         
3476                         
3477                         
3478                         
3479                         
3480                         
3481                         
3482
3483                     
3484                     
3485                      
3486                     </div>                    
3487                 </div>
3488
3489             </td>
3490             <td class="msource">
3491                 
3492                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3493                 &nbsp;
3494             </td>
3495         </tr>
3496         
3497           
3498           <tr class="method-row config-row-alt0 expandable">
3499             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3500            
3501            
3502             <td class="sig">
3503                 <a id="Roo.Component-method-render"   name=".render"></a>
3504                 <div class="fixedFont">
3505                         <span class="attributes"></span><b class="itemname">render</b>
3506                                 
3507                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>) 
3508                         
3509                                 
3510                         
3511                 </div>
3512                 <div class="mdesc">
3513                 
3514                    <div class="short">If this is a lazy rendering component, render it to its container element.</div> 
3515                  
3516                  
3517                  
3518                     <div class="long">
3519                         
3520                                 If this is a lazy rendering component, render it to its container element.
3521                     
3522                                 
3523                         
3524                         
3525                         
3526                         
3527                                 <dl class="detailList">
3528                                 <dt class="heading">Parameters:</dt>
3529                                 
3530                                         <dt>
3531                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3532                                                 
3533                                         </dt>
3534                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3535                                 
3536                                 </dl>
3537                         
3538                         
3539                         
3540                         
3541                         
3542                         
3543                         
3544
3545                     
3546                     
3547                      
3548                     </div>                    
3549                 </div>
3550
3551             </td>
3552             <td class="msource">
3553                 
3554                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3555                 &nbsp;
3556             </td>
3557         </tr>
3558         
3559           
3560           <tr class="method-row config-row-alt1 expandable">
3561             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3562            
3563            
3564             <td class="sig">
3565                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3566                 <div class="fixedFont">
3567                         <span class="attributes"></span><b class="itemname">reset</b>
3568                                 
3569                                  () 
3570                         
3571                                 
3572                         
3573                 </div>
3574                 <div class="mdesc">
3575                 
3576                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div> 
3577                  
3578                  
3579                  
3580                     <div class="long">
3581                         
3582                                 Resets the current field value to the originally loaded value and clears any validation messages
3583                     
3584                                 
3585                         
3586                         
3587                         
3588                         
3589                         
3590                         
3591                         
3592                         
3593                         
3594                         
3595
3596                     
3597                     
3598                      
3599                     </div>                    
3600                 </div>
3601
3602             </td>
3603             <td class="msource">
3604                 
3605                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3606                 &nbsp;
3607             </td>
3608         </tr>
3609         
3610           
3611           <tr class="method-row config-row-alt0 expandable">
3612             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3613            
3614            
3615             <td class="sig">
3616                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3617                 <div class="fixedFont">
3618                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3619                                 
3620                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>) 
3621                         
3622                                 
3623                         
3624                 </div>
3625                 <div class="mdesc">
3626                 
3627                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div> 
3628                  
3629                  
3630                  
3631                     <div class="long">
3632                         
3633                                 Convenience function for setting disabled/enabled by boolean.
3634                     
3635                                 
3636                         
3637                         
3638                         
3639                         
3640                                 <dl class="detailList">
3641                                 <dt class="heading">Parameters:</dt>
3642                                 
3643                                         <dt>
3644                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>disabled</b>
3645                                                 
3646                                         </dt>
3647                                         <dd></dd>
3648                                 
3649                                 </dl>
3650                         
3651                         
3652                         
3653                         
3654                         
3655                         
3656                         
3657
3658                     
3659                     
3660                      
3661                     </div>                    
3662                 </div>
3663
3664             </td>
3665             <td class="msource">
3666                 
3667                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3668                 &nbsp;
3669             </td>
3670         </tr>
3671         
3672           
3673           <tr class="method-row config-row-alt1 expandable">
3674             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3675            
3676            
3677             <td class="sig">
3678                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3679                 <div class="fixedFont">
3680                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3681                                 
3682                                  (Mixed <B><i>value</i></B>) 
3683                         
3684                                 
3685                         
3686                 </div>
3687                 <div class="mdesc">
3688                 
3689                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div> 
3690                  
3691                  
3692                  
3693                     <div class="long">
3694                         
3695                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3696                     
3697                                 
3698                         
3699                         
3700                         
3701                         
3702                                 <dl class="detailList">
3703                                 <dt class="heading">Parameters:</dt>
3704                                 
3705                                         <dt>
3706                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3707                                                 
3708                                         </dt>
3709                                         <dd>The value to set</dd>
3710                                 
3711                                 </dl>
3712                         
3713                         
3714                         
3715                         
3716                         
3717                         
3718                         
3719
3720                     
3721                     
3722                      
3723                     </div>                    
3724                 </div>
3725
3726             </td>
3727             <td class="msource">
3728                 
3729                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3730                 &nbsp;
3731             </td>
3732         </tr>
3733         
3734           
3735           <tr class="method-row config-row-alt0 expandable">
3736             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3737            
3738            
3739             <td class="sig">
3740                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3741                 <div class="fixedFont">
3742                         <span class="attributes"></span><b class="itemname">setValue</b>
3743                                 
3744                                  (Mixed <B><i>value</i></B>) 
3745                         
3746                                 
3747                         
3748                 </div>
3749                 <div class="mdesc">
3750                 
3751                    <div class="short">Sets a data value into the field and validates it.</div> 
3752                  
3753                  
3754                  
3755                     <div class="long">
3756                         
3757                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3758                     
3759                                 
3760                         
3761                         
3762                         
3763                         
3764                                 <dl class="detailList">
3765                                 <dt class="heading">Parameters:</dt>
3766                                 
3767                                         <dt>
3768                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3769                                                 
3770                                         </dt>
3771                                         <dd>The value to set</dd>
3772                                 
3773                                 </dl>
3774                         
3775                         
3776                         
3777                         
3778                         
3779                         
3780                         
3781
3782                     
3783                     
3784                      
3785                     </div>                    
3786                 </div>
3787
3788             </td>
3789             <td class="msource">
3790                 
3791                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3792                 &nbsp;
3793             </td>
3794         </tr>
3795         
3796           
3797           <tr class="method-row config-row-alt1 expandable">
3798             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3799            
3800            
3801             <td class="sig">
3802                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3803                 <div class="fixedFont">
3804                         <span class="attributes"></span><b class="itemname">setVisible</b>
3805                                 
3806                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>) 
3807                         
3808                                 
3809                                          : 
3810                                         
3811                                                 
3812                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3813                                         
3814                                         
3815                                         
3816                                 
3817                         
3818                 </div>
3819                 <div class="mdesc">
3820                 
3821                    <div class="short">Convenience function to hide or show this component by boolean.</div> 
3822                  
3823                  
3824                  
3825                     <div class="long">
3826                         
3827                                 Convenience function to hide or show this component by boolean.
3828                     
3829                                 
3830                         
3831                         
3832                         
3833                         
3834                                 <dl class="detailList">
3835                                 <dt class="heading">Parameters:</dt>
3836                                 
3837                                         <dt>
3838                                                 <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>
3839                                                 
3840                                         </dt>
3841                                         <dd>True to show, false to hide</dd>
3842                                 
3843                                 </dl>
3844                         
3845                         
3846                         
3847                         
3848                         
3849                                 <dl class="detailList">
3850                                 <dt class="heading">Returns:</dt>
3851                                 
3852                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3853                                 
3854                                 </dl>
3855                         
3856                         
3857                         
3858
3859                     
3860                     
3861                      
3862                     </div>                    
3863                 </div>
3864
3865             </td>
3866             <td class="msource">
3867                 
3868                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3869                 &nbsp;
3870             </td>
3871         </tr>
3872         
3873           
3874           <tr class="method-row config-row-alt0 expandable">
3875             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3876            
3877            
3878             <td class="sig">
3879                 <a id="Roo.Component-method-show"   name=".show"></a>
3880                 <div class="fixedFont">
3881                         <span class="attributes"></span><b class="itemname">show</b>
3882                                 
3883                                  () 
3884                         
3885                                 
3886                                          : 
3887                                         
3888                                                 
3889                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3890                                         
3891                                         
3892                                         
3893                                 
3894                         
3895                 </div>
3896                 <div class="mdesc">
3897                 
3898                    <div class="short">Show this component.</div> 
3899                  
3900                  
3901                  
3902                     <div class="long">
3903                         
3904                                 Show this component.
3905                     
3906                                 
3907                         
3908                         
3909                         
3910                         
3911                         
3912                         
3913                         
3914                         
3915                                 <dl class="detailList">
3916                                 <dt class="heading">Returns:</dt>
3917                                 
3918                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3919                                 
3920                                 </dl>
3921                         
3922                         
3923                         
3924
3925                     
3926                     
3927                      
3928                     </div>                    
3929                 </div>
3930
3931             </td>
3932             <td class="msource">
3933                 
3934                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3935                 &nbsp;
3936             </td>
3937         </tr>
3938         
3939           
3940           <tr class="method-row config-row-alt1 expandable">
3941             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3942            
3943            
3944             <td class="sig">
3945                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
3946                 <div class="fixedFont">
3947                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
3948                                 
3949                                  () 
3950                         
3951                                 
3952                                          : 
3953                                         
3954                                                 
3955                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3956                                         
3957                                         
3958                                         
3959                                 
3960                         
3961                 </div>
3962                 <div class="mdesc">
3963                 
3964                    <div class="short">Fetch the element to display the tooltip on.</div> 
3965                  
3966                  
3967                  
3968                     <div class="long">
3969                         
3970                                 Fetch the element to display the tooltip on.
3971                     
3972                                 
3973                         
3974                         
3975                         
3976                         
3977                         
3978                         
3979                         
3980                         
3981                                 <dl class="detailList">
3982                                 <dt class="heading">Returns:</dt>
3983                                 
3984                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
3985                                 
3986                                 </dl>
3987                         
3988                         
3989                         
3990
3991                     
3992                     
3993                      
3994                     </div>                    
3995                 </div>
3996
3997             </td>
3998             <td class="msource">
3999                 
4000                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4001                 &nbsp;
4002             </td>
4003         </tr>
4004         
4005           
4006           <tr class="method-row config-row-alt0 expandable">
4007             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4008            
4009            
4010             <td class="sig">
4011                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4012                 <div class="fixedFont">
4013                         <span class="attributes"></span><b class="itemname">un</b>
4014                                 
4015                                  (<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>) 
4016                         
4017                                 
4018                         
4019                 </div>
4020                 <div class="mdesc">
4021                 
4022                    <div class="short">Removes a listener (shorthand for removeListener)</div> 
4023                  
4024                  
4025                  
4026                     <div class="long">
4027                         
4028                                 Removes a listener (shorthand for removeListener)
4029                     
4030                                 
4031                         
4032                         
4033                         
4034                         
4035                                 <dl class="detailList">
4036                                 <dt class="heading">Parameters:</dt>
4037                                 
4038                                         <dt>
4039                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4040                                                 
4041                                         </dt>
4042                                         <dd>The type of event to listen for</dd>
4043                                 
4044                                         <dt>
4045                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4046                                                 
4047                                         </dt>
4048                                         <dd>The handler to remove</dd>
4049                                 
4050                                         <dt>
4051                                                 <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>
4052                                                 
4053                                         </dt>
4054                                         <dd>(optional) The scope (this object) for the handler</dd>
4055                                 
4056                                 </dl>
4057                         
4058                         
4059                         
4060                         
4061                         
4062                         
4063                         
4064
4065                     
4066                     
4067                      
4068                     </div>                    
4069                 </div>
4070
4071             </td>
4072             <td class="msource">
4073                 
4074                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4075                 &nbsp;
4076             </td>
4077         </tr>
4078         
4079           
4080           <tr class="method-row config-row-alt1 expandable">
4081             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4082            
4083            
4084             <td class="sig">
4085                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4086                 <div class="fixedFont">
4087                         <span class="attributes"></span><b class="itemname">validate</b>
4088                                 
4089                                  () 
4090                         
4091                                 
4092                                          : 
4093                                         
4094                                                 
4095                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4096                                         
4097                                         
4098                                         
4099                                 
4100                         
4101                 </div>
4102                 <div class="mdesc">
4103                 
4104                    <div class="short">Validates the field value</div> 
4105                  
4106                  
4107                  
4108                     <div class="long">
4109                         
4110                                 Validates the field value
4111                     
4112                                 
4113                         
4114                         
4115                         
4116                         
4117                         
4118                         
4119                         
4120                         
4121                                 <dl class="detailList">
4122                                 <dt class="heading">Returns:</dt>
4123                                 
4124                                         <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 value is valid, else false</dd>
4125                                 
4126                                 </dl>
4127                         
4128                         
4129                         
4130
4131                     
4132                     
4133                      
4134                     </div>                    
4135                 </div>
4136
4137             </td>
4138             <td class="msource">
4139                 
4140                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4141                 &nbsp;
4142             </td>
4143         </tr>
4144         
4145           
4146           <tr class="method-row config-row-alt0 expandable">
4147             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4148            
4149            
4150             <td class="sig">
4151                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4152                 <div class="fixedFont">
4153                         <span class="attributes"></span><b class="itemname">validateValue</b>
4154                                 
4155                                  (Mixed <B><i>value</i></B>) 
4156                         
4157                                 
4158                                          : 
4159                                         
4160                                                 
4161                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4162                                         
4163                                         
4164                                         
4165                                 
4166                         
4167                 </div>
4168                 <div class="mdesc">
4169                 
4170                    <div class="short">Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails</div> 
4171                  
4172                  
4173                  
4174                     <div class="long">
4175                         
4176                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4177                     
4178                                 
4179                         
4180                         
4181                         
4182                         
4183                                 <dl class="detailList">
4184                                 <dt class="heading">Parameters:</dt>
4185                                 
4186                                         <dt>
4187                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4188                                                 
4189                                         </dt>
4190                                         <dd>The value to validate</dd>
4191                                 
4192                                 </dl>
4193                         
4194                         
4195                         
4196                         
4197                         
4198                                 <dl class="detailList">
4199                                 <dt class="heading">Returns:</dt>
4200                                 
4201                                         <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 value is valid, else false</dd>
4202                                 
4203                                 </dl>
4204                         
4205                         
4206                         
4207
4208                     
4209                     
4210                      
4211                     </div>                    
4212                 </div>
4213
4214             </td>
4215             <td class="msource">
4216                 
4217                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4218                 &nbsp;
4219             </td>
4220         </tr>
4221         
4222                                                        
4223     </table>
4224
4225   
4226   <!-- ============================== events summary / details ======================== -->
4227   
4228   
4229   <a id="Roo.bootstrap.CheckBox-events"></a>
4230     
4231   
4232         
4233    
4234   
4235     
4236     
4237     
4238       <table cellspacing="0" class="member-table">
4239                 <caption>Events</caption>
4240               <thead>
4241                 <tr>
4242                     <th class="sig-header" colspan="2">Event</th>            
4243                     <th class="msource-header">Defined By</th>
4244
4245                 </tr>
4246               </thead>  
4247         
4248         
4249          
4250         
4251         
4252           <tr class="method-row expandable config-row-alt0">
4253             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4254             
4255             <td class="sig">
4256                 <a id="Roo.Component-event-*beforedestroy"></a>
4257                 
4258                <div class="fixedFont">
4259                 <b class="itemname">beforedestroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4260                 
4261                 </div>
4262
4263                 <div class="mdesc">
4264
4265                    <div class="short">Fires before the component is destroyed.
4266                    
4267                 </div> 
4268                     
4269                     <div class="long">
4270                     
4271                         Fires before the component is destroyed. Return false to stop the destroy.
4272                     
4273                         
4274                         
4275                 
4276                         
4277                                 <dl class="detailList">
4278                                 <dt class="heading">Parameters:</dt>
4279                                 
4280                                         <dt>
4281                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4282                                                 
4283                                         </dt>
4284                                         <dd></dd>
4285                                 
4286                                 </dl>
4287                         
4288                         
4289                         
4290                         
4291                         
4292                         
4293                         
4294
4295                     
4296                     
4297                      
4298                     </div>                    
4299                 </div>
4300
4301             </td>
4302             <td class="msource">
4303                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4304             </td>
4305         </tr>
4306         
4307           <tr class="method-row expandable config-row-alt1">
4308             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4309             
4310             <td class="sig">
4311                 <a id="Roo.Component-event-*beforehide"></a>
4312                 
4313                <div class="fixedFont">
4314                 <b class="itemname">beforehide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4315                 
4316                 </div>
4317
4318                 <div class="mdesc">
4319
4320                    <div class="short">Fires before the component is hidden.
4321                    
4322                 </div> 
4323                     
4324                     <div class="long">
4325                     
4326                         Fires before the component is hidden. Return false to stop the hide.
4327                     
4328                         
4329                         
4330                 
4331                         
4332                                 <dl class="detailList">
4333                                 <dt class="heading">Parameters:</dt>
4334                                 
4335                                         <dt>
4336                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4337                                                 
4338                                         </dt>
4339                                         <dd></dd>
4340                                 
4341                                 </dl>
4342                         
4343                         
4344                         
4345                         
4346                         
4347                         
4348                         
4349
4350                     
4351                     
4352                      
4353                     </div>                    
4354                 </div>
4355
4356             </td>
4357             <td class="msource">
4358                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4359             </td>
4360         </tr>
4361         
4362           <tr class="method-row expandable config-row-alt0">
4363             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4364             
4365             <td class="sig">
4366                 <a id="Roo.Component-event-*beforerender"></a>
4367                 
4368                <div class="fixedFont">
4369                 <b class="itemname">beforerender</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4370                 
4371                 </div>
4372
4373                 <div class="mdesc">
4374
4375                    <div class="short">Fires before the component is rendered.
4376                    
4377                 </div> 
4378                     
4379                     <div class="long">
4380                     
4381                         Fires before the component is rendered. Return false to stop the render.
4382                     
4383                         
4384                         
4385                 
4386                         
4387                                 <dl class="detailList">
4388                                 <dt class="heading">Parameters:</dt>
4389                                 
4390                                         <dt>
4391                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4392                                                 
4393                                         </dt>
4394                                         <dd></dd>
4395                                 
4396                                 </dl>
4397                         
4398                         
4399                         
4400                         
4401                         
4402                         
4403                         
4404
4405                     
4406                     
4407                      
4408                     </div>                    
4409                 </div>
4410
4411             </td>
4412             <td class="msource">
4413                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4414             </td>
4415         </tr>
4416         
4417           <tr class="method-row expandable config-row-alt1">
4418             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4419             
4420             <td class="sig">
4421                 <a id="Roo.Component-event-*beforeshow"></a>
4422                 
4423                <div class="fixedFont">
4424                 <b class="itemname">beforeshow</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4425                 
4426                 </div>
4427
4428                 <div class="mdesc">
4429
4430                    <div class="short">Fires before the component is shown.
4431                    
4432                 </div> 
4433                     
4434                     <div class="long">
4435                     
4436                         Fires before the component is shown.  Return false to stop the show.
4437                     
4438                         
4439                         
4440                 
4441                         
4442                                 <dl class="detailList">
4443                                 <dt class="heading">Parameters:</dt>
4444                                 
4445                                         <dt>
4446                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4447                                                 
4448                                         </dt>
4449                                         <dd></dd>
4450                                 
4451                                 </dl>
4452                         
4453                         
4454                         
4455                         
4456                         
4457                         
4458                         
4459
4460                     
4461                     
4462                      
4463                     </div>                    
4464                 </div>
4465
4466             </td>
4467             <td class="msource">
4468                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4469             </td>
4470         </tr>
4471         
4472           <tr class="method-row expandable config-row-alt0">
4473             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4474             
4475             <td class="sig">
4476                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4477                 
4478                <div class="fixedFont">
4479                 <b class="itemname">blur</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>) 
4480                 
4481                 </div>
4482
4483                 <div class="mdesc">
4484
4485                    <div class="short">Fires when this field loses input focus.
4486                    
4487                 </div> 
4488                     
4489                     <div class="long">
4490                     
4491                         Fires when this field loses input focus.
4492                     
4493                         
4494                         
4495                 
4496                         
4497                                 <dl class="detailList">
4498                                 <dt class="heading">Parameters:</dt>
4499                                 
4500                                         <dt>
4501                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
4502                                                 
4503                                         </dt>
4504                                         <dd></dd>
4505                                 
4506                                 </dl>
4507                         
4508                         
4509                         
4510                         
4511                         
4512                         
4513                         
4514
4515                     
4516                     
4517                      
4518                     </div>                    
4519                 </div>
4520
4521             </td>
4522             <td class="msource">
4523                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4524             </td>
4525         </tr>
4526         
4527           <tr class="method-row expandable config-row-alt1">
4528             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4529             
4530             <td class="sig">
4531                 <a id="Roo.bootstrap.Input-event-*change"></a>
4532                 
4533                <div class="fixedFont">
4534                 <b class="itemname">change</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, Mixed <B><i>newValue</i></B>, Mixed <B><i>oldValue</i></B>) 
4535                 
4536                 </div>
4537
4538                 <div class="mdesc">
4539
4540                    <div class="short">Fires just before the field blurs if the field value has changed.
4541                    
4542                 </div> 
4543                     
4544                     <div class="long">
4545                     
4546                         Fires just before the field blurs if the field value has changed.
4547                     
4548                         
4549                         
4550                 
4551                         
4552                                 <dl class="detailList">
4553                                 <dt class="heading">Parameters:</dt>
4554                                 
4555                                         <dt>
4556                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
4557                                                 
4558                                         </dt>
4559                                         <dd></dd>
4560                                 
4561                                         <dt>
4562                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4563                                                 
4564                                         </dt>
4565                                         <dd>The new value</dd>
4566                                 
4567                                         <dt>
4568                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4569                                                 
4570                                         </dt>
4571                                         <dd>The original value</dd>
4572                                 
4573                                 </dl>
4574                         
4575                         
4576                         
4577                         
4578                         
4579                         
4580                         
4581
4582                     
4583                     
4584                      
4585                     </div>                    
4586                 </div>
4587
4588             </td>
4589             <td class="msource">
4590                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4591             </td>
4592         </tr>
4593         
4594           <tr class="method-row expandable config-row-alt0 notInherited">
4595             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4596             
4597             <td class="sig">
4598                 <a id="Roo.bootstrap.CheckBox-event-*check"></a>
4599                 
4600                <div class="fixedFont">
4601                 <b class="itemname">check</b> (<a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a> <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>checked</i></B>) 
4602                 
4603                 </div>
4604
4605                 <div class="mdesc">
4606
4607                    <div class="short">Fires when the element is checked or unchecked.
4608                    
4609                 </div> 
4610                     
4611                     <div class="long">
4612                     
4613                         Fires when the element is checked or unchecked.
4614                     
4615                         
4616                         
4617                 
4618                         
4619                                 <dl class="detailList">
4620                                 <dt class="heading">Parameters:</dt>
4621                                 
4622                                         <dt>
4623                                                 <span class="fixedFont"><a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a></span> <b>this</b>
4624                                                 
4625                                         </dt>
4626                                         <dd>This input</dd>
4627                                 
4628                                         <dt>
4629                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>checked</b>
4630                                                 
4631                                         </dt>
4632                                         <dd>The new checked value</dd>
4633                                 
4634                                 </dl>
4635                         
4636                         
4637                         
4638                         
4639                         
4640                         
4641                         
4642
4643                     
4644                     
4645                      
4646                     </div>                    
4647                 </div>
4648
4649             </td>
4650             <td class="msource">
4651                 Roo.bootstrap.CheckBox
4652             </td>
4653         </tr>
4654         
4655           <tr class="method-row expandable config-row-alt1">
4656             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4657             
4658             <td class="sig">
4659                 <a id="Roo.Component-event-*destroy"></a>
4660                 
4661                <div class="fixedFont">
4662                 <b class="itemname">destroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4663                 
4664                 </div>
4665
4666                 <div class="mdesc">
4667
4668                    <div class="short">Fires after the component is destroyed.
4669                    
4670                 </div> 
4671                     
4672                     <div class="long">
4673                     
4674                         Fires after the component is destroyed.
4675                     
4676                         
4677                         
4678                 
4679                         
4680                                 <dl class="detailList">
4681                                 <dt class="heading">Parameters:</dt>
4682                                 
4683                                         <dt>
4684                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4685                                                 
4686                                         </dt>
4687                                         <dd></dd>
4688                                 
4689                                 </dl>
4690                         
4691                         
4692                         
4693                         
4694                         
4695                         
4696                         
4697
4698                     
4699                     
4700                      
4701                     </div>                    
4702                 </div>
4703
4704             </td>
4705             <td class="msource">
4706                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4707             </td>
4708         </tr>
4709         
4710           <tr class="method-row expandable config-row-alt0">
4711             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4712             
4713             <td class="sig">
4714                 <a id="Roo.Component-event-*disable"></a>
4715                 
4716                <div class="fixedFont">
4717                 <b class="itemname">disable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4718                 
4719                 </div>
4720
4721                 <div class="mdesc">
4722
4723                    <div class="short">Fires after the component is disabled.
4724                    
4725                 </div> 
4726                     
4727                     <div class="long">
4728                     
4729                         Fires after the component is disabled.
4730                     
4731                         
4732                         
4733                 
4734                         
4735                                 <dl class="detailList">
4736                                 <dt class="heading">Parameters:</dt>
4737                                 
4738                                         <dt>
4739                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4740                                                 
4741                                         </dt>
4742                                         <dd></dd>
4743                                 
4744                                 </dl>
4745                         
4746                         
4747                         
4748                         
4749                         
4750                         
4751                         
4752
4753                     
4754                     
4755                      
4756                     </div>                    
4757                 </div>
4758
4759             </td>
4760             <td class="msource">
4761                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4762             </td>
4763         </tr>
4764         
4765           <tr class="method-row expandable config-row-alt1">
4766             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4767             
4768             <td class="sig">
4769                 <a id="Roo.Component-event-*enable"></a>
4770                 
4771                <div class="fixedFont">
4772                 <b class="itemname">enable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4773                 
4774                 </div>
4775
4776                 <div class="mdesc">
4777
4778                    <div class="short">Fires after the component is enabled.
4779                    
4780                 </div> 
4781                     
4782                     <div class="long">
4783                     
4784                         Fires after the component is enabled.
4785                     
4786                         
4787                         
4788                 
4789                         
4790                                 <dl class="detailList">
4791                                 <dt class="heading">Parameters:</dt>
4792                                 
4793                                         <dt>
4794                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4795                                                 
4796                                         </dt>
4797                                         <dd></dd>
4798                                 
4799                                 </dl>
4800                         
4801                         
4802                         
4803                         
4804                         
4805                         
4806                         
4807
4808                     
4809                     
4810                      
4811                     </div>                    
4812                 </div>
4813
4814             </td>
4815             <td class="msource">
4816                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4817             </td>
4818         </tr>
4819         
4820           <tr class="method-row expandable config-row-alt0">
4821             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4822             
4823             <td class="sig">
4824                 <a id="Roo.bootstrap.Input-event-*focus"></a>
4825                 
4826                <div class="fixedFont">
4827                 <b class="itemname">focus</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>) 
4828                 
4829                 </div>
4830
4831                 <div class="mdesc">
4832
4833                    <div class="short">Fires when this field receives input focus.
4834                    
4835                 </div> 
4836                     
4837                     <div class="long">
4838                     
4839                         Fires when this field receives input focus.
4840                     
4841                         
4842                         
4843                 
4844                         
4845                                 <dl class="detailList">
4846                                 <dt class="heading">Parameters:</dt>
4847                                 
4848                                         <dt>
4849                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
4850                                                 
4851                                         </dt>
4852                                         <dd></dd>
4853                                 
4854                                 </dl>
4855                         
4856                         
4857                         
4858                         
4859                         
4860                         
4861                         
4862
4863                     
4864                     
4865                      
4866                     </div>                    
4867                 </div>
4868
4869             </td>
4870             <td class="msource">
4871                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4872             </td>
4873         </tr>
4874         
4875           <tr class="method-row expandable config-row-alt1">
4876             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4877             
4878             <td class="sig">
4879                 <a id="Roo.Component-event-*hide"></a>
4880                 
4881                <div class="fixedFont">
4882                 <b class="itemname">hide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
4883                 
4884                 </div>
4885
4886                 <div class="mdesc">
4887
4888                    <div class="short">Fires after the component is hidden.
4889                    
4890                 </div> 
4891                     
4892                     <div class="long">
4893                     
4894                         Fires after the component is hidden.
4895                     
4896                         
4897                         
4898                 
4899                         
4900                                 <dl class="detailList">
4901                                 <dt class="heading">Parameters:</dt>
4902                                 
4903                                         <dt>
4904                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4905                                                 
4906                                         </dt>
4907                                         <dd></dd>
4908                                 
4909                                 </dl>
4910                         
4911                         
4912                         
4913                         
4914                         
4915                         
4916                         
4917
4918                     
4919                     
4920                      
4921                     </div>                    
4922                 </div>
4923
4924             </td>
4925             <td class="msource">
4926                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4927             </td>
4928         </tr>
4929         
4930           <tr class="method-row expandable config-row-alt0">
4931             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4932             
4933             <td class="sig">
4934                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
4935                 
4936                <div class="fixedFont">
4937                 <b class="itemname">invalid</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>) 
4938                 
4939                 </div>
4940
4941                 <div class="mdesc">
4942
4943                    <div class="short">Fires after the field has been marked as invalid.
4944                    
4945                 </div> 
4946                     
4947                     <div class="long">
4948                     
4949                         Fires after the field has been marked as invalid.
4950                     
4951                         
4952                         
4953                 
4954                         
4955                                 <dl class="detailList">
4956                                 <dt class="heading">Parameters:</dt>
4957                                 
4958                                         <dt>
4959                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
4960                                                 
4961                                         </dt>
4962                                         <dd></dd>
4963                                 
4964                                         <dt>
4965                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4966                                                 
4967                                         </dt>
4968                                         <dd>The validation message</dd>
4969                                 
4970                                 </dl>
4971                         
4972                         
4973                         
4974                         
4975                         
4976                         
4977                         
4978
4979                     
4980                     
4981                      
4982                     </div>                    
4983                 </div>
4984
4985             </td>
4986             <td class="msource">
4987                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4988             </td>
4989         </tr>
4990         
4991           <tr class="method-row expandable config-row-alt1">
4992             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4993             
4994             <td class="sig">
4995                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
4996                 
4997                <div class="fixedFont">
4998                 <b class="itemname">keyup</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>) 
4999                 
5000                 </div>
5001
5002                 <div class="mdesc">
5003
5004                    <div class="short">Fires after the key up
5005                    
5006                 </div> 
5007                     
5008                     <div class="long">
5009                     
5010                         Fires after the key up
5011                     
5012                         
5013                         
5014                 
5015                         
5016                                 <dl class="detailList">
5017                                 <dt class="heading">Parameters:</dt>
5018                                 
5019                                         <dt>
5020                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
5021                                                 
5022                                         </dt>
5023                                         <dd></dd>
5024                                 
5025                                         <dt>
5026                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5027                                                 
5028                                         </dt>
5029                                         <dd>The event Object</dd>
5030                                 
5031                                 </dl>
5032                         
5033                         
5034                         
5035                         
5036                         
5037                         
5038                         
5039
5040                     
5041                     
5042                      
5043                     </div>                    
5044                 </div>
5045
5046             </td>
5047             <td class="msource">
5048                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5049             </td>
5050         </tr>
5051         
5052           <tr class="method-row expandable config-row-alt0">
5053             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5054             
5055             <td class="sig">
5056                 <a id="Roo.Component-event-*render"></a>
5057                 
5058                <div class="fixedFont">
5059                 <b class="itemname">render</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
5060                 
5061                 </div>
5062
5063                 <div class="mdesc">
5064
5065                    <div class="short">Fires after the component is rendered.
5066                    
5067                 </div> 
5068                     
5069                     <div class="long">
5070                     
5071                         Fires after the component is rendered.
5072                     
5073                         
5074                         
5075                 
5076                         
5077                                 <dl class="detailList">
5078                                 <dt class="heading">Parameters:</dt>
5079                                 
5080                                         <dt>
5081                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5082                                                 
5083                                         </dt>
5084                                         <dd></dd>
5085                                 
5086                                 </dl>
5087                         
5088                         
5089                         
5090                         
5091                         
5092                         
5093                         
5094
5095                     
5096                     
5097                      
5098                     </div>                    
5099                 </div>
5100
5101             </td>
5102             <td class="msource">
5103                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5104             </td>
5105         </tr>
5106         
5107           <tr class="method-row expandable config-row-alt1">
5108             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5109             
5110             <td class="sig">
5111                 <a id="Roo.Component-event-*show"></a>
5112                 
5113                <div class="fixedFont">
5114                 <b class="itemname">show</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>) 
5115                 
5116                 </div>
5117
5118                 <div class="mdesc">
5119
5120                    <div class="short">Fires after the component is shown.
5121                    
5122                 </div> 
5123                     
5124                     <div class="long">
5125                     
5126                         Fires after the component is shown.
5127                     
5128                         
5129                         
5130                 
5131                         
5132                                 <dl class="detailList">
5133                                 <dt class="heading">Parameters:</dt>
5134                                 
5135                                         <dt>
5136                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5137                                                 
5138                                         </dt>
5139                                         <dd></dd>
5140                                 
5141                                 </dl>
5142                         
5143                         
5144                         
5145                         
5146                         
5147                         
5148                         
5149
5150                     
5151                     
5152                      
5153                     </div>                    
5154                 </div>
5155
5156             </td>
5157             <td class="msource">
5158                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5159             </td>
5160         </tr>
5161         
5162           <tr class="method-row expandable config-row-alt0">
5163             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5164             
5165             <td class="sig">
5166                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5167                 
5168                <div class="fixedFont">
5169                 <b class="itemname">specialkey</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>) 
5170                 
5171                 </div>
5172
5173                 <div class="mdesc">
5174
5175                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5176                    
5177                 </div> 
5178                     
5179                     <div class="long">
5180                     
5181                         Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check<br/>{<b>link</b> Roo.EventObject<b>getKey</b>} to determine which key was pressed.
5182                     
5183                         
5184                         
5185                 
5186                         
5187                                 <dl class="detailList">
5188                                 <dt class="heading">Parameters:</dt>
5189                                 
5190                                         <dt>
5191                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
5192                                                 
5193                                         </dt>
5194                                         <dd></dd>
5195                                 
5196                                         <dt>
5197                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5198                                                 
5199                                         </dt>
5200                                         <dd>The event object</dd>
5201                                 
5202                                 </dl>
5203                         
5204                         
5205                         
5206                         
5207                         
5208                         
5209                         
5210
5211                     
5212                     
5213                      
5214                     </div>                    
5215                 </div>
5216
5217             </td>
5218             <td class="msource">
5219                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5220             </td>
5221         </tr>
5222         
5223           <tr class="method-row expandable config-row-alt1">
5224             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5225             
5226             <td class="sig">
5227                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5228                 
5229                <div class="fixedFont">
5230                 <b class="itemname">valid</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>) 
5231                 
5232                 </div>
5233
5234                 <div class="mdesc">
5235
5236                    <div class="short">Fires after the field has been validated with no errors.
5237                    
5238                 </div> 
5239                     
5240                     <div class="long">
5241                     
5242                         Fires after the field has been validated with no errors.
5243                     
5244                         
5245                         
5246                 
5247                         
5248                                 <dl class="detailList">
5249                                 <dt class="heading">Parameters:</dt>
5250                                 
5251                                         <dt>
5252                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
5253                                                 
5254                                         </dt>
5255                                         <dd></dd>
5256                                 
5257                                 </dl>
5258                         
5259                         
5260                         
5261                         
5262                         
5263                         
5264                         
5265
5266                     
5267                     
5268                      
5269                     </div>                    
5270                 </div>
5271
5272             </td>
5273             <td class="msource">
5274                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5275             </td>
5276         </tr>
5277         
5278                                                        
5279     </table>
5280
5281   
5282   
5283   
5284  
5285 <!-- ============================== footer ================================= -->
5286                 <div class="fineprint" style="clear:both">
5287                         
5288                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Wed Aug 26 2015 15:09:57 GMT+0800 (HKT)
5289                         Based on 
5290                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
5291                 </div>
5292         </body>
5293 </html>