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