docs/default.css
[roojs1] / docs / symbols / Roo.bootstrap.MonthField.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.MonthField</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.MonthField-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35         <a class="inner-link" href="#Roo.bootstrap.MonthField-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36         <a class="inner-link" href="#Roo.bootstrap.MonthField-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37         <a class="inner-link" href="#Roo.bootstrap.MonthField-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.MonthField 
51
52                    </pre>
53                 </div>
54        
55 <!-- ============================== class title / details ============================ -->
56     
57     
58     <h1 class="classTitle">
59                                 
60                                 Class Roo.bootstrap.MonthField
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_MonthField.js.html">Roo/bootstrap/MonthField.js</a>.
70                         
71         </td></tr>
72         <tr><td class="label">Class:</td><td class="hd-info">MonthField</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 MonthField 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.MonthField';">[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.MonthField.html"></iframe>
100 </div>
101         
102
103                 
104 <!-- ============================== config options ========================== -->                                               
105                  
106     
107     
108                 
109     <div class="hr"></div>
110     <a id="Roo.bootstrap.MonthField-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">
692                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
693                     <td class="sig">
694
695                         <a id="Roo.bootstrap.Input-cfg-hasFeedback" name=".hasFeedback"></a>
696                         <div class="fixedFont">
697                                 <b  class="itemname">hasFeedback</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">default false</div> 
704                         </div>
705                         
706                         <div class="mdesc">
707                             <div class="long">
708                     default false
709                     
710                 </div> 
711                         </div>
712                         
713                         
714
715                     </td>
716                     <td class="msource">
717                         
718                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
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.Component-cfg-hideMode" name=".hideMode"></a>
729                         <div class="fixedFont">
730                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
731                                 
732                                 
733                         </div>
734                   
735                         <div class="mdesc">
736                             <div class="short">How this component should hidden.</div> 
737                         </div>
738                         
739                         <div class="mdesc">
740                             <div class="long">
741                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
742                     <BR/>Possible Values: display, visibility
743                 </div> 
744                         </div>
745                         
746                         
747
748                     </td>
749                     <td class="msource">
750                         
751                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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.bootstrap.Input-cfg-inputType" name=".inputType"></a>
762                         <div class="fixedFont">
763                                 <b  class="itemname">inputType</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">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div> 
770                         </div>
771                         
772                         <div class="mdesc">
773                             <div class="long">
774                     button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text
775                     
776                 </div> 
777                         </div>
778                         
779                         
780
781                     </td>
782                     <td class="msource">
783                         
784                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-invalidClass" name=".invalidClass"></a>
795                         <div class="fixedFont">
796                                 <b  class="itemname">invalidClass</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">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div> 
803                         </div>
804                         
805                         <div class="mdesc">
806                             <div class="long">
807                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
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-invalidFeedbackIcon" name=".invalidFeedbackIcon"></a>
828                         <div class="fixedFont">
829                                 <b  class="itemname">invalidFeedbackIcon</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 create feedback icon (defaults to "x-form-invalid")</div> 
836                         </div>
837                         
838                         <div class="mdesc">
839                             <div class="long">
840                     The CSS class to use when create feedback icon (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-labelAlign" name=".labelAlign"></a>
861                         <div class="fixedFont">
862                                 <b  class="itemname">labelAlign</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"></div> 
869                         </div>
870                         
871                         <div class="mdesc">
872                             <div class="long">
873                     
874                     <BR/>Possible Values: top, left
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-labelWidth" name=".labelWidth"></a>
894                         <div class="fixedFont">
895                                 <b  class="itemname">labelWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
896                                 
897                                 
898                         </div>
899                   
900                         <div class="mdesc">
901                             <div class="short">set the width of label (0-12)</div> 
902                         </div>
903                         
904                         <div class="mdesc">
905                             <div class="long">
906                     set the width of label (0-12)
907                     
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 notInherited">
923                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
924                     <td class="sig">
925
926                         <a id="Roo.bootstrap.MonthField-cfg-language" name=".language"></a>
927                         <div class="fixedFont">
928                                 <b  class="itemname">language</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
929                                 
930                                 
931                         </div>
932                   
933                         <div class="mdesc">
934                             <div class="short">default en</div> 
935                         </div>
936                         
937                         <div class="mdesc">
938                             <div class="long">
939                     default en
940                     
941                 </div> 
942                         </div>
943                         
944                         
945
946                     </td>
947                     <td class="msource">
948                         
949                         Roo.bootstrap.MonthField
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.MonthField-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.MonthField-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-MonthField"   name=".MonthField"></a>
1944                 <div class="fixedFont">
1945                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">MonthField</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.MonthField</div> 
1956                  
1957                  
1958                     <div class="long">
1959                         
1960                         
1961                         
1962                                 Create a new Roo.bootstrap.MonthField
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.util.Observable-method-on"   name=".on"></a>
3292                 <div class="fixedFont">
3293                         <span class="attributes"></span><b class="itemname">on</b>
3294                                 
3295                                  (<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>) 
3296                         
3297                                 
3298                         
3299                 </div>
3300                 <div class="mdesc">
3301                 
3302                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div> 
3303                  
3304                  
3305                  
3306                     <div class="long">
3307                         
3308                                 Appends an event handler to this element (shorthand for addListener)
3309                     
3310                                 
3311                         
3312                         
3313                         
3314                         
3315                                 <dl class="detailList">
3316                                 <dt class="heading">Parameters:</dt>
3317                                 
3318                                         <dt>
3319                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3320                                                 
3321                                         </dt>
3322                                         <dd>The type of event to listen for</dd>
3323                                 
3324                                         <dt>
3325                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3326                                                 
3327                                         </dt>
3328                                         <dd>The method the event invokes</dd>
3329                                 
3330                                         <dt>
3331                                                 <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>
3332                                                 
3333                                         </dt>
3334                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3335                                 
3336                                         <dt>
3337                                                 <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>
3338                                                 
3339                                         </dt>
3340                                         <dd>(optional)</dd>
3341                                 
3342                                 </dl>
3343                         
3344                         
3345                         
3346                         
3347                         
3348                         
3349                         
3350
3351                     
3352                     
3353                      
3354                     </div>                    
3355                 </div>
3356
3357             </td>
3358             <td class="msource">
3359                 
3360                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3361                 &nbsp;
3362             </td>
3363         </tr>
3364         
3365           
3366           <tr class="method-row config-row-alt0 expandable">
3367             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3368            
3369            
3370             <td class="sig">
3371                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3372                 <div class="fixedFont">
3373                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3374                                 
3375                                  () 
3376                         
3377                                 
3378                         
3379                 </div>
3380                 <div class="mdesc">
3381                 
3382                    <div class="short">Removes all listeners for this object</div> 
3383                  
3384                  
3385                  
3386                     <div class="long">
3387                         
3388                                 Removes all listeners for this object
3389                     
3390                                 
3391                         
3392                         
3393                         
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-removeListener"   name=".removeListener"></a>
3423                 <div class="fixedFont">
3424                         <span class="attributes"></span><b class="itemname">removeListener</b>
3425                                 
3426                                  (<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>) 
3427                         
3428                                 
3429                         
3430                 </div>
3431                 <div class="mdesc">
3432                 
3433                    <div class="short">Removes a listener</div> 
3434                  
3435                  
3436                  
3437                     <div class="long">
3438                         
3439                                 Removes a listener
3440                     
3441                                 
3442                         
3443                         
3444                         
3445                         
3446                                 <dl class="detailList">
3447                                 <dt class="heading">Parameters:</dt>
3448                                 
3449                                         <dt>
3450                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3451                                                 
3452                                         </dt>
3453                                         <dd>The type of event to listen for</dd>
3454                                 
3455                                         <dt>
3456                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3457                                                 
3458                                         </dt>
3459                                         <dd>The handler to remove</dd>
3460                                 
3461                                         <dt>
3462                                                 <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>
3463                                                 
3464                                         </dt>
3465                                         <dd>(optional) The scope (this object) for the handler</dd>
3466                                 
3467                                 </dl>
3468                         
3469                         
3470                         
3471                         
3472                         
3473                         
3474                         
3475
3476                     
3477                     
3478                      
3479                     </div>                    
3480                 </div>
3481
3482             </td>
3483             <td class="msource">
3484                 
3485                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3486                 &nbsp;
3487             </td>
3488         </tr>
3489         
3490           
3491           <tr class="method-row config-row-alt0 expandable">
3492             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3493            
3494            
3495             <td class="sig">
3496                 <a id="Roo.Component-method-render"   name=".render"></a>
3497                 <div class="fixedFont">
3498                         <span class="attributes"></span><b class="itemname">render</b>
3499                                 
3500                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>) 
3501                         
3502                                 
3503                         
3504                 </div>
3505                 <div class="mdesc">
3506                 
3507                    <div class="short">If this is a lazy rendering component, render it to its container element.</div> 
3508                  
3509                  
3510                  
3511                     <div class="long">
3512                         
3513                                 If this is a lazy rendering component, render it to its container element.
3514                     
3515                                 
3516                         
3517                         
3518                         
3519                         
3520                                 <dl class="detailList">
3521                                 <dt class="heading">Parameters:</dt>
3522                                 
3523                                         <dt>
3524                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3525                                                 
3526                                         </dt>
3527                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3528                                 
3529                                 </dl>
3530                         
3531                         
3532                         
3533                         
3534                         
3535                         
3536                         
3537
3538                     
3539                     
3540                      
3541                     </div>                    
3542                 </div>
3543
3544             </td>
3545             <td class="msource">
3546                 
3547                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3548                 &nbsp;
3549             </td>
3550         </tr>
3551         
3552           
3553           <tr class="method-row config-row-alt1 expandable">
3554             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3555            
3556            
3557             <td class="sig">
3558                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3559                 <div class="fixedFont">
3560                         <span class="attributes"></span><b class="itemname">reset</b>
3561                                 
3562                                  () 
3563                         
3564                                 
3565                         
3566                 </div>
3567                 <div class="mdesc">
3568                 
3569                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div> 
3570                  
3571                  
3572                  
3573                     <div class="long">
3574                         
3575                                 Resets the current field value to the originally loaded value and clears any validation messages
3576                     
3577                                 
3578                         
3579                         
3580                         
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.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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.Component-method-setDisabled"   name=".setDisabled"></a>
3610                 <div class="fixedFont">
3611                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3612                                 
3613                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>) 
3614                         
3615                                 
3616                         
3617                 </div>
3618                 <div class="mdesc">
3619                 
3620                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div> 
3621                  
3622                  
3623                  
3624                     <div class="long">
3625                         
3626                                 Convenience function for setting disabled/enabled by boolean.
3627                     
3628                                 
3629                         
3630                         
3631                         
3632                         
3633                                 <dl class="detailList">
3634                                 <dt class="heading">Parameters:</dt>
3635                                 
3636                                         <dt>
3637                                                 <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>
3638                                                 
3639                                         </dt>
3640                                         <dd></dd>
3641                                 
3642                                 </dl>
3643                         
3644                         
3645                         
3646                         
3647                         
3648                         
3649                         
3650
3651                     
3652                     
3653                      
3654                     </div>                    
3655                 </div>
3656
3657             </td>
3658             <td class="msource">
3659                 
3660                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3661                 &nbsp;
3662             </td>
3663         </tr>
3664         
3665           
3666           <tr class="method-row config-row-alt1 expandable">
3667             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3668            
3669            
3670             <td class="sig">
3671                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3672                 <div class="fixedFont">
3673                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3674                                 
3675                                  (Mixed <B><i>value</i></B>) 
3676                         
3677                                 
3678                         
3679                 </div>
3680                 <div class="mdesc">
3681                 
3682                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div> 
3683                  
3684                  
3685                  
3686                     <div class="long">
3687                         
3688                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3689                     
3690                                 
3691                         
3692                         
3693                         
3694                         
3695                                 <dl class="detailList">
3696                                 <dt class="heading">Parameters:</dt>
3697                                 
3698                                         <dt>
3699                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3700                                                 
3701                                         </dt>
3702                                         <dd>The value to set</dd>
3703                                 
3704                                 </dl>
3705                         
3706                         
3707                         
3708                         
3709                         
3710                         
3711                         
3712
3713                     
3714                     
3715                      
3716                     </div>                    
3717                 </div>
3718
3719             </td>
3720             <td class="msource">
3721                 
3722                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3723                 &nbsp;
3724             </td>
3725         </tr>
3726         
3727           
3728           <tr class="method-row config-row-alt0 expandable">
3729             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3730            
3731            
3732             <td class="sig">
3733                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3734                 <div class="fixedFont">
3735                         <span class="attributes"></span><b class="itemname">setValue</b>
3736                                 
3737                                  (Mixed <B><i>value</i></B>) 
3738                         
3739                                 
3740                         
3741                 </div>
3742                 <div class="mdesc">
3743                 
3744                    <div class="short">Sets a data value into the field and validates it.</div> 
3745                  
3746                  
3747                  
3748                     <div class="long">
3749                         
3750                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3751                     
3752                                 
3753                         
3754                         
3755                         
3756                         
3757                                 <dl class="detailList">
3758                                 <dt class="heading">Parameters:</dt>
3759                                 
3760                                         <dt>
3761                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3762                                                 
3763                                         </dt>
3764                                         <dd>The value to set</dd>
3765                                 
3766                                 </dl>
3767                         
3768                         
3769                         
3770                         
3771                         
3772                         
3773                         
3774
3775                     
3776                     
3777                      
3778                     </div>                    
3779                 </div>
3780
3781             </td>
3782             <td class="msource">
3783                 
3784                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3785                 &nbsp;
3786             </td>
3787         </tr>
3788         
3789           
3790           <tr class="method-row config-row-alt1 expandable">
3791             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3792            
3793            
3794             <td class="sig">
3795                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3796                 <div class="fixedFont">
3797                         <span class="attributes"></span><b class="itemname">setVisible</b>
3798                                 
3799                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>) 
3800                         
3801                                 
3802                                          : 
3803                                         
3804                                                 
3805                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3806                                         
3807                                         
3808                                         
3809                                 
3810                         
3811                 </div>
3812                 <div class="mdesc">
3813                 
3814                    <div class="short">Convenience function to hide or show this component by boolean.</div> 
3815                  
3816                  
3817                  
3818                     <div class="long">
3819                         
3820                                 Convenience function to hide or show this component by boolean.
3821                     
3822                                 
3823                         
3824                         
3825                         
3826                         
3827                                 <dl class="detailList">
3828                                 <dt class="heading">Parameters:</dt>
3829                                 
3830                                         <dt>
3831                                                 <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>
3832                                                 
3833                                         </dt>
3834                                         <dd>True to show, false to hide</dd>
3835                                 
3836                                 </dl>
3837                         
3838                         
3839                         
3840                         
3841                         
3842                                 <dl class="detailList">
3843                                 <dt class="heading">Returns:</dt>
3844                                 
3845                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3846                                 
3847                                 </dl>
3848                         
3849                         
3850                         
3851
3852                     
3853                     
3854                      
3855                     </div>                    
3856                 </div>
3857
3858             </td>
3859             <td class="msource">
3860                 
3861                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3862                 &nbsp;
3863             </td>
3864         </tr>
3865         
3866           
3867           <tr class="method-row config-row-alt0 expandable">
3868             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3869            
3870            
3871             <td class="sig">
3872                 <a id="Roo.Component-method-show"   name=".show"></a>
3873                 <div class="fixedFont">
3874                         <span class="attributes"></span><b class="itemname">show</b>
3875                                 
3876                                  () 
3877                         
3878                                 
3879                                          : 
3880                                         
3881                                                 
3882                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3883                                         
3884                                         
3885                                         
3886                                 
3887                         
3888                 </div>
3889                 <div class="mdesc">
3890                 
3891                    <div class="short">Show this component.</div> 
3892                  
3893                  
3894                  
3895                     <div class="long">
3896                         
3897                                 Show this component.
3898                     
3899                                 
3900                         
3901                         
3902                         
3903                         
3904                         
3905                         
3906                         
3907                         
3908                                 <dl class="detailList">
3909                                 <dt class="heading">Returns:</dt>
3910                                 
3911                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3912                                 
3913                                 </dl>
3914                         
3915                         
3916                         
3917
3918                     
3919                     
3920                      
3921                     </div>                    
3922                 </div>
3923
3924             </td>
3925             <td class="msource">
3926                 
3927                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3928                 &nbsp;
3929             </td>
3930         </tr>
3931         
3932           
3933           <tr class="method-row config-row-alt1 expandable">
3934             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3935            
3936            
3937             <td class="sig">
3938                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
3939                 <div class="fixedFont">
3940                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
3941                                 
3942                                  () 
3943                         
3944                                 
3945                                          : 
3946                                         
3947                                                 
3948                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3949                                         
3950                                         
3951                                         
3952                                 
3953                         
3954                 </div>
3955                 <div class="mdesc">
3956                 
3957                    <div class="short">Fetch the element to display the tooltip on.</div> 
3958                  
3959                  
3960                  
3961                     <div class="long">
3962                         
3963                                 Fetch the element to display the tooltip on.
3964                     
3965                                 
3966                         
3967                         
3968                         
3969                         
3970                         
3971                         
3972                         
3973                         
3974                                 <dl class="detailList">
3975                                 <dt class="heading">Returns:</dt>
3976                                 
3977                                         <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>
3978                                 
3979                                 </dl>
3980                         
3981                         
3982                         
3983
3984                     
3985                     
3986                      
3987                     </div>                    
3988                 </div>
3989
3990             </td>
3991             <td class="msource">
3992                 
3993                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3994                 &nbsp;
3995             </td>
3996         </tr>
3997         
3998           
3999           <tr class="method-row config-row-alt0 expandable">
4000             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4001            
4002            
4003             <td class="sig">
4004                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4005                 <div class="fixedFont">
4006                         <span class="attributes"></span><b class="itemname">un</b>
4007                                 
4008                                  (<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>) 
4009                         
4010                                 
4011                         
4012                 </div>
4013                 <div class="mdesc">
4014                 
4015                    <div class="short">Removes a listener (shorthand for removeListener)</div> 
4016                  
4017                  
4018                  
4019                     <div class="long">
4020                         
4021                                 Removes a listener (shorthand for removeListener)
4022                     
4023                                 
4024                         
4025                         
4026                         
4027                         
4028                                 <dl class="detailList">
4029                                 <dt class="heading">Parameters:</dt>
4030                                 
4031                                         <dt>
4032                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4033                                                 
4034                                         </dt>
4035                                         <dd>The type of event to listen for</dd>
4036                                 
4037                                         <dt>
4038                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4039                                                 
4040                                         </dt>
4041                                         <dd>The handler to remove</dd>
4042                                 
4043                                         <dt>
4044                                                 <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>
4045                                                 
4046                                         </dt>
4047                                         <dd>(optional) The scope (this object) for the handler</dd>
4048                                 
4049                                 </dl>
4050                         
4051                         
4052                         
4053                         
4054                         
4055                         
4056                         
4057
4058                     
4059                     
4060                      
4061                     </div>                    
4062                 </div>
4063
4064             </td>
4065             <td class="msource">
4066                 
4067                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4068                 &nbsp;
4069             </td>
4070         </tr>
4071         
4072           
4073           <tr class="method-row config-row-alt1 expandable">
4074             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4075            
4076            
4077             <td class="sig">
4078                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4079                 <div class="fixedFont">
4080                         <span class="attributes"></span><b class="itemname">validate</b>
4081                                 
4082                                  () 
4083                         
4084                                 
4085                                          : 
4086                                         
4087                                                 
4088                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4089                                         
4090                                         
4091                                         
4092                                 
4093                         
4094                 </div>
4095                 <div class="mdesc">
4096                 
4097                    <div class="short">Validates the field value</div> 
4098                  
4099                  
4100                  
4101                     <div class="long">
4102                         
4103                                 Validates the field value
4104                     
4105                                 
4106                         
4107                         
4108                         
4109                         
4110                         
4111                         
4112                         
4113                         
4114                                 <dl class="detailList">
4115                                 <dt class="heading">Returns:</dt>
4116                                 
4117                                         <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>
4118                                 
4119                                 </dl>
4120                         
4121                         
4122                         
4123
4124                     
4125                     
4126                      
4127                     </div>                    
4128                 </div>
4129
4130             </td>
4131             <td class="msource">
4132                 
4133                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4134                 &nbsp;
4135             </td>
4136         </tr>
4137         
4138           
4139           <tr class="method-row config-row-alt0 expandable">
4140             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4141            
4142            
4143             <td class="sig">
4144                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4145                 <div class="fixedFont">
4146                         <span class="attributes"></span><b class="itemname">validateValue</b>
4147                                 
4148                                  (Mixed <B><i>value</i></B>) 
4149                         
4150                                 
4151                                          : 
4152                                         
4153                                                 
4154                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4155                                         
4156                                         
4157                                         
4158                                 
4159                         
4160                 </div>
4161                 <div class="mdesc">
4162                 
4163                    <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> 
4164                  
4165                  
4166                  
4167                     <div class="long">
4168                         
4169                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4170                     
4171                                 
4172                         
4173                         
4174                         
4175                         
4176                                 <dl class="detailList">
4177                                 <dt class="heading">Parameters:</dt>
4178                                 
4179                                         <dt>
4180                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4181                                                 
4182                                         </dt>
4183                                         <dd>The value to validate</dd>
4184                                 
4185                                 </dl>
4186                         
4187                         
4188                         
4189                         
4190                         
4191                                 <dl class="detailList">
4192                                 <dt class="heading">Returns:</dt>
4193                                 
4194                                         <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>
4195                                 
4196                                 </dl>
4197                         
4198                         
4199                         
4200
4201                     
4202                     
4203                      
4204                     </div>                    
4205                 </div>
4206
4207             </td>
4208             <td class="msource">
4209                 
4210                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4211                 &nbsp;
4212             </td>
4213         </tr>
4214         
4215                                                        
4216     </table>
4217
4218   
4219   <!-- ============================== events summary / details ======================== -->
4220   
4221   
4222   <a id="Roo.bootstrap.MonthField-events"></a>
4223     
4224   
4225         
4226    
4227   
4228     
4229     
4230     
4231       <table cellspacing="0" class="member-table">
4232                 <caption>Events</caption>
4233               <thead>
4234                 <tr>
4235                     <th class="sig-header" colspan="2">Event</th>            
4236                     <th class="msource-header">Defined By</th>
4237
4238                 </tr>
4239               </thead>  
4240         
4241         
4242          
4243         
4244         
4245           <tr class="method-row expandable config-row-alt0">
4246             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4247             
4248             <td class="sig">
4249                 <a id="Roo.Component-event-*beforedestroy"></a>
4250                 
4251                <div class="fixedFont">
4252                 <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>) 
4253                 
4254                 </div>
4255
4256                 <div class="mdesc">
4257
4258                    <div class="short">Fires before the component is destroyed.
4259                    
4260                 </div> 
4261                     
4262                     <div class="long">
4263                     
4264                         Fires before the component is destroyed. Return false to stop the destroy.
4265                     
4266                         
4267                         
4268                 
4269                         
4270                                 <dl class="detailList">
4271                                 <dt class="heading">Parameters:</dt>
4272                                 
4273                                         <dt>
4274                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4275                                                 
4276                                         </dt>
4277                                         <dd></dd>
4278                                 
4279                                 </dl>
4280                         
4281                         
4282                         
4283                         
4284                         
4285                         
4286                         
4287
4288                     
4289                     
4290                      
4291                     </div>                    
4292                 </div>
4293
4294             </td>
4295             <td class="msource">
4296                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4297             </td>
4298         </tr>
4299         
4300           <tr class="method-row expandable config-row-alt1">
4301             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4302             
4303             <td class="sig">
4304                 <a id="Roo.Component-event-*beforehide"></a>
4305                 
4306                <div class="fixedFont">
4307                 <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>) 
4308                 
4309                 </div>
4310
4311                 <div class="mdesc">
4312
4313                    <div class="short">Fires before the component is hidden.
4314                    
4315                 </div> 
4316                     
4317                     <div class="long">
4318                     
4319                         Fires before the component is hidden. Return false to stop the hide.
4320                     
4321                         
4322                         
4323                 
4324                         
4325                                 <dl class="detailList">
4326                                 <dt class="heading">Parameters:</dt>
4327                                 
4328                                         <dt>
4329                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4330                                                 
4331                                         </dt>
4332                                         <dd></dd>
4333                                 
4334                                 </dl>
4335                         
4336                         
4337                         
4338                         
4339                         
4340                         
4341                         
4342
4343                     
4344                     
4345                      
4346                     </div>                    
4347                 </div>
4348
4349             </td>
4350             <td class="msource">
4351                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4352             </td>
4353         </tr>
4354         
4355           <tr class="method-row expandable config-row-alt0">
4356             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4357             
4358             <td class="sig">
4359                 <a id="Roo.Component-event-*beforerender"></a>
4360                 
4361                <div class="fixedFont">
4362                 <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>) 
4363                 
4364                 </div>
4365
4366                 <div class="mdesc">
4367
4368                    <div class="short">Fires before the component is rendered.
4369                    
4370                 </div> 
4371                     
4372                     <div class="long">
4373                     
4374                         Fires before the component is rendered. Return false to stop the render.
4375                     
4376                         
4377                         
4378                 
4379                         
4380                                 <dl class="detailList">
4381                                 <dt class="heading">Parameters:</dt>
4382                                 
4383                                         <dt>
4384                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4385                                                 
4386                                         </dt>
4387                                         <dd></dd>
4388                                 
4389                                 </dl>
4390                         
4391                         
4392                         
4393                         
4394                         
4395                         
4396                         
4397
4398                     
4399                     
4400                      
4401                     </div>                    
4402                 </div>
4403
4404             </td>
4405             <td class="msource">
4406                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4407             </td>
4408         </tr>
4409         
4410           <tr class="method-row expandable config-row-alt1">
4411             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4412             
4413             <td class="sig">
4414                 <a id="Roo.Component-event-*beforeshow"></a>
4415                 
4416                <div class="fixedFont">
4417                 <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>) 
4418                 
4419                 </div>
4420
4421                 <div class="mdesc">
4422
4423                    <div class="short">Fires before the component is shown.
4424                    
4425                 </div> 
4426                     
4427                     <div class="long">
4428                     
4429                         Fires before the component is shown.  Return false to stop the show.
4430                     
4431                         
4432                         
4433                 
4434                         
4435                                 <dl class="detailList">
4436                                 <dt class="heading">Parameters:</dt>
4437                                 
4438                                         <dt>
4439                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4440                                                 
4441                                         </dt>
4442                                         <dd></dd>
4443                                 
4444                                 </dl>
4445                         
4446                         
4447                         
4448                         
4449                         
4450                         
4451                         
4452
4453                     
4454                     
4455                      
4456                     </div>                    
4457                 </div>
4458
4459             </td>
4460             <td class="msource">
4461                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4462             </td>
4463         </tr>
4464         
4465           <tr class="method-row expandable config-row-alt0">
4466             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4467             
4468             <td class="sig">
4469                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4470                 
4471                <div class="fixedFont">
4472                 <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>) 
4473                 
4474                 </div>
4475
4476                 <div class="mdesc">
4477
4478                    <div class="short">Fires when this field loses input focus.
4479                    
4480                 </div> 
4481                     
4482                     <div class="long">
4483                     
4484                         Fires when this field loses input focus.
4485                     
4486                         
4487                         
4488                 
4489                         
4490                                 <dl class="detailList">
4491                                 <dt class="heading">Parameters:</dt>
4492                                 
4493                                         <dt>
4494                                                 <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>
4495                                                 
4496                                         </dt>
4497                                         <dd></dd>
4498                                 
4499                                 </dl>
4500                         
4501                         
4502                         
4503                         
4504                         
4505                         
4506                         
4507
4508                     
4509                     
4510                      
4511                     </div>                    
4512                 </div>
4513
4514             </td>
4515             <td class="msource">
4516                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4517             </td>
4518         </tr>
4519         
4520           <tr class="method-row expandable config-row-alt1">
4521             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4522             
4523             <td class="sig">
4524                 <a id="Roo.bootstrap.Input-event-*change"></a>
4525                 
4526                <div class="fixedFont">
4527                 <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>) 
4528                 
4529                 </div>
4530
4531                 <div class="mdesc">
4532
4533                    <div class="short">Fires just before the field blurs if the field value has changed.
4534                    
4535                 </div> 
4536                     
4537                     <div class="long">
4538                     
4539                         Fires just before the field blurs if the field value has changed.
4540                     
4541                         
4542                         
4543                 
4544                         
4545                                 <dl class="detailList">
4546                                 <dt class="heading">Parameters:</dt>
4547                                 
4548                                         <dt>
4549                                                 <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>
4550                                                 
4551                                         </dt>
4552                                         <dd></dd>
4553                                 
4554                                         <dt>
4555                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4556                                                 
4557                                         </dt>
4558                                         <dd>The new value</dd>
4559                                 
4560                                         <dt>
4561                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4562                                                 
4563                                         </dt>
4564                                         <dd>The original value</dd>
4565                                 
4566                                 </dl>
4567                         
4568                         
4569                         
4570                         
4571                         
4572                         
4573                         
4574
4575                     
4576                     
4577                      
4578                     </div>                    
4579                 </div>
4580
4581             </td>
4582             <td class="msource">
4583                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4584             </td>
4585         </tr>
4586         
4587           <tr class="method-row expandable config-row-alt0">
4588             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4589             
4590             <td class="sig">
4591                 <a id="Roo.Component-event-*destroy"></a>
4592                 
4593                <div class="fixedFont">
4594                 <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>) 
4595                 
4596                 </div>
4597
4598                 <div class="mdesc">
4599
4600                    <div class="short">Fires after the component is destroyed.
4601                    
4602                 </div> 
4603                     
4604                     <div class="long">
4605                     
4606                         Fires after the component is destroyed.
4607                     
4608                         
4609                         
4610                 
4611                         
4612                                 <dl class="detailList">
4613                                 <dt class="heading">Parameters:</dt>
4614                                 
4615                                         <dt>
4616                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4617                                                 
4618                                         </dt>
4619                                         <dd></dd>
4620                                 
4621                                 </dl>
4622                         
4623                         
4624                         
4625                         
4626                         
4627                         
4628                         
4629
4630                     
4631                     
4632                      
4633                     </div>                    
4634                 </div>
4635
4636             </td>
4637             <td class="msource">
4638                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4639             </td>
4640         </tr>
4641         
4642           <tr class="method-row expandable config-row-alt1">
4643             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4644             
4645             <td class="sig">
4646                 <a id="Roo.Component-event-*disable"></a>
4647                 
4648                <div class="fixedFont">
4649                 <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>) 
4650                 
4651                 </div>
4652
4653                 <div class="mdesc">
4654
4655                    <div class="short">Fires after the component is disabled.
4656                    
4657                 </div> 
4658                     
4659                     <div class="long">
4660                     
4661                         Fires after the component is disabled.
4662                     
4663                         
4664                         
4665                 
4666                         
4667                                 <dl class="detailList">
4668                                 <dt class="heading">Parameters:</dt>
4669                                 
4670                                         <dt>
4671                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4672                                                 
4673                                         </dt>
4674                                         <dd></dd>
4675                                 
4676                                 </dl>
4677                         
4678                         
4679                         
4680                         
4681                         
4682                         
4683                         
4684
4685                     
4686                     
4687                      
4688                     </div>                    
4689                 </div>
4690
4691             </td>
4692             <td class="msource">
4693                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4694             </td>
4695         </tr>
4696         
4697           <tr class="method-row expandable config-row-alt0">
4698             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4699             
4700             <td class="sig">
4701                 <a id="Roo.Component-event-*enable"></a>
4702                 
4703                <div class="fixedFont">
4704                 <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>) 
4705                 
4706                 </div>
4707
4708                 <div class="mdesc">
4709
4710                    <div class="short">Fires after the component is enabled.
4711                    
4712                 </div> 
4713                     
4714                     <div class="long">
4715                     
4716                         Fires after the component is enabled.
4717                     
4718                         
4719                         
4720                 
4721                         
4722                                 <dl class="detailList">
4723                                 <dt class="heading">Parameters:</dt>
4724                                 
4725                                         <dt>
4726                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4727                                                 
4728                                         </dt>
4729                                         <dd></dd>
4730                                 
4731                                 </dl>
4732                         
4733                         
4734                         
4735                         
4736                         
4737                         
4738                         
4739
4740                     
4741                     
4742                      
4743                     </div>                    
4744                 </div>
4745
4746             </td>
4747             <td class="msource">
4748                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4749             </td>
4750         </tr>
4751         
4752           <tr class="method-row expandable config-row-alt1">
4753             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4754             
4755             <td class="sig">
4756                 <a id="Roo.bootstrap.Input-event-*focus"></a>
4757                 
4758                <div class="fixedFont">
4759                 <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>) 
4760                 
4761                 </div>
4762
4763                 <div class="mdesc">
4764
4765                    <div class="short">Fires when this field receives input focus.
4766                    
4767                 </div> 
4768                     
4769                     <div class="long">
4770                     
4771                         Fires when this field receives input focus.
4772                     
4773                         
4774                         
4775                 
4776                         
4777                                 <dl class="detailList">
4778                                 <dt class="heading">Parameters:</dt>
4779                                 
4780                                         <dt>
4781                                                 <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>
4782                                                 
4783                                         </dt>
4784                                         <dd></dd>
4785                                 
4786                                 </dl>
4787                         
4788                         
4789                         
4790                         
4791                         
4792                         
4793                         
4794
4795                     
4796                     
4797                      
4798                     </div>                    
4799                 </div>
4800
4801             </td>
4802             <td class="msource">
4803                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4804             </td>
4805         </tr>
4806         
4807           <tr class="method-row expandable config-row-alt0">
4808             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4809             
4810             <td class="sig">
4811                 <a id="Roo.Component-event-*hide"></a>
4812                 
4813                <div class="fixedFont">
4814                 <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>) 
4815                 
4816                 </div>
4817
4818                 <div class="mdesc">
4819
4820                    <div class="short">Fires after the component is hidden.
4821                    
4822                 </div> 
4823                     
4824                     <div class="long">
4825                     
4826                         Fires after the component is hidden.
4827                     
4828                         
4829                         
4830                 
4831                         
4832                                 <dl class="detailList">
4833                                 <dt class="heading">Parameters:</dt>
4834                                 
4835                                         <dt>
4836                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4837                                                 
4838                                         </dt>
4839                                         <dd></dd>
4840                                 
4841                                 </dl>
4842                         
4843                         
4844                         
4845                         
4846                         
4847                         
4848                         
4849
4850                     
4851                     
4852                      
4853                     </div>                    
4854                 </div>
4855
4856             </td>
4857             <td class="msource">
4858                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4859             </td>
4860         </tr>
4861         
4862           <tr class="method-row expandable config-row-alt1">
4863             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4864             
4865             <td class="sig">
4866                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
4867                 
4868                <div class="fixedFont">
4869                 <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>) 
4870                 
4871                 </div>
4872
4873                 <div class="mdesc">
4874
4875                    <div class="short">Fires after the field has been marked as invalid.
4876                    
4877                 </div> 
4878                     
4879                     <div class="long">
4880                     
4881                         Fires after the field has been marked as invalid.
4882                     
4883                         
4884                         
4885                 
4886                         
4887                                 <dl class="detailList">
4888                                 <dt class="heading">Parameters:</dt>
4889                                 
4890                                         <dt>
4891                                                 <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>
4892                                                 
4893                                         </dt>
4894                                         <dd></dd>
4895                                 
4896                                         <dt>
4897                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4898                                                 
4899                                         </dt>
4900                                         <dd>The validation message</dd>
4901                                 
4902                                 </dl>
4903                         
4904                         
4905                         
4906                         
4907                         
4908                         
4909                         
4910
4911                     
4912                     
4913                      
4914                     </div>                    
4915                 </div>
4916
4917             </td>
4918             <td class="msource">
4919                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4920             </td>
4921         </tr>
4922         
4923           <tr class="method-row expandable config-row-alt0">
4924             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4925             
4926             <td class="sig">
4927                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
4928                 
4929                <div class="fixedFont">
4930                 <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>) 
4931                 
4932                 </div>
4933
4934                 <div class="mdesc">
4935
4936                    <div class="short">Fires after the key up
4937                    
4938                 </div> 
4939                     
4940                     <div class="long">
4941                     
4942                         Fires after the key up
4943                     
4944                         
4945                         
4946                 
4947                         
4948                                 <dl class="detailList">
4949                                 <dt class="heading">Parameters:</dt>
4950                                 
4951                                         <dt>
4952                                                 <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>
4953                                                 
4954                                         </dt>
4955                                         <dd></dd>
4956                                 
4957                                         <dt>
4958                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4959                                                 
4960                                         </dt>
4961                                         <dd>The event Object</dd>
4962                                 
4963                                 </dl>
4964                         
4965                         
4966                         
4967                         
4968                         
4969                         
4970                         
4971
4972                     
4973                     
4974                      
4975                     </div>                    
4976                 </div>
4977
4978             </td>
4979             <td class="msource">
4980                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4981             </td>
4982         </tr>
4983         
4984           <tr class="method-row expandable config-row-alt1">
4985             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4986             
4987             <td class="sig">
4988                 <a id="Roo.Component-event-*render"></a>
4989                 
4990                <div class="fixedFont">
4991                 <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>) 
4992                 
4993                 </div>
4994
4995                 <div class="mdesc">
4996
4997                    <div class="short">Fires after the component is rendered.
4998                    
4999                 </div> 
5000                     
5001                     <div class="long">
5002                     
5003                         Fires after the component is rendered.
5004                     
5005                         
5006                         
5007                 
5008                         
5009                                 <dl class="detailList">
5010                                 <dt class="heading">Parameters:</dt>
5011                                 
5012                                         <dt>
5013                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5014                                                 
5015                                         </dt>
5016                                         <dd></dd>
5017                                 
5018                                 </dl>
5019                         
5020                         
5021                         
5022                         
5023                         
5024                         
5025                         
5026
5027                     
5028                     
5029                      
5030                     </div>                    
5031                 </div>
5032
5033             </td>
5034             <td class="msource">
5035                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5036             </td>
5037         </tr>
5038         
5039           <tr class="method-row expandable config-row-alt0 notInherited">
5040             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5041             
5042             <td class="sig">
5043                 <a id="Roo.bootstrap.MonthField-event-*select"></a>
5044                 
5045                <div class="fixedFont">
5046                 <b class="itemname">select</b> (<a href="./Roo.bootstrap.MonthField.html#constructor" roo:cls="Roo.bootstrap.MonthField.html#constructor">Roo.bootstrap.MonthField</a> <B><i>this</i></B>, Mixed <B><i>date</i></B>) 
5047                 
5048                 </div>
5049
5050                 <div class="mdesc">
5051
5052                    <div class="short">Fires when select a date.
5053                    
5054                 </div> 
5055                     
5056                     <div class="long">
5057                     
5058                         Fires when select a date.
5059                     
5060                         
5061                         
5062                 
5063                         
5064                                 <dl class="detailList">
5065                                 <dt class="heading">Parameters:</dt>
5066                                 
5067                                         <dt>
5068                                                 <span class="fixedFont"><a href="./Roo.bootstrap.MonthField.html#constructor" roo:cls="Roo.bootstrap.MonthField.html#constructor">Roo.bootstrap.MonthField</a></span> <b>this</b>
5069                                                 
5070                                         </dt>
5071                                         <dd></dd>
5072                                 
5073                                         <dt>
5074                                                 <span class="fixedFont">Mixed</span> <b>date</b>
5075                                                 
5076                                         </dt>
5077                                         <dd>The date value</dd>
5078                                 
5079                                 </dl>
5080                         
5081                         
5082                         
5083                         
5084                         
5085                         
5086                         
5087
5088                     
5089                     
5090                      
5091                     </div>                    
5092                 </div>
5093
5094             </td>
5095             <td class="msource">
5096                 Roo.bootstrap.MonthField
5097             </td>
5098         </tr>
5099         
5100           <tr class="method-row expandable config-row-alt1 notInherited">
5101             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5102             
5103             <td class="sig">
5104                 <a id="Roo.bootstrap.MonthField-event-*show"></a>
5105                 
5106                <div class="fixedFont">
5107                 <b class="itemname">show</b> (<a href="./Roo.bootstrap.MonthField.html#constructor" roo:cls="Roo.bootstrap.MonthField.html#constructor">Roo.bootstrap.MonthField</a> <B><i>this</i></B>, Mixed <B><i>date</i></B>) 
5108                 
5109                 </div>
5110
5111                 <div class="mdesc">
5112
5113                    <div class="short">Fires when this field show.
5114                    
5115                 </div> 
5116                     
5117                     <div class="long">
5118                     
5119                         Fires when this field show.
5120                     
5121                         
5122                         
5123                 
5124                         
5125                                 <dl class="detailList">
5126                                 <dt class="heading">Parameters:</dt>
5127                                 
5128                                         <dt>
5129                                                 <span class="fixedFont"><a href="./Roo.bootstrap.MonthField.html#constructor" roo:cls="Roo.bootstrap.MonthField.html#constructor">Roo.bootstrap.MonthField</a></span> <b>this</b>
5130                                                 
5131                                         </dt>
5132                                         <dd></dd>
5133                                 
5134                                         <dt>
5135                                                 <span class="fixedFont">Mixed</span> <b>date</b>
5136                                                 
5137                                         </dt>
5138                                         <dd>The date value</dd>
5139                                 
5140                                 </dl>
5141                         
5142                         
5143                         
5144                         
5145                         
5146                         
5147                         
5148
5149                     
5150                     
5151                      
5152                     </div>                    
5153                 </div>
5154
5155             </td>
5156             <td class="msource">
5157                 Roo.bootstrap.MonthField
5158             </td>
5159         </tr>
5160         
5161           <tr class="method-row expandable config-row-alt0">
5162             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5163             
5164             <td class="sig">
5165                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5166                 
5167                <div class="fixedFont">
5168                 <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>) 
5169                 
5170                 </div>
5171
5172                 <div class="mdesc">
5173
5174                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5175                    
5176                 </div> 
5177                     
5178                     <div class="long">
5179                     
5180                         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.
5181                     
5182                         
5183                         
5184                 
5185                         
5186                                 <dl class="detailList">
5187                                 <dt class="heading">Parameters:</dt>
5188                                 
5189                                         <dt>
5190                                                 <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>
5191                                                 
5192                                         </dt>
5193                                         <dd></dd>
5194                                 
5195                                         <dt>
5196                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5197                                                 
5198                                         </dt>
5199                                         <dd>The event object</dd>
5200                                 
5201                                 </dl>
5202                         
5203                         
5204                         
5205                         
5206                         
5207                         
5208                         
5209
5210                     
5211                     
5212                      
5213                     </div>                    
5214                 </div>
5215
5216             </td>
5217             <td class="msource">
5218                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5219             </td>
5220         </tr>
5221         
5222           <tr class="method-row expandable config-row-alt1">
5223             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5224             
5225             <td class="sig">
5226                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5227                 
5228                <div class="fixedFont">
5229                 <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>) 
5230                 
5231                 </div>
5232
5233                 <div class="mdesc">
5234
5235                    <div class="short">Fires after the field has been validated with no errors.
5236                    
5237                 </div> 
5238                     
5239                     <div class="long">
5240                     
5241                         Fires after the field has been validated with no errors.
5242                     
5243                         
5244                         
5245                 
5246                         
5247                                 <dl class="detailList">
5248                                 <dt class="heading">Parameters:</dt>
5249                                 
5250                                         <dt>
5251                                                 <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>
5252                                                 
5253                                         </dt>
5254                                         <dd></dd>
5255                                 
5256                                 </dl>
5257                         
5258                         
5259                         
5260                         
5261                         
5262                         
5263                         
5264
5265                     
5266                     
5267                      
5268                     </div>                    
5269                 </div>
5270
5271             </td>
5272             <td class="msource">
5273                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5274             </td>
5275         </tr>
5276         
5277                                                        
5278     </table>
5279
5280   
5281   
5282   
5283  
5284 <!-- ============================== footer ================================= -->
5285                 <div class="fineprint" style="clear:both">
5286                         
5287                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Oct 02 2015 12:35:12 GMT+0800 (HKT)
5288                         Based on 
5289                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
5290                 </div>
5291         </body>
5292 </html>