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