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