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