f1e9326f874a57a901b01084f8a0e53b40f3f92c
[roojs1] / docs / symbols / Roo.form.Select.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.form.Select</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.form.Select-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35         <a class="inner-link" href="#Roo.form.Select-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36         <a class="inner-link" href="#Roo.form.Select-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37         <a class="inner-link" href="#Roo.form.Select-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.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
50 <img src="../../images/default/s.gif" height="1" width="80"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
51 <img src="../../images/default/s.gif" height="1" width="100"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
52 <img src="../../images/default/s.gif" height="1"  width="120"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.Select 
53
54                    </pre>
55                 </div>
56        
57 <!-- ============================== class title / details ============================ -->
58     
59     
60     <h1 class="classTitle">
61                                 
62                                 Class Roo.form.Select
63                         </h1>
64                         
65     <table cellspacing="0" class="class-summary-table">
66         
67                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form</td></tr>
68         
69         <tr><td class="label">Defined In:</td><td class="hd-info">
70                         
71                                         <a href="./src/Roo_form_Select.js.html">Roo/form/Select.js</a>.
72                         
73         </td></tr>
74         <tr><td class="label">Class:</td><td class="hd-info">Select</td></tr>
75         
76         
77         
78         
79                 <tr><td class="label">Extends:</td><td class="hd-info">
80                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
81         
82                 </td></tr>    
83         
84         
85     </table>
86
87     
88 <!-- ============================== class summary ========================== -->                        
89     <div class="description">
90         A combobox control with support for autocomplete, remote-loading, paging and many other features.
91     </div>
92
93         
94 <!-- ============================== Class comment block... ========================== -->                                       
95
96 <div class="comments">
97         <b>Class Comments / Notes</B> =>  
98         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.Select';">[Add Your comment/notes about this class]</u>
99         <br/>
100         <iframe frameborder="0"  id="comments-Roo.form" style="border: none;width:100%;" 
101                 src="/blog.php/GtkDjsComments/Roo.form.Select.html"></iframe>
102 </div>
103         
104
105                 
106 <!-- ============================== config options ========================== -->                                               
107                  
108     
109     
110                 
111     <div class="hr"></div>
112     <a id="Roo.form.Select-configs"></a>
113                 
114     
115      
116     
117         
118       <table cellspacing="0" class="member-table">   
119       <caption>Config Options (Usually are also Properties)</caption>
120     
121         
122         <tr>
123             <th class="sig-header" colspan="2">Options</th>
124             
125             <th class="msource-header">Defined By</th>
126         </tr>
127         
128         
129         
130         
131         
132                 <tr class="config-row expandable config-row-alt0">
133                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
134                     <td class="sig">
135
136                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
137                         <div class="fixedFont">
138                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
139                                 
140                                 
141                         </div>
142                   
143                         <div class="mdesc">
144                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div> 
145                         </div>
146                         
147                         <div class="mdesc">
148                             <div class="long">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div> 
149                         </div>
150                         
151                         
152
153                     </td>
154                     <td class="msource">
155                         
156                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
157                                 
158                     </td>
159                 </tr>
160         
161         
162                 <tr class="config-row expandable config-row-alt1 notInherited">
163                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
164                     <td class="sig">
165
166                         <a id="Roo.form.Select-cfg-allQuery" name=".allQuery"></a>
167                         <div class="fixedFont">
168                                 <b  class="itemname">allQuery</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
169                                 
170                                 
171                         </div>
172                   
173                         <div class="mdesc">
174                             <div class="short">The text query to send to the server to return all records for the list with no filtering (defaults to '')</div> 
175                         </div>
176                         
177                         <div class="mdesc">
178                             <div class="long">The text query to send to the server to return all records for the list with no filtering (defaults to '')</div> 
179                         </div>
180                         
181                         
182
183                     </td>
184                     <td class="msource">
185                         
186                         Roo.form.Select
187                                 
188                     </td>
189                 </tr>
190         
191         
192                 <tr class="config-row expandable config-row-alt0">
193                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
194                     <td class="sig">
195
196                         <a id="Roo.form.TextField-cfg-allowBlank" name=".allowBlank"></a>
197                         <div class="fixedFont">
198                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
199                                 
200                                 
201                         </div>
202                   
203                         <div class="mdesc">
204                             <div class="short">False to validate that the value length > 0 (defaults to true)</div> 
205                         </div>
206                         
207                         <div class="mdesc">
208                             <div class="long">False to validate that the value length > 0 (defaults to true)</div> 
209                         </div>
210                         
211                         
212
213                     </td>
214                     <td class="msource">
215                         
216                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
217                                 
218                     </td>
219                 </tr>
220         
221         
222                 <tr class="config-row expandable config-row-alt1">
223                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
224                     <td class="sig">
225
226                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
227                         <div class="fixedFont">
228                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
229                                 
230                                 
231                         </div>
232                   
233                         <div class="mdesc">
234                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div> 
235                         </div>
236                         
237                         <div class="mdesc">
238                             <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div> 
239                         </div>
240                         
241                         
242
243                     </td>
244                     <td class="msource">
245                         
246                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
247                                 
248                     </td>
249                 </tr>
250         
251         
252                 <tr class="config-row expandable config-row-alt0 notInherited">
253                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
254                     <td class="sig">
255
256                         <a id="Roo.form.Select-cfg-alwaysQuery" name=".alwaysQuery"></a>
257                         <div class="fixedFont">
258                                 <b  class="itemname">alwaysQuery</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
259                                 
260                                 
261                         </div>
262                   
263                         <div class="mdesc">
264                             <div class="short">Disable caching of results, and always send query</div> 
265                         </div>
266                         
267                         <div class="mdesc">
268                             <div class="long">Disable caching of results, and always send query</div> 
269                         </div>
270                         
271                         
272
273                     </td>
274                     <td class="msource">
275                         
276                         Roo.form.Select
277                                 
278                     </td>
279                 </tr>
280         
281         
282                 <tr class="config-row expandable config-row-alt1 notInherited">
283                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
284                     <td class="sig">
285
286                         <a id="Roo.form.Select-cfg-autoCreate" name=".autoCreate"></a>
287                         <div class="fixedFont">
288                                 <b  class="itemname">autoCreate</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object
289                                 
290                                 
291                         </div>
292                   
293                         <div class="mdesc">
294                             <div class="short">A DomHelper element spec, or true for a default element spec (defaults to:<br/>{tag: "input", type: "text", size: "24", autocomplete: "off"})</div> 
295                         </div>
296                         
297                         <div class="mdesc">
298                             <div class="long">A DomHelper element spec, or true for a default element spec (defaults to:<br/>{tag: "input", type: "text", size: "24", autocomplete: "off"})</div> 
299                         </div>
300                         
301                         
302
303                     </td>
304                     <td class="msource">
305                         
306                         Roo.form.Select
307                                 
308                     </td>
309                 </tr>
310         
311         
312                 <tr class="config-row expandable config-row-alt0">
313                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
314                     <td class="sig">
315
316                         <a id="Roo.form.TextField-cfg-blankText" name=".blankText"></a>
317                         <div class="fixedFont">
318                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
319                                 
320                                 
321                         </div>
322                   
323                         <div class="mdesc">
324                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div> 
325                         </div>
326                         
327                         <div class="mdesc">
328                             <div class="long">Error text to display if the allow blank validation fails (defaults to "This field is required")</div> 
329                         </div>
330                         
331                         
332
333                     </td>
334                     <td class="msource">
335                         
336                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
337                                 
338                     </td>
339                 </tr>
340         
341         
342                 <tr class="config-row expandable config-row-alt1 notInherited">
343                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
344                     <td class="sig">
345
346                         <a id="Roo.form.Select-cfg-blockFocus" name=".blockFocus"></a>
347                         <div class="fixedFont">
348                                 <b  class="itemname">blockFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
349                                 
350                                 
351                         </div>
352                   
353                         <div class="mdesc">
354                             <div class="short">Prevents all focus calls, so it can work with things like HTML edtor bar</div> 
355                         </div>
356                         
357                         <div class="mdesc">
358                             <div class="long">Prevents all focus calls, so it can work with things like HTML edtor bar</div> 
359                         </div>
360                         
361                         
362
363                     </td>
364                     <td class="msource">
365                         
366                         Roo.form.Select
367                                 
368                     </td>
369                 </tr>
370         
371         
372                 <tr class="config-row expandable config-row-alt0">
373                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
374                     <td class="sig">
375
376                         <a id="Roo.form.Field-cfg-cls" name=".cls"></a>
377                         <div class="fixedFont">
378                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
379                                 
380                                 
381                         </div>
382                   
383                         <div class="mdesc">
384                             <div class="short">A CSS class to apply to the field's underlying element.</div> 
385                         </div>
386                         
387                         <div class="mdesc">
388                             <div class="long">A CSS class to apply to the field's underlying element.</div> 
389                         </div>
390                         
391                         
392
393                     </td>
394                     <td class="msource">
395                         
396                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
397                                 
398                     </td>
399                 </tr>
400         
401         
402                 <tr class="config-row expandable config-row-alt1 notInherited">
403                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
404                     <td class="sig">
405
406                         <a id="Roo.form.Select-cfg-defaultValue" name=".defaultValue"></a>
407                         <div class="fixedFont">
408                                 <b  class="itemname">defaultValue</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
409                                 
410                                 
411                         </div>
412                   
413                         <div class="mdesc">
414                             <div class="short">The value displayed after loading the store.</div> 
415                         </div>
416                         
417                         <div class="mdesc">
418                             <div class="long">The value displayed after loading the store.</div> 
419                         </div>
420                         
421                         
422
423                     </td>
424                     <td class="msource">
425                         
426                         Roo.form.Select
427                                 
428                     </td>
429                 </tr>
430         
431         
432                 <tr class="config-row expandable config-row-alt0">
433                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
434                     <td class="sig">
435
436                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
437                         <div class="fixedFont">
438                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
439                                 
440                                 
441                         </div>
442                   
443                         <div class="mdesc">
444                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
445                         </div>
446                         
447                         <div class="mdesc">
448                             <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div> 
449                         </div>
450                         
451                         
452
453                     </td>
454                     <td class="msource">
455                         
456                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
457                                 
458                     </td>
459                 </tr>
460         
461         
462                 <tr class="config-row expandable config-row-alt1 notInherited">
463                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
464                     <td class="sig">
465
466                         <a id="Roo.form.Select-cfg-disableClear" name=".disableClear"></a>
467                         <div class="fixedFont">
468                                 <b  class="itemname">disableClear</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
469                                 
470                                 
471                         </div>
472                   
473                         <div class="mdesc">
474                             <div class="short">Disable showing of clear button.</div> 
475                         </div>
476                         
477                         <div class="mdesc">
478                             <div class="long">Disable showing of clear button.</div> 
479                         </div>
480                         
481                         
482
483                     </td>
484                     <td class="msource">
485                         
486                         Roo.form.Select
487                                 
488                     </td>
489                 </tr>
490         
491         
492                 <tr class="config-row expandable config-row-alt0">
493                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
494                     <td class="sig">
495
496                         <a id="Roo.form.TextField-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
497                         <div class="fixedFont">
498                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
499                                 
500                                 
501                         </div>
502                   
503                         <div class="mdesc">
504                             <div class="short">True to disable input keystroke filtering (defaults to false)</div> 
505                         </div>
506                         
507                         <div class="mdesc">
508                             <div class="long">True to disable input keystroke filtering (defaults to false)</div> 
509                         </div>
510                         
511                         
512
513                     </td>
514                     <td class="msource">
515                         
516                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
517                                 
518                     </td>
519                 </tr>
520         
521         
522                 <tr class="config-row expandable config-row-alt1">
523                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
524                     <td class="sig">
525
526                         <a id="Roo.form.Field-cfg-disabled" name=".disabled"></a>
527                         <div class="fixedFont">
528                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
529                                 
530                                 
531                         </div>
532                   
533                         <div class="mdesc">
534                             <div class="short">True to disable the field (defaults to false).</div> 
535                         </div>
536                         
537                         <div class="mdesc">
538                             <div class="long">True to disable the field (defaults to false).</div> 
539                         </div>
540                         
541                         
542
543                     </td>
544                     <td class="msource">
545                         
546                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
547                                 
548                     </td>
549                 </tr>
550         
551         
552                 <tr class="config-row expandable config-row-alt0 notInherited">
553                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
554                     <td class="sig">
555
556                         <a id="Roo.form.Select-cfg-displayField" name=".displayField"></a>
557                         <div class="fixedFont">
558                                 <b  class="itemname">displayField</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
559                                 
560                                 
561                         </div>
562                   
563                         <div class="mdesc">
564                             <div class="short">The underlying data field name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'text' if mode = 'local')</div> 
565                         </div>
566                         
567                         <div class="mdesc">
568                             <div class="long">The underlying data field name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'text' if mode = 'local')</div> 
569                         </div>
570                         
571                         
572
573                     </td>
574                     <td class="msource">
575                         
576                         Roo.form.Select
577                                 
578                     </td>
579                 </tr>
580         
581         
582                 <tr class="config-row expandable config-row-alt1 notInherited">
583                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
584                     <td class="sig">
585
586                         <a id="Roo.form.Select-cfg-editable" name=".editable"></a>
587                         <div class="fixedFont">
588                                 <b  class="itemname">editable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
589                                 
590                                 
591                         </div>
592                   
593                         <div class="mdesc">
594                             <div class="short">False to prevent the user from typing text directly into the field, just like a<br/>traditional select (defaults to true)</div> 
595                         </div>
596                         
597                         <div class="mdesc">
598                             <div class="long">False to prevent the user from typing text directly into the field, just like a<br/>traditional select (defaults to true)</div> 
599                         </div>
600                         
601                         
602
603                     </td>
604                     <td class="msource">
605                         
606                         Roo.form.Select
607                                 
608                     </td>
609                 </tr>
610         
611         
612                 <tr class="config-row expandable config-row-alt0">
613                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
614                     <td class="sig">
615
616                         <a id="Roo.form.TextField-cfg-emptyText" name=".emptyText"></a>
617                         <div class="fixedFont">
618                                 <b  class="itemname">emptyText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
619                                 
620                                 
621                         </div>
622                   
623                         <div class="mdesc">
624                             <div class="short">The default text to display in an empty field - placeholder.</div> 
625                         </div>
626                         
627                         <div class="mdesc">
628                             <div class="long">The default text to display in an empty field - placeholder... (defaults to null).</div> 
629                         </div>
630                         
631                         
632
633                     </td>
634                     <td class="msource">
635                         
636                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
637                                 
638                     </td>
639                 </tr>
640         
641         
642                 <tr class="config-row expandable config-row-alt1">
643                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
644                     <td class="sig">
645
646                         <a id="Roo.form.Field-cfg-fieldClass" name=".fieldClass"></a>
647                         <div class="fixedFont">
648                                 <b  class="itemname">fieldClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
649                                 
650                                 
651                         </div>
652                   
653                         <div class="mdesc">
654                             <div class="short">The default CSS class for the field (defaults to "x-form-field")</div> 
655                         </div>
656                         
657                         <div class="mdesc">
658                             <div class="long">The default CSS class for the field (defaults to "x-form-field")</div> 
659                         </div>
660                         
661                         
662
663                     </td>
664                     <td class="msource">
665                         
666                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
667                                 
668                     </td>
669                 </tr>
670         
671         
672                 <tr class="config-row expandable config-row-alt0">
673                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
674                     <td class="sig">
675
676                         <a id="Roo.form.Field-cfg-fieldLabel" name=".fieldLabel"></a>
677                         <div class="fixedFont">
678                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
679                                 
680                                 
681                         </div>
682                   
683                         <div class="mdesc">
684                             <div class="short">Label to use when rendering a form.</div> 
685                         </div>
686                         
687                         <div class="mdesc">
688                             <div class="long">Label to use when rendering a form.</div> 
689                         </div>
690                         
691                         
692
693                     </td>
694                     <td class="msource">
695                         
696                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
697                                 
698                     </td>
699                 </tr>
700         
701         
702                 <tr class="config-row expandable config-row-alt1">
703                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
704                     <td class="sig">
705
706                         <a id="Roo.form.Field-cfg-focusClass" name=".focusClass"></a>
707                         <div class="fixedFont">
708                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
709                                 
710                                 
711                         </div>
712                   
713                         <div class="mdesc">
714                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div> 
715                         </div>
716                         
717                         <div class="mdesc">
718                             <div class="long">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div> 
719                         </div>
720                         
721                         
722
723                     </td>
724                     <td class="msource">
725                         
726                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
727                                 
728                     </td>
729                 </tr>
730         
731         
732                 <tr class="config-row expandable config-row-alt0 notInherited">
733                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
734                     <td class="sig">
735
736                         <a id="Roo.form.Select-cfg-forceSelection" name=".forceSelection"></a>
737                         <div class="fixedFont">
738                                 <b  class="itemname">forceSelection</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
739                                 
740                                 
741                         </div>
742                   
743                         <div class="mdesc">
744                             <div class="short">True to restrict the selected value to one of the values in the list, false to<br/>allow the user to set arbitrary text into the field (defaults to false)</div> 
745                         </div>
746                         
747                         <div class="mdesc">
748                             <div class="long">True to restrict the selected value to one of the values in the list, false to<br/>allow the user to set arbitrary text into the field (defaults to false)</div> 
749                         </div>
750                         
751                         
752
753                     </td>
754                     <td class="msource">
755                         
756                         Roo.form.Select
757                                 
758                     </td>
759                 </tr>
760         
761         
762                 <tr class="config-row expandable config-row-alt1 notInherited">
763                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
764                     <td class="sig">
765
766                         <a id="Roo.form.Select-cfg-grow" name=".grow"></a>
767                         <div class="fixedFont">
768                                 <b  class="itemname">grow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
769                                 
770                                 
771                         </div>
772                   
773                         <div class="mdesc">
774                             <div class="short"></div> 
775                         </div>
776                         
777                         <div class="mdesc">
778                             <div class="long"></div> 
779                         </div>
780                         
781                         
782
783                     </td>
784                     <td class="msource">
785                         
786                         Roo.form.Select
787                                 
788                     </td>
789                 </tr>
790         
791         
792                 <tr class="config-row expandable config-row-alt0 notInherited">
793                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
794                     <td class="sig">
795
796                         <a id="Roo.form.Select-cfg-growMax" name=".growMax"></a>
797                         <div class="fixedFont">
798                                 <b  class="itemname">growMax</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
799                                 
800                                 
801                         </div>
802                   
803                         <div class="mdesc">
804                             <div class="short"></div> 
805                         </div>
806                         
807                         <div class="mdesc">
808                             <div class="long"></div> 
809                         </div>
810                         
811                         
812
813                     </td>
814                     <td class="msource">
815                         
816                         Roo.form.Select
817                                 
818                     </td>
819                 </tr>
820         
821         
822                 <tr class="config-row expandable config-row-alt1 notInherited">
823                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
824                     <td class="sig">
825
826                         <a id="Roo.form.Select-cfg-growMin" name=".growMin"></a>
827                         <div class="fixedFont">
828                                 <b  class="itemname">growMin</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
829                                 
830                                 
831                         </div>
832                   
833                         <div class="mdesc">
834                             <div class="short"></div> 
835                         </div>
836                         
837                         <div class="mdesc">
838                             <div class="long"></div> 
839                         </div>
840                         
841                         
842
843                     </td>
844                     <td class="msource">
845                         
846                         Roo.form.Select
847                                 
848                     </td>
849                 </tr>
850         
851         
852                 <tr class="config-row expandable config-row-alt0 notInherited">
853                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
854                     <td class="sig">
855
856                         <a id="Roo.form.Select-cfg-handleHeight" name=".handleHeight"></a>
857                         <div class="fixedFont">
858                                 <b  class="itemname">handleHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
859                                 
860                                 
861                         </div>
862                   
863                         <div class="mdesc">
864                             <div class="short">The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)</div> 
865                         </div>
866                         
867                         <div class="mdesc">
868                             <div class="long">The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)</div> 
869                         </div>
870                         
871                         
872
873                     </td>
874                     <td class="msource">
875                         
876                         Roo.form.Select
877                                 
878                     </td>
879                 </tr>
880         
881         
882                 <tr class="config-row expandable config-row-alt1">
883                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
884                     <td class="sig">
885
886                         <a id="Roo.BoxComponent-cfg-height" name=".height"></a>
887                         <div class="fixedFont">
888                                 <b  class="itemname">height</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
889                                 
890                                 
891                         </div>
892                   
893                         <div class="mdesc">
894                             <div class="short">height (optional) size of component</div> 
895                         </div>
896                         
897                         <div class="mdesc">
898                             <div class="long">height (optional) size of component</div> 
899                         </div>
900                         
901                         
902
903                     </td>
904                     <td class="msource">
905                         
906                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
907                                 
908                     </td>
909                 </tr>
910         
911         
912                 <tr class="config-row expandable config-row-alt0 notInherited">
913                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
914                     <td class="sig">
915
916                         <a id="Roo.form.Select-cfg-hiddenName" name=".hiddenName"></a>
917                         <div class="fixedFont">
918                                 <b  class="itemname">hiddenName</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
919                                 
920                                 
921                         </div>
922                   
923                         <div class="mdesc">
924                             <div class="short">If specified, a hidden form field with this name is dynamically generated to store the<br/>field's data value (defaults to the underlying DOM element's name)</div> 
925                         </div>
926                         
927                         <div class="mdesc">
928                             <div class="long">If specified, a hidden form field with this name is dynamically generated to store the<br/>field's data value (defaults to the underlying DOM element's name)</div> 
929                         </div>
930                         
931                         
932
933                     </td>
934                     <td class="msource">
935                         
936                         Roo.form.Select
937                                 
938                     </td>
939                 </tr>
940         
941         
942                 <tr class="config-row expandable config-row-alt1">
943                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
944                     <td class="sig">
945
946                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
947                         <div class="fixedFont">
948                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
949                                 
950                                 
951                         </div>
952                   
953                         <div class="mdesc">
954                             <div class="short">How this component should hidden.</div> 
955                         </div>
956                         
957                         <div class="mdesc">
958                             <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> 
959                         </div>
960                         
961                         
962
963                     </td>
964                     <td class="msource">
965                         
966                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
967                                 
968                     </td>
969                 </tr>
970         
971         
972                 <tr class="config-row expandable config-row-alt0">
973                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
974                     <td class="sig">
975
976                         <a id="Roo.form.TriggerField-cfg-hideTrigger" name=".hideTrigger"></a>
977                         <div class="fixedFont">
978                                 <b  class="itemname">hideTrigger</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
979                                 
980                                 
981                         </div>
982                   
983                         <div class="mdesc">
984                             <div class="short">True to hide the trigger element and display only the base text field (defaults to false)</div> 
985                         </div>
986                         
987                         <div class="mdesc">
988                             <div class="long">True to hide the trigger element and display only the base text field (defaults to false)</div> 
989                         </div>
990                         
991                         
992
993                     </td>
994                     <td class="msource">
995                         
996                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
997                                 
998                     </td>
999                 </tr>
1000         
1001         
1002                 <tr class="config-row expandable config-row-alt1">
1003                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1004                     <td class="sig">
1005
1006                         <a id="Roo.form.Field-cfg-inputType" name=".inputType"></a>
1007                         <div class="fixedFont">
1008                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1009                                 
1010                                 
1011                         </div>
1012                   
1013                         <div class="mdesc">
1014                             <div class="short">The type attribute for input fields -- e.g.</div> 
1015                         </div>
1016                         
1017                         <div class="mdesc">
1018                             <div class="long">The type attribute for input fields -- e.g. radio, text, password (defaults to "text").</div> 
1019                         </div>
1020                         
1021                         
1022
1023                     </td>
1024                     <td class="msource">
1025                         
1026                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1027                                 
1028                     </td>
1029                 </tr>
1030         
1031         
1032                 <tr class="config-row expandable config-row-alt0">
1033                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1034                     <td class="sig">
1035
1036                         <a id="Roo.form.Field-cfg-invalidClass" name=".invalidClass"></a>
1037                         <div class="fixedFont">
1038                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1039                                 
1040                                 
1041                         </div>
1042                   
1043                         <div class="mdesc">
1044                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div> 
1045                         </div>
1046                         
1047                         <div class="mdesc">
1048                             <div class="long">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div> 
1049                         </div>
1050                         
1051                         
1052
1053                     </td>
1054                     <td class="msource">
1055                         
1056                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1057                                 
1058                     </td>
1059                 </tr>
1060         
1061         
1062                 <tr class="config-row expandable config-row-alt1">
1063                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1064                     <td class="sig">
1065
1066                         <a id="Roo.form.Field-cfg-invalidText" name=".invalidText"></a>
1067                         <div class="fixedFont">
1068                                 <b  class="itemname">invalidText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1069                                 
1070                                 
1071                         </div>
1072                   
1073                         <div class="mdesc">
1074                             <div class="short">The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid")</div> 
1075                         </div>
1076                         
1077                         <div class="mdesc">
1078                             <div class="long">The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid")</div> 
1079                         </div>
1080                         
1081                         
1082
1083                     </td>
1084                     <td class="msource">
1085                         
1086                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1087                                 
1088                     </td>
1089                 </tr>
1090         
1091         
1092                 <tr class="config-row expandable config-row-alt0 notInherited">
1093                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1094                     <td class="sig">
1095
1096                         <a id="Roo.form.Select-cfg-lazyRender" name=".lazyRender"></a>
1097                         <div class="fixedFont">
1098                                 <b  class="itemname">lazyRender</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1099                                 
1100                                 
1101                         </div>
1102                   
1103                         <div class="mdesc">
1104                             <div class="short">True to prevent the ComboBox from rendering until requested (should always be used when<br/>rendering into an Roo.Editor, defaults to false)</div> 
1105                         </div>
1106                         
1107                         <div class="mdesc">
1108                             <div class="long">True to prevent the ComboBox from rendering until requested (should always be used when<br/>rendering into an Roo.Editor, defaults to false)</div> 
1109                         </div>
1110                         
1111                         
1112
1113                     </td>
1114                     <td class="msource">
1115                         
1116                         Roo.form.Select
1117                                 
1118                     </td>
1119                 </tr>
1120         
1121         
1122                 <tr class="config-row expandable config-row-alt1 notInherited">
1123                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1124                     <td class="sig">
1125
1126                         <a id="Roo.form.Select-cfg-listAlign" name=".listAlign"></a>
1127                         <div class="fixedFont">
1128                                 <b  class="itemname">listAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1129                                 
1130                                 
1131                         </div>
1132                   
1133                         <div class="mdesc">
1134                             <div class="short">A valid anchor position value.</div> 
1135                         </div>
1136                         
1137                         <div class="mdesc">
1138                             <div class="long">A valid anchor position value. See {<b>link</b> Roo.Element<b>alignTo</b>} for details on supported<br/>anchor positions (defaults to 'tl-bl')</div> 
1139                         </div>
1140                         
1141                         
1142
1143                     </td>
1144                     <td class="msource">
1145                         
1146                         Roo.form.Select
1147                                 
1148                     </td>
1149                 </tr>
1150         
1151         
1152                 <tr class="config-row expandable config-row-alt0 notInherited">
1153                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1154                     <td class="sig">
1155
1156                         <a id="Roo.form.Select-cfg-listClass" name=".listClass"></a>
1157                         <div class="fixedFont">
1158                                 <b  class="itemname">listClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1159                                 
1160                                 
1161                         </div>
1162                   
1163                         <div class="mdesc">
1164                             <div class="short">CSS class to apply to the dropdown list element (defaults to '')</div> 
1165                         </div>
1166                         
1167                         <div class="mdesc">
1168                             <div class="long">CSS class to apply to the dropdown list element (defaults to '')</div> 
1169                         </div>
1170                         
1171                         
1172
1173                     </td>
1174                     <td class="msource">
1175                         
1176                         Roo.form.Select
1177                                 
1178                     </td>
1179                 </tr>
1180         
1181         
1182                 <tr class="config-row expandable config-row-alt1 notInherited">
1183                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1184                     <td class="sig">
1185
1186                         <a id="Roo.form.Select-cfg-listWidth" name=".listWidth"></a>
1187                         <div class="fixedFont">
1188                                 <b  class="itemname">listWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1189                                 
1190                                 
1191                         </div>
1192                   
1193                         <div class="mdesc">
1194                             <div class="short">The width in pixels of the dropdown list (defaults to the width of the ComboBox field)</div> 
1195                         </div>
1196                         
1197                         <div class="mdesc">
1198                             <div class="long">The width in pixels of the dropdown list (defaults to the width of the ComboBox field)</div> 
1199                         </div>
1200                         
1201                         
1202
1203                     </td>
1204                     <td class="msource">
1205                         
1206                         Roo.form.Select
1207                                 
1208                     </td>
1209                 </tr>
1210         
1211         
1212                 <tr class="config-row expandable config-row-alt0">
1213                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1214                     <td class="sig">
1215
1216                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
1217                         <div class="fixedFont">
1218                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1219                                 
1220                                 
1221                         </div>
1222                   
1223                         <div class="mdesc">
1224                             <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> 
1225                         </div>
1226                         
1227                         <div class="mdesc">
1228                             <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> 
1229                         </div>
1230                         
1231                         
1232
1233                     </td>
1234                     <td class="msource">
1235                         
1236                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1237                                 
1238                     </td>
1239                 </tr>
1240         
1241         
1242                 <tr class="config-row expandable config-row-alt1 notInherited">
1243                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1244                     <td class="sig">
1245
1246                         <a id="Roo.form.Select-cfg-loadingText" name=".loadingText"></a>
1247                         <div class="fixedFont">
1248                                 <b  class="itemname">loadingText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1249                                 
1250                                 
1251                         </div>
1252                   
1253                         <div class="mdesc">
1254                             <div class="short">The text to display in the dropdown list while data is loading.</div> 
1255                         </div>
1256                         
1257                         <div class="mdesc">
1258                             <div class="long">The text to display in the dropdown list while data is loading.  Only applies<br/>when mode = 'remote' (defaults to 'Loading...')</div> 
1259                         </div>
1260                         
1261                         
1262
1263                     </td>
1264                     <td class="msource">
1265                         
1266                         Roo.form.Select
1267                                 
1268                     </td>
1269                 </tr>
1270         
1271         
1272                 <tr class="config-row expandable config-row-alt0">
1273                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1274                     <td class="sig">
1275
1276                         <a id="Roo.form.TextField-cfg-maskRe" name=".maskRe"></a>
1277                         <div class="fixedFont">
1278                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1279                                 
1280                                 
1281                         </div>
1282                   
1283                         <div class="mdesc">
1284                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div> 
1285                         </div>
1286                         
1287                         <div class="mdesc">
1288                             <div class="long">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div> 
1289                         </div>
1290                         
1291                         
1292
1293                     </td>
1294                     <td class="msource">
1295                         
1296                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1297                                 
1298                     </td>
1299                 </tr>
1300         
1301         
1302                 <tr class="config-row expandable config-row-alt1 notInherited">
1303                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1304                     <td class="sig">
1305
1306                         <a id="Roo.form.Select-cfg-maxHeight" name=".maxHeight"></a>
1307                         <div class="fixedFont">
1308                                 <b  class="itemname">maxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1309                                 
1310                                 
1311                         </div>
1312                   
1313                         <div class="mdesc">
1314                             <div class="short">The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)</div> 
1315                         </div>
1316                         
1317                         <div class="mdesc">
1318                             <div class="long">The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)</div> 
1319                         </div>
1320                         
1321                         
1322
1323                     </td>
1324                     <td class="msource">
1325                         
1326                         Roo.form.Select
1327                                 
1328                     </td>
1329                 </tr>
1330         
1331         
1332                 <tr class="config-row expandable config-row-alt0">
1333                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1334                     <td class="sig">
1335
1336                         <a id="Roo.form.TextField-cfg-maxLength" name=".maxLength"></a>
1337                         <div class="fixedFont">
1338                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1339                                 
1340                                 
1341                         </div>
1342                   
1343                         <div class="mdesc">
1344                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div> 
1345                         </div>
1346                         
1347                         <div class="mdesc">
1348                             <div class="long">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div> 
1349                         </div>
1350                         
1351                         
1352
1353                     </td>
1354                     <td class="msource">
1355                         
1356                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1357                                 
1358                     </td>
1359                 </tr>
1360         
1361         
1362                 <tr class="config-row expandable config-row-alt1">
1363                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1364                     <td class="sig">
1365
1366                         <a id="Roo.form.TextField-cfg-maxLengthText" name=".maxLengthText"></a>
1367                         <div class="fixedFont">
1368                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1369                                 
1370                                 
1371                         </div>
1372                   
1373                         <div class="mdesc">
1374                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div> 
1375                         </div>
1376                         
1377                         <div class="mdesc">
1378                             <div class="long">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div> 
1379                         </div>
1380                         
1381                         
1382
1383                     </td>
1384                     <td class="msource">
1385                         
1386                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1387                                 
1388                     </td>
1389                 </tr>
1390         
1391         
1392                 <tr class="config-row expandable config-row-alt0 notInherited">
1393                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1394                     <td class="sig">
1395
1396                         <a id="Roo.form.Select-cfg-minChars" name=".minChars"></a>
1397                         <div class="fixedFont">
1398                                 <b  class="itemname">minChars</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1399                                 
1400                                 
1401                         </div>
1402                   
1403                         <div class="mdesc">
1404                             <div class="short">The minimum number of characters the user must type before autocomplete and typeahead activate<br/>(defaults to 4, does not apply if editable = false)</div> 
1405                         </div>
1406                         
1407                         <div class="mdesc">
1408                             <div class="long">The minimum number of characters the user must type before autocomplete and typeahead activate<br/>(defaults to 4, does not apply if editable = false)</div> 
1409                         </div>
1410                         
1411                         
1412
1413                     </td>
1414                     <td class="msource">
1415                         
1416                         Roo.form.Select
1417                                 
1418                     </td>
1419                 </tr>
1420         
1421         
1422                 <tr class="config-row expandable config-row-alt1">
1423                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1424                     <td class="sig">
1425
1426                         <a id="Roo.form.TextField-cfg-minLength" name=".minLength"></a>
1427                         <div class="fixedFont">
1428                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1429                                 
1430                                 
1431                         </div>
1432                   
1433                         <div class="mdesc">
1434                             <div class="short">Minimum input field length required (defaults to 0)</div> 
1435                         </div>
1436                         
1437                         <div class="mdesc">
1438                             <div class="long">Minimum input field length required (defaults to 0)</div> 
1439                         </div>
1440                         
1441                         
1442
1443                     </td>
1444                     <td class="msource">
1445                         
1446                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1447                                 
1448                     </td>
1449                 </tr>
1450         
1451         
1452                 <tr class="config-row expandable config-row-alt0">
1453                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1454                     <td class="sig">
1455
1456                         <a id="Roo.form.TextField-cfg-minLengthText" name=".minLengthText"></a>
1457                         <div class="fixedFont">
1458                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1459                                 
1460                                 
1461                         </div>
1462                   
1463                         <div class="mdesc">
1464                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div> 
1465                         </div>
1466                         
1467                         <div class="mdesc">
1468                             <div class="long">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div> 
1469                         </div>
1470                         
1471                         
1472
1473                     </td>
1474                     <td class="msource">
1475                         
1476                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1477                                 
1478                     </td>
1479                 </tr>
1480         
1481         
1482                 <tr class="config-row expandable config-row-alt1 notInherited">
1483                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1484                     <td class="sig">
1485
1486                         <a id="Roo.form.Select-cfg-minListWidth" name=".minListWidth"></a>
1487                         <div class="fixedFont">
1488                                 <b  class="itemname">minListWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1489                                 
1490                                 
1491                         </div>
1492                   
1493                         <div class="mdesc">
1494                             <div class="short">The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if<br/>listWidth has a higher value)</div> 
1495                         </div>
1496                         
1497                         <div class="mdesc">
1498                             <div class="long">The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if<br/>listWidth has a higher value)</div> 
1499                         </div>
1500                         
1501                         
1502
1503                     </td>
1504                     <td class="msource">
1505                         
1506                         Roo.form.Select
1507                                 
1508                     </td>
1509                 </tr>
1510         
1511         
1512                 <tr class="config-row expandable config-row-alt0 notInherited">
1513                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1514                     <td class="sig">
1515
1516                         <a id="Roo.form.Select-cfg-mode" name=".mode"></a>
1517                         <div class="fixedFont">
1518                                 <b  class="itemname">mode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1519                                 
1520                                 
1521                         </div>
1522                   
1523                         <div class="mdesc">
1524                             <div class="short">Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)</div> 
1525                         </div>
1526                         
1527                         <div class="mdesc">
1528                             <div class="long">Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)</div> 
1529                         </div>
1530                         
1531                         
1532
1533                     </td>
1534                     <td class="msource">
1535                         
1536                         Roo.form.Select
1537                                 
1538                     </td>
1539                 </tr>
1540         
1541         
1542                 <tr class="config-row expandable config-row-alt1">
1543                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1544                     <td class="sig">
1545
1546                         <a id="Roo.form.Field-cfg-msgFx" name=".msgFx"></a>
1547                         <div class="fixedFont">
1548                                 <b  class="itemname">msgFx</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1549                                 
1550                                 
1551                         </div>
1552                   
1553                         <div class="mdesc">
1554                             <div class="short"><b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').</div> 
1555                         </div>
1556                         
1557                         <div class="mdesc">
1558                             <div class="long"><b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').</div> 
1559                         </div>
1560                         
1561                         
1562
1563                     </td>
1564                     <td class="msource">
1565                         
1566                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1567                                 
1568                     </td>
1569                 </tr>
1570         
1571         
1572                 <tr class="config-row expandable config-row-alt0">
1573                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1574                     <td class="sig">
1575
1576                         <a id="Roo.form.Field-cfg-msgTarget" name=".msgTarget"></a>
1577                         <div class="fixedFont">
1578                                 <b  class="itemname">msgTarget</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1579                                 
1580                                 
1581                         </div>
1582                   
1583                         <div class="mdesc">
1584                             <div class="short">The location where error text should display.</div> 
1585                         </div>
1586                         
1587                         <div class="mdesc">
1588                             <div class="long">The location where error text should display.  Should be one of the following values (defaults to 'qtip'):<br/><pre><br/>Value         Description<br/>-----------   ----------------------------------------------------------------------<br/>qtip          Display a quick tip when the user hovers over the field<br/>title         Display a default browser title attribute popup<br/>under         Add a block div beneath the field containing the error text<br/>side          Add an error icon to the right of the field with a popup on hover<br/>[element id]  Add the error text directly to the innerHTML of the specified element<br/></pre></div> 
1589                         </div>
1590                         
1591                         
1592
1593                     </td>
1594                     <td class="msource">
1595                         
1596                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1597                                 
1598                     </td>
1599                 </tr>
1600         
1601         
1602                 <tr class="config-row expandable config-row-alt1">
1603                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1604                     <td class="sig">
1605
1606                         <a id="Roo.form.Field-cfg-name" name=".name"></a>
1607                         <div class="fixedFont">
1608                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1609                                 
1610                                 
1611                         </div>
1612                   
1613                         <div class="mdesc">
1614                             <div class="short">The field's HTML name attribute.</div> 
1615                         </div>
1616                         
1617                         <div class="mdesc">
1618                             <div class="long">The field's HTML name attribute.</div> 
1619                         </div>
1620                         
1621                         
1622
1623                     </td>
1624                     <td class="msource">
1625                         
1626                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1627                                 
1628                     </td>
1629                 </tr>
1630         
1631         
1632                 <tr class="config-row expandable config-row-alt0 notInherited">
1633                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1634                     <td class="sig">
1635
1636                         <a id="Roo.form.Select-cfg-pageSize" name=".pageSize"></a>
1637                         <div class="fixedFont">
1638                                 <b  class="itemname">pageSize</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1639                                 
1640                                 
1641                         </div>
1642                   
1643                         <div class="mdesc">
1644                             <div class="short">If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the<br/>filter queries will execute with page start and limit parameters.</div> 
1645                         </div>
1646                         
1647                         <div class="mdesc">
1648                             <div class="long">If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the<br/>filter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)</div> 
1649                         </div>
1650                         
1651                         
1652
1653                     </td>
1654                     <td class="msource">
1655                         
1656                         Roo.form.Select
1657                                 
1658                     </td>
1659                 </tr>
1660         
1661         
1662                 <tr class="config-row expandable config-row-alt1">
1663                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1664                     <td class="sig">
1665
1666                         <a id="Roo.form.Field-cfg-qtip" name=".qtip"></a>
1667                         <div class="fixedFont">
1668                                 <b  class="itemname">qtip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1669                                 
1670                                 
1671                         </div>
1672                   
1673                         <div class="mdesc">
1674                             <div class="short">Mouse over tip</div> 
1675                         </div>
1676                         
1677                         <div class="mdesc">
1678                             <div class="long">Mouse over tip</div> 
1679                         </div>
1680                         
1681                         
1682
1683                     </td>
1684                     <td class="msource">
1685                         
1686                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1687                                 
1688                     </td>
1689                 </tr>
1690         
1691         
1692                 <tr class="config-row expandable config-row-alt0 notInherited">
1693                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1694                     <td class="sig">
1695
1696                         <a id="Roo.form.Select-cfg-queryDelay" name=".queryDelay"></a>
1697                         <div class="fixedFont">
1698                                 <b  class="itemname">queryDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1699                                 
1700                                 
1701                         </div>
1702                   
1703                         <div class="mdesc">
1704                             <div class="short">The length of time in milliseconds to delay between the start of typing and sending the<br/>query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')</div> 
1705                         </div>
1706                         
1707                         <div class="mdesc">
1708                             <div class="long">The length of time in milliseconds to delay between the start of typing and sending the<br/>query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')</div> 
1709                         </div>
1710                         
1711                         
1712
1713                     </td>
1714                     <td class="msource">
1715                         
1716                         Roo.form.Select
1717                                 
1718                     </td>
1719                 </tr>
1720         
1721         
1722                 <tr class="config-row expandable config-row-alt1 notInherited">
1723                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1724                     <td class="sig">
1725
1726                         <a id="Roo.form.Select-cfg-queryParam" name=".queryParam"></a>
1727                         <div class="fixedFont">
1728                                 <b  class="itemname">queryParam</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1729                                 
1730                                 
1731                         </div>
1732                   
1733                         <div class="mdesc">
1734                             <div class="short">Name of the query as it will be passed on the querystring (defaults to 'query')</div> 
1735                         </div>
1736                         
1737                         <div class="mdesc">
1738                             <div class="long">Name of the query as it will be passed on the querystring (defaults to 'query')</div> 
1739                         </div>
1740                         
1741                         
1742
1743                     </td>
1744                     <td class="msource">
1745                         
1746                         Roo.form.Select
1747                                 
1748                     </td>
1749                 </tr>
1750         
1751         
1752                 <tr class="config-row expandable config-row-alt0">
1753                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1754                     <td class="sig">
1755
1756                         <a id="Roo.form.Field-cfg-readOnly" name=".readOnly"></a>
1757                         <div class="fixedFont">
1758                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1759                                 
1760                                 
1761                         </div>
1762                   
1763                         <div class="mdesc">
1764                             <div class="short">True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.</div> 
1765                         </div>
1766                         
1767                         <div class="mdesc">
1768                             <div class="long">True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.</div> 
1769                         </div>
1770                         
1771                         
1772
1773                     </td>
1774                     <td class="msource">
1775                         
1776                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1777                                 
1778                     </td>
1779                 </tr>
1780         
1781         
1782                 <tr class="config-row expandable config-row-alt1">
1783                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1784                     <td class="sig">
1785
1786                         <a id="Roo.form.TextField-cfg-regex" name=".regex"></a>
1787                         <div class="fixedFont">
1788                                 <b  class="itemname">regex</b> : RegExp
1789                                 
1790                                 
1791                         </div>
1792                   
1793                         <div class="mdesc">
1794                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div> 
1795                         </div>
1796                         
1797                         <div class="mdesc">
1798                             <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> 
1799                         </div>
1800                         
1801                         
1802
1803                     </td>
1804                     <td class="msource">
1805                         
1806                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1807                                 
1808                     </td>
1809                 </tr>
1810         
1811         
1812                 <tr class="config-row expandable config-row-alt0">
1813                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1814                     <td class="sig">
1815
1816                         <a id="Roo.form.TextField-cfg-regexText" name=".regexText"></a>
1817                         <div class="fixedFont">
1818                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1819                                 
1820                                 
1821                         </div>
1822                   
1823                         <div class="mdesc">
1824                             <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> 
1825                         </div>
1826                         
1827                         <div class="mdesc">
1828                             <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> 
1829                         </div>
1830                         
1831                         
1832
1833                     </td>
1834                     <td class="msource">
1835                         
1836                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1837                                 
1838                     </td>
1839                 </tr>
1840         
1841         
1842                 <tr class="config-row expandable config-row-alt1 notInherited">
1843                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1844                     <td class="sig">
1845
1846                         <a id="Roo.form.Select-cfg-resizable" name=".resizable"></a>
1847                         <div class="fixedFont">
1848                                 <b  class="itemname">resizable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1849                                 
1850                                 
1851                         </div>
1852                   
1853                         <div class="mdesc">
1854                             <div class="short">True to add a resize handle to the bottom of the dropdown list (defaults to false)</div> 
1855                         </div>
1856                         
1857                         <div class="mdesc">
1858                             <div class="long">True to add a resize handle to the bottom of the dropdown list (defaults to false)</div> 
1859                         </div>
1860                         
1861                         
1862
1863                     </td>
1864                     <td class="msource">
1865                         
1866                         Roo.form.Select
1867                                 
1868                     </td>
1869                 </tr>
1870         
1871         
1872                 <tr class="config-row expandable config-row-alt0 notInherited">
1873                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1874                     <td class="sig">
1875
1876                         <a id="Roo.form.Select-cfg-selectOnFocus" name=".selectOnFocus"></a>
1877                         <div class="fixedFont">
1878                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1879                                 
1880                                 
1881                         </div>
1882                   
1883                         <div class="mdesc">
1884                             <div class="short">True to select any existing text in the field immediately on focus.</div> 
1885                         </div>
1886                         
1887                         <div class="mdesc">
1888                             <div class="long">True to select any existing text in the field immediately on focus.  Only applies<br/>when editable = true (defaults to false)</div> 
1889                         </div>
1890                         
1891                         
1892
1893                     </td>
1894                     <td class="msource">
1895                         
1896                         Roo.form.Select
1897                                 
1898                     </td>
1899                 </tr>
1900         
1901         
1902                 <tr class="config-row expandable config-row-alt1 notInherited">
1903                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1904                     <td class="sig">
1905
1906                         <a id="Roo.form.Select-cfg-selectedClass" name=".selectedClass"></a>
1907                         <div class="fixedFont">
1908                                 <b  class="itemname">selectedClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1909                                 
1910                                 
1911                         </div>
1912                   
1913                         <div class="mdesc">
1914                             <div class="short">CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')</div> 
1915                         </div>
1916                         
1917                         <div class="mdesc">
1918                             <div class="long">CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')</div> 
1919                         </div>
1920                         
1921                         
1922
1923                     </td>
1924                     <td class="msource">
1925                         
1926                         Roo.form.Select
1927                                 
1928                     </td>
1929                 </tr>
1930         
1931         
1932                 <tr class="config-row expandable config-row-alt0 notInherited">
1933                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1934                     <td class="sig">
1935
1936                         <a id="Roo.form.Select-cfg-shadow" name=".shadow"></a>
1937                         <div class="fixedFont">
1938                                 <b  class="itemname">shadow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String
1939                                 
1940                                 
1941                         </div>
1942                   
1943                         <div class="mdesc">
1944                             <div class="short">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right</div> 
1945                         </div>
1946                         
1947                         <div class="mdesc">
1948                             <div class="long">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right</div> 
1949                         </div>
1950                         
1951                         
1952
1953                     </td>
1954                     <td class="msource">
1955                         
1956                         Roo.form.Select
1957                                 
1958                     </td>
1959                 </tr>
1960         
1961         
1962                 <tr class="config-row expandable config-row-alt1 notInherited">
1963                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1964                     <td class="sig">
1965
1966                         <a id="Roo.form.Select-cfg-store" name=".store"></a>
1967                         <div class="fixedFont">
1968                                 <b  class="itemname">store</b> : <a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a>
1969                                 
1970                                 
1971                         </div>
1972                   
1973                         <div class="mdesc">
1974                             <div class="short">The data store to which this combo is bound (defaults to undefined)</div> 
1975                         </div>
1976                         
1977                         <div class="mdesc">
1978                             <div class="long">The data store to which this combo is bound (defaults to undefined)</div> 
1979                         </div>
1980                         
1981                         
1982
1983                     </td>
1984                     <td class="msource">
1985                         
1986                         Roo.form.Select
1987                                 
1988                     </td>
1989                 </tr>
1990         
1991         
1992                 <tr class="config-row expandable config-row-alt0">
1993                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1994                     <td class="sig">
1995
1996                         <a id="Roo.form.Field-cfg-tabIndex" name=".tabIndex"></a>
1997                         <div class="fixedFont">
1998                                 <b  class="itemname">tabIndex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1999                                 
2000                                 
2001                         </div>
2002                   
2003                         <div class="mdesc">
2004                             <div class="short">The tabIndex for this field.</div> 
2005                         </div>
2006                         
2007                         <div class="mdesc">
2008                             <div class="long">The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).</div> 
2009                         </div>
2010                         
2011                         
2012
2013                     </td>
2014                     <td class="msource">
2015                         
2016                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2017                                 
2018                     </td>
2019                 </tr>
2020         
2021         
2022                 <tr class="config-row expandable config-row-alt1 notInherited">
2023                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2024                     <td class="sig">
2025
2026                         <a id="Roo.form.Select-cfg-title" name=".title"></a>
2027                         <div class="fixedFont">
2028                                 <b  class="itemname">title</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2029                                 
2030                                 
2031                         </div>
2032                   
2033                         <div class="mdesc">
2034                             <div class="short">If supplied, a header element is created containing this text and added into the top of<br/>the dropdown list (defaults to undefined, with no header element)</div> 
2035                         </div>
2036                         
2037                         <div class="mdesc">
2038                             <div class="long">If supplied, a header element is created containing this text and added into the top of<br/>the dropdown list (defaults to undefined, with no header element)</div> 
2039                         </div>
2040                         
2041                         
2042
2043                     </td>
2044                     <td class="msource">
2045                         
2046                         Roo.form.Select
2047                                 
2048                     </td>
2049                 </tr>
2050         
2051         
2052                 <tr class="config-row expandable config-row-alt0 notInherited">
2053                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2054                     <td class="sig">
2055
2056                         <a id="Roo.form.Select-cfg-tpl" name=".tpl"></a>
2057                         <div class="fixedFont">
2058                                 <b  class="itemname">tpl</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Roo.Template
2059                                 
2060                                 
2061                         </div>
2062                   
2063                         <div class="mdesc">
2064                             <div class="short">The template to use to render the output</div> 
2065                         </div>
2066                         
2067                         <div class="mdesc">
2068                             <div class="long">The template to use to render the output</div> 
2069                         </div>
2070                         
2071                         
2072
2073                     </td>
2074                     <td class="msource">
2075                         
2076                         Roo.form.Select
2077                                 
2078                     </td>
2079                 </tr>
2080         
2081         
2082                 <tr class="config-row expandable config-row-alt1 notInherited">
2083                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2084                     <td class="sig">
2085
2086                         <a id="Roo.form.Select-cfg-transform" name=".transform"></a>
2087                         <div class="fixedFont">
2088                                 <b  class="itemname">transform</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element
2089                                 
2090                                 
2091                         </div>
2092                   
2093                         <div class="mdesc">
2094                             <div class="short">The id, DOM node or element of an existing select to convert to a ComboBox</div> 
2095                         </div>
2096                         
2097                         <div class="mdesc">
2098                             <div class="long">The id, DOM node or element of an existing select to convert to a ComboBox</div> 
2099                         </div>
2100                         
2101                         
2102
2103                     </td>
2104                     <td class="msource">
2105                         
2106                         Roo.form.Select
2107                                 
2108                     </td>
2109                 </tr>
2110         
2111         
2112                 <tr class="config-row expandable config-row-alt0 notInherited">
2113                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2114                     <td class="sig">
2115
2116                         <a id="Roo.form.Select-cfg-triggerAction" name=".triggerAction"></a>
2117                         <div class="fixedFont">
2118                                 <b  class="itemname">triggerAction</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2119                                 
2120                                 
2121                         </div>
2122                   
2123                         <div class="mdesc">
2124                             <div class="short">The action to execute when the trigger field is activated.</div> 
2125                         </div>
2126                         
2127                         <div class="mdesc">
2128                             <div class="long">The action to execute when the trigger field is activated.  Use 'all' to run the<br/>query specified by the allQuery config option (defaults to 'query')</div> 
2129                         </div>
2130                         
2131                         
2132
2133                     </td>
2134                     <td class="msource">
2135                         
2136                         Roo.form.Select
2137                                 
2138                     </td>
2139                 </tr>
2140         
2141         
2142                 <tr class="config-row expandable config-row-alt1 notInherited">
2143                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2144                     <td class="sig">
2145
2146                         <a id="Roo.form.Select-cfg-triggerClass" name=".triggerClass"></a>
2147                         <div class="fixedFont">
2148                                 <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2149                                 
2150                                 
2151                         </div>
2152                   
2153                         <div class="mdesc">
2154                             <div class="short">An additional CSS class used to style the trigger button.</div> 
2155                         </div>
2156                         
2157                         <div class="mdesc">
2158                             <div class="long">An additional CSS class used to style the trigger button.  The trigger will always get the<br/>class 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'<br/>which displays a downward arrow icon).</div> 
2159                         </div>
2160                         
2161                         
2162
2163                     </td>
2164                     <td class="msource">
2165                         
2166                         Roo.form.Select
2167                                 
2168                     </td>
2169                 </tr>
2170         
2171         
2172                 <tr class="config-row expandable config-row-alt0 notInherited">
2173                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2174                     <td class="sig">
2175
2176                         <a id="Roo.form.Select-cfg-typeAhead" name=".typeAhead"></a>
2177                         <div class="fixedFont">
2178                                 <b  class="itemname">typeAhead</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2179                                 
2180                                 
2181                         </div>
2182                   
2183                         <div class="mdesc">
2184                             <div class="short">True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)</div> 
2185                         </div>
2186                         
2187                         <div class="mdesc">
2188                             <div class="long">True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)</div> 
2189                         </div>
2190                         
2191                         
2192
2193                     </td>
2194                     <td class="msource">
2195                         
2196                         Roo.form.Select
2197                                 
2198                     </td>
2199                 </tr>
2200         
2201         
2202                 <tr class="config-row expandable config-row-alt1 notInherited">
2203                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2204                     <td class="sig">
2205
2206                         <a id="Roo.form.Select-cfg-typeAheadDelay" name=".typeAheadDelay"></a>
2207                         <div class="fixedFont">
2208                                 <b  class="itemname">typeAheadDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2209                                 
2210                                 
2211                         </div>
2212                   
2213                         <div class="mdesc">
2214                             <div class="short">The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)</div> 
2215                         </div>
2216                         
2217                         <div class="mdesc">
2218                             <div class="long">The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)</div> 
2219                         </div>
2220                         
2221                         
2222
2223                     </td>
2224                     <td class="msource">
2225                         
2226                         Roo.form.Select
2227                                 
2228                     </td>
2229                 </tr>
2230         
2231         
2232                 <tr class="config-row expandable config-row-alt0">
2233                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2234                     <td class="sig">
2235
2236                         <a id="Roo.form.Field-cfg-validateOnBlur" name=".validateOnBlur"></a>
2237                         <div class="fixedFont">
2238                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2239                                 
2240                                 
2241                         </div>
2242                   
2243                         <div class="mdesc">
2244                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div> 
2245                         </div>
2246                         
2247                         <div class="mdesc">
2248                             <div class="long">Whether the field should validate when it loses focus (defaults to true).</div> 
2249                         </div>
2250                         
2251                         
2252
2253                     </td>
2254                     <td class="msource">
2255                         
2256                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2257                                 
2258                     </td>
2259                 </tr>
2260         
2261         
2262                 <tr class="config-row expandable config-row-alt1">
2263                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2264                     <td class="sig">
2265
2266                         <a id="Roo.form.Field-cfg-validationDelay" name=".validationDelay"></a>
2267                         <div class="fixedFont">
2268                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2269                                 
2270                                 
2271                         </div>
2272                   
2273                         <div class="mdesc">
2274                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div> 
2275                         </div>
2276                         
2277                         <div class="mdesc">
2278                             <div class="long">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div> 
2279                         </div>
2280                         
2281                         
2282
2283                     </td>
2284                     <td class="msource">
2285                         
2286                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2287                                 
2288                     </td>
2289                 </tr>
2290         
2291         
2292                 <tr class="config-row expandable config-row-alt0">
2293                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2294                     <td class="sig">
2295
2296                         <a id="Roo.form.Field-cfg-validationEvent" name=".validationEvent"></a>
2297                         <div class="fixedFont">
2298                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
2299                                 
2300                                 
2301                         </div>
2302                   
2303                         <div class="mdesc">
2304                             <div class="short">The event that should initiate field validation.</div> 
2305                         </div>
2306                         
2307                         <div class="mdesc">
2308                             <div class="long">The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").</div> 
2309                         </div>
2310                         
2311                         
2312
2313                     </td>
2314                     <td class="msource">
2315                         
2316                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2317                                 
2318                     </td>
2319                 </tr>
2320         
2321         
2322                 <tr class="config-row expandable config-row-alt1">
2323                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2324                     <td class="sig">
2325
2326                         <a id="Roo.form.TextField-cfg-validator" name=".validator"></a>
2327                         <div class="fixedFont">
2328                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
2329                                 
2330                                 
2331                         </div>
2332                   
2333                         <div class="mdesc">
2334                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div> 
2335                         </div>
2336                         
2337                         <div class="mdesc">
2338                             <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> 
2339                         </div>
2340                         
2341                         
2342
2343                     </td>
2344                     <td class="msource">
2345                         
2346                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2347                                 
2348                     </td>
2349                 </tr>
2350         
2351         
2352                 <tr class="config-row expandable config-row-alt0">
2353                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2354                     <td class="sig">
2355
2356                         <a id="Roo.form.Field-cfg-value" name=".value"></a>
2357                         <div class="fixedFont">
2358                                 <b  class="itemname">value</b> : Mixed
2359                                 
2360                                 
2361                         </div>
2362                   
2363                         <div class="mdesc">
2364                             <div class="short">A value to initialize this field with.</div> 
2365                         </div>
2366                         
2367                         <div class="mdesc">
2368                             <div class="long">A value to initialize this field with.</div> 
2369                         </div>
2370                         
2371                         
2372
2373                     </td>
2374                     <td class="msource">
2375                         
2376                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2377                                 
2378                     </td>
2379                 </tr>
2380         
2381         
2382                 <tr class="config-row expandable config-row-alt1 notInherited">
2383                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2384                     <td class="sig">
2385
2386                         <a id="Roo.form.Select-cfg-valueField" name=".valueField"></a>
2387                         <div class="fixedFont">
2388                                 <b  class="itemname">valueField</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2389                                 
2390                                 
2391                         </div>
2392                   
2393                         <div class="mdesc">
2394                             <div class="short">The underlying data value name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'value' if mode = 'local').</div> 
2395                         </div>
2396                         
2397                         <div class="mdesc">
2398                             <div class="long">The underlying data value name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'value' if mode = 'local'). <br/>Note: use of a valueField requires the user make a selection<br/>in order for a value to be mapped.</div> 
2399                         </div>
2400                         
2401                         
2402
2403                     </td>
2404                     <td class="msource">
2405                         
2406                         Roo.form.Select
2407                                 
2408                     </td>
2409                 </tr>
2410         
2411         
2412                 <tr class="config-row expandable config-row-alt0 notInherited">
2413                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2414                     <td class="sig">
2415
2416                         <a id="Roo.form.Select-cfg-valueNotFoundText" name=".valueNotFoundText"></a>
2417                         <div class="fixedFont">
2418                                 <b  class="itemname">valueNotFoundText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2419                                 
2420                                 
2421                         </div>
2422                   
2423                         <div class="mdesc">
2424                             <div class="short">When using a name/value combo, if the value passed to setValue is not found in<br/>the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)</div> 
2425                         </div>
2426                         
2427                         <div class="mdesc">
2428                             <div class="long">When using a name/value combo, if the value passed to setValue is not found in<br/>the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)</div> 
2429                         </div>
2430                         
2431                         
2432
2433                     </td>
2434                     <td class="msource">
2435                         
2436                         Roo.form.Select
2437                                 
2438                     </td>
2439                 </tr>
2440         
2441         
2442                 <tr class="config-row expandable config-row-alt1">
2443                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2444                     <td class="sig">
2445
2446                         <a id="Roo.form.TextField-cfg-vtype" name=".vtype"></a>
2447                         <div class="fixedFont">
2448                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2449                                 
2450                                 
2451                         </div>
2452                   
2453                         <div class="mdesc">
2454                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div> 
2455                         </div>
2456                         
2457                         <div class="mdesc">
2458                             <div class="long">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div> 
2459                         </div>
2460                         
2461                         
2462
2463                     </td>
2464                     <td class="msource">
2465                         
2466                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2467                                 
2468                     </td>
2469                 </tr>
2470         
2471         
2472                 <tr class="config-row expandable config-row-alt0">
2473                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2474                     <td class="sig">
2475
2476                         <a id="Roo.BoxComponent-cfg-width" name=".width"></a>
2477                         <div class="fixedFont">
2478                                 <b  class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2479                                 
2480                                 
2481                         </div>
2482                   
2483                         <div class="mdesc">
2484                             <div class="short">width (optional) size of component</div> 
2485                         </div>
2486                         
2487                         <div class="mdesc">
2488                             <div class="long">width (optional) size of component</div> 
2489                         </div>
2490                         
2491                         
2492
2493                     </td>
2494                     <td class="msource">
2495                         
2496                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2497                                 
2498                     </td>
2499                 </tr>
2500         
2501         
2502     </table>
2503                 
2504   
2505   
2506   
2507   
2508   
2509   
2510   
2511   
2512   <!-- ============================== public properties ==================== -->        
2513   
2514   
2515   
2516     <a id="Roo.form.Select-props"></a>      
2517     
2518     
2519
2520     
2521     
2522      <table cellspacing="0" class="member-table">
2523       <caption class="Empty">Public Properties - Has None</caption>
2524      </table>
2525     
2526     
2527      
2528     
2529   <!-- ============================== methods summary / details ======================== -->
2530   
2531   
2532   <a id="Roo.form.Select-methods"></a>
2533         <!-- constructor?? -->
2534         
2535         <!-- static's first 
2536         
2537         
2538         -->
2539         
2540         <!-- then dynamics first -->
2541         
2542   
2543   
2544     
2545     
2546     
2547       <table cellspacing="0" class="member-table">
2548       <caption>Public Methods</caption>
2549         <tr>
2550             <th class="sig-header" colspan="2">Method</th>            
2551             <th class="msource-header">Defined By</th>
2552
2553         </tr>
2554         
2555         
2556         
2557          
2558         
2559         
2560           
2561           <tr class="method-row config-row-alt0 expandable notInherited">
2562             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2563            
2564            
2565             <td class="sig">
2566                 <a id="Roo.form-method-Select"   name=".Select"></a>
2567                 <div class="fixedFont">
2568                         <span class="attributes">new <B>Roo.form.</B></span><b class="itemname">Select</b>
2569                                 
2570                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>) 
2571                         
2572                                 
2573                         
2574                 </div>
2575                 <div class="mdesc">
2576                 
2577                  
2578                         <div class="short">Create a new Roo.form.Select</div> 
2579                  
2580                  
2581                     <div class="long">
2582                         
2583                         
2584                         
2585                                 Create a new Roo.form.Select
2586                         
2587                         
2588                                 <dl class="detailList">
2589                                 <dt class="heading">Parameters:</dt>
2590                                 
2591                                         <dt>
2592                                                 <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>
2593                                                 
2594                                         </dt>
2595                                         <dd>Configuration options</dd>
2596                                 
2597                                 </dl>
2598                         
2599                         
2600                         
2601                         
2602                         
2603                         
2604                         
2605
2606                     
2607                     
2608                      
2609                     </div>                    
2610                 </div>
2611
2612             </td>
2613             <td class="msource">
2614                 &nbsp;
2615             </td>
2616         </tr>
2617         
2618           
2619           <tr class="method-row config-row-alt1 expandable">
2620             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2621            
2622            
2623             <td class="sig">
2624                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2625                 <div class="fixedFont">
2626                         <span class="attributes"></span><b class="itemname">addEvents</b>
2627                                 
2628                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>) 
2629                         
2630                                 
2631                         
2632                 </div>
2633                 <div class="mdesc">
2634                 
2635                    <div class="short">Used to define events on this Observable</div> 
2636                  
2637                  
2638                  
2639                     <div class="long">
2640                         
2641                                 Used to define events on this Observable
2642                     
2643                                 
2644                         
2645                         
2646                         
2647                         
2648                                 <dl class="detailList">
2649                                 <dt class="heading">Parameters:</dt>
2650                                 
2651                                         <dt>
2652                                                 <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>
2653                                                 
2654                                         </dt>
2655                                         <dd>The object with the events defined</dd>
2656                                 
2657                                 </dl>
2658                         
2659                         
2660                         
2661                         
2662                         
2663                         
2664                         
2665
2666                     
2667                     
2668                      
2669                     </div>                    
2670                 </div>
2671
2672             </td>
2673             <td class="msource">
2674                 
2675                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2676                 &nbsp;
2677             </td>
2678         </tr>
2679         
2680           
2681           <tr class="method-row config-row-alt0 expandable">
2682             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2683            
2684            
2685             <td class="sig">
2686                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2687                 <div class="fixedFont">
2688                         <span class="attributes"></span><b class="itemname">addListener</b>
2689                                 
2690                                  (<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>) 
2691                         
2692                                 
2693                         
2694                 </div>
2695                 <div class="mdesc">
2696                 
2697                    <div class="short">Appends an event handler to this component</div> 
2698                  
2699                  
2700                  
2701                     <div class="long">
2702                         
2703                                 Appends an event handler to this component
2704                     
2705                                 
2706                         
2707                         
2708                         
2709                         
2710                                 <dl class="detailList">
2711                                 <dt class="heading">Parameters:</dt>
2712                                 
2713                                         <dt>
2714                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2715                                                 
2716                                         </dt>
2717                                         <dd>The type of event to listen for</dd>
2718                                 
2719                                         <dt>
2720                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2721                                                 
2722                                         </dt>
2723                                         <dd>The method the event invokes</dd>
2724                                 
2725                                         <dt>
2726                                                 <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>
2727                                                 
2728                                         </dt>
2729                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2730                                 
2731                                         <dt>
2732                                                 <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>
2733                                                 
2734                                         </dt>
2735                                         <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>
2736                                 
2737                                 </dl>
2738                         
2739                         
2740                         
2741                         
2742                         
2743                         
2744                         
2745
2746                     
2747                     
2748                      
2749                     </div>                    
2750                 </div>
2751
2752             </td>
2753             <td class="msource">
2754                 
2755                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2756                 &nbsp;
2757             </td>
2758         </tr>
2759         
2760           
2761           <tr class="method-row config-row-alt1 expandable">
2762             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2763            
2764            
2765             <td class="sig">
2766                 <a id="Roo.form.Field-method-applyTo"   name=".applyTo"></a>
2767                 <div class="fixedFont">
2768                         <span class="attributes"></span><b class="itemname">applyTo</b>
2769                                 
2770                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>) 
2771                         
2772                                 
2773                                          : 
2774                                         
2775                                                 
2776                                                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2777                                         
2778                                         
2779                                         
2780                                 
2781                         
2782                 </div>
2783                 <div class="mdesc">
2784                 
2785                    <div class="short">Apply the behaviors of this component to an existing element.</div> 
2786                  
2787                  
2788                  
2789                     <div class="long">
2790                         
2791                                 Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>
2792                     
2793                                 
2794                         
2795                         
2796                         
2797                         
2798                                 <dl class="detailList">
2799                                 <dt class="heading">Parameters:</dt>
2800                                 
2801                                         <dt>
2802                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
2803                                                 
2804                                         </dt>
2805                                         <dd>The id of the node, a DOM node or an existing Element</dd>
2806                                 
2807                                 </dl>
2808                         
2809                         
2810                         
2811                         
2812                         
2813                                 <dl class="detailList">
2814                                 <dt class="heading">Returns:</dt>
2815                                 
2816                                         <dd><span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span>  this</dd>
2817                                 
2818                                 </dl>
2819                         
2820                         
2821                         
2822
2823                     
2824                     
2825                      
2826                     </div>                    
2827                 </div>
2828
2829             </td>
2830             <td class="msource">
2831                 
2832                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2833                 &nbsp;
2834             </td>
2835         </tr>
2836         
2837           
2838           <tr class="method-row config-row-alt0 expandable">
2839             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2840            
2841            
2842             <td class="sig">
2843                 <a id="Roo.form.TriggerField-method-autoSize"   name=".autoSize"></a>
2844                 <div class="fixedFont">
2845                         <span class="attributes"></span><b class="itemname">autoSize</b>
2846                                 
2847                                  () 
2848                         
2849                                 
2850                         
2851                 </div>
2852                 <div class="mdesc">
2853                 
2854                    <div class="short"></div> 
2855                  
2856                  
2857                  
2858                     <div class="long">
2859                         
2860                                 
2861                     
2862                                 
2863                         
2864                         
2865                         
2866                         
2867                         
2868                         
2869                         
2870                         
2871                         
2872                         
2873
2874                     
2875                     
2876                      
2877                     </div>                    
2878                 </div>
2879
2880             </td>
2881             <td class="msource">
2882                 
2883                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
2884                 &nbsp;
2885             </td>
2886         </tr>
2887         
2888           
2889           <tr class="method-row config-row-alt1 expandable">
2890             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2891            
2892            
2893             <td class="sig">
2894                 <a id="Roo.form.Field-method-clearInvalid"   name=".clearInvalid"></a>
2895                 <div class="fixedFont">
2896                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2897                                 
2898                                  () 
2899                         
2900                                 
2901                         
2902                 </div>
2903                 <div class="mdesc">
2904                 
2905                    <div class="short">Clear any invalid styles/messages for this field</div> 
2906                  
2907                  
2908                  
2909                     <div class="long">
2910                         
2911                                 Clear any invalid styles/messages for this field
2912                     
2913                                 
2914                         
2915                         
2916                         
2917                         
2918                         
2919                         
2920                         
2921                         
2922                         
2923                         
2924
2925                     
2926                     
2927                      
2928                     </div>                    
2929                 </div>
2930
2931             </td>
2932             <td class="msource">
2933                 
2934                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2935                 &nbsp;
2936             </td>
2937         </tr>
2938         
2939           
2940           <tr class="method-row config-row-alt0 expandable notInherited">
2941             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2942            
2943            
2944             <td class="sig">
2945                 <a id="Roo.form.Select-method-clearValue"   name=".clearValue"></a>
2946                 <div class="fixedFont">
2947                         <span class="attributes"></span><b class="itemname">clearValue</b>
2948                                 
2949                                  () 
2950                         
2951                                 
2952                         
2953                 </div>
2954                 <div class="mdesc">
2955                 
2956                    <div class="short">Clears any text/value currently set in the field</div> 
2957                  
2958                  
2959                  
2960                     <div class="long">
2961                         
2962                                 Clears any text/value currently set in the field
2963                     
2964                                 
2965                         
2966                         
2967                         
2968                         
2969                         
2970                         
2971                         
2972                         
2973                         
2974                         
2975
2976                     
2977                     
2978                      
2979                     </div>                    
2980                 </div>
2981
2982             </td>
2983             <td class="msource">
2984                 
2985                         Roo.form.Select
2986                 &nbsp;
2987             </td>
2988         </tr>
2989         
2990           
2991           <tr class="method-row config-row-alt1 expandable notInherited">
2992             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2993            
2994            
2995             <td class="sig">
2996                 <a id="Roo.form.Select-method-collapse"   name=".collapse"></a>
2997                 <div class="fixedFont">
2998                         <span class="attributes"></span><b class="itemname">collapse</b>
2999                                 
3000                                  () 
3001                         
3002                                 
3003                         
3004                 </div>
3005                 <div class="mdesc">
3006                 
3007                    <div class="short">Hides the dropdown list if it is currently expanded.</div> 
3008                  
3009                  
3010                  
3011                     <div class="long">
3012                         
3013                                 Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.
3014                     
3015                                 
3016                         
3017                         
3018                         
3019                         
3020                         
3021                         
3022                         
3023                         
3024                         
3025                         
3026
3027                     
3028                     
3029                      
3030                     </div>                    
3031                 </div>
3032
3033             </td>
3034             <td class="msource">
3035                 
3036                         Roo.form.Select
3037                 &nbsp;
3038             </td>
3039         </tr>
3040         
3041           
3042           <tr class="method-row config-row-alt0 expandable">
3043             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3044            
3045            
3046             <td class="sig">
3047                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
3048                 <div class="fixedFont">
3049                         <span class="attributes"></span><b class="itemname">destroy</b>
3050                                 
3051                                  () 
3052                         
3053                                 
3054                         
3055                 </div>
3056                 <div class="mdesc">
3057                 
3058                    <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> 
3059                  
3060                  
3061                  
3062                     <div class="long">
3063                         
3064                                 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}.
3065                     
3066                                 
3067                         
3068                         
3069                         
3070                         
3071                         
3072                         
3073                         
3074                         
3075                         
3076                         
3077
3078                     
3079                     
3080                      
3081                     </div>                    
3082                 </div>
3083
3084             </td>
3085             <td class="msource">
3086                 
3087                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3088                 &nbsp;
3089             </td>
3090         </tr>
3091         
3092           
3093           <tr class="method-row config-row-alt1 expandable">
3094             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3095            
3096            
3097             <td class="sig">
3098                 <a id="Roo.Component-method-disable"   name=".disable"></a>
3099                 <div class="fixedFont">
3100                         <span class="attributes"></span><b class="itemname">disable</b>
3101                                 
3102                                  () 
3103                         
3104                                 
3105                                          : 
3106                                         
3107                                                 
3108                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3109                                         
3110                                         
3111                                         
3112                                 
3113                         
3114                 </div>
3115                 <div class="mdesc">
3116                 
3117                    <div class="short">Disable this component.</div> 
3118                  
3119                  
3120                  
3121                     <div class="long">
3122                         
3123                                 Disable this component.
3124                     
3125                                 
3126                         
3127                         
3128                         
3129                         
3130                         
3131                         
3132                         
3133                         
3134                                 <dl class="detailList">
3135                                 <dt class="heading">Returns:</dt>
3136                                 
3137                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3138                                 
3139                                 </dl>
3140                         
3141                         
3142                         
3143
3144                     
3145                     
3146                      
3147                     </div>                    
3148                 </div>
3149
3150             </td>
3151             <td class="msource">
3152                 
3153                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3154                 &nbsp;
3155             </td>
3156         </tr>
3157         
3158           
3159           <tr class="method-row config-row-alt0 expandable notInherited">
3160             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3161            
3162            
3163             <td class="sig">
3164                 <a id="Roo.form.Select-method-doQuery"   name=".doQuery"></a>
3165                 <div class="fixedFont">
3166                         <span class="attributes"></span><b class="itemname">doQuery</b>
3167                                 
3168                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>query</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceAll</i></B>) 
3169                         
3170                                 
3171                         
3172                 </div>
3173                 <div class="mdesc">
3174                 
3175                    <div class="short">Execute a query to filter the dropdown list.</div> 
3176                  
3177                  
3178                  
3179                     <div class="long">
3180                         
3181                                 Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the<br/>query allowing the query action to be canceled if needed.
3182                     
3183                                 
3184                         
3185                         
3186                         
3187                         
3188                                 <dl class="detailList">
3189                                 <dt class="heading">Parameters:</dt>
3190                                 
3191                                         <dt>
3192                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>query</b>
3193                                                 
3194                                         </dt>
3195                                         <dd>The SQL query to execute</dd>
3196                                 
3197                                         <dt>
3198                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>forceAll</b>
3199                                                 
3200                                         </dt>
3201                                         <dd>True to force the query to execute even if there are currently fewer characters<br/>in the field than the minimum specified by the minChars config option.  It also clears any filter previously<br/>saved in the current store (defaults to false)</dd>
3202                                 
3203                                 </dl>
3204                         
3205                         
3206                         
3207                         
3208                         
3209                         
3210                         
3211
3212                     
3213                     
3214                      
3215                     </div>                    
3216                 </div>
3217
3218             </td>
3219             <td class="msource">
3220                 
3221                         Roo.form.Select
3222                 &nbsp;
3223             </td>
3224         </tr>
3225         
3226           
3227           <tr class="method-row config-row-alt1 expandable">
3228             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3229            
3230            
3231             <td class="sig">
3232                 <a id="Roo.Component-method-enable"   name=".enable"></a>
3233                 <div class="fixedFont">
3234                         <span class="attributes"></span><b class="itemname">enable</b>
3235                                 
3236                                  () 
3237                         
3238                                 
3239                                          : 
3240                                         
3241                                                 
3242                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3243                                         
3244                                         
3245                                         
3246                                 
3247                         
3248                 </div>
3249                 <div class="mdesc">
3250                 
3251                    <div class="short">Enable this component.</div> 
3252                  
3253                  
3254                  
3255                     <div class="long">
3256                         
3257                                 Enable this component.
3258                     
3259                                 
3260                         
3261                         
3262                         
3263                         
3264                         
3265                         
3266                         
3267                         
3268                                 <dl class="detailList">
3269                                 <dt class="heading">Returns:</dt>
3270                                 
3271                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3272                                 
3273                                 </dl>
3274                         
3275                         
3276                         
3277
3278                     
3279                     
3280                      
3281                     </div>                    
3282                 </div>
3283
3284             </td>
3285             <td class="msource">
3286                 
3287                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3288                 &nbsp;
3289             </td>
3290         </tr>
3291         
3292           
3293           <tr class="method-row config-row-alt0 expandable notInherited">
3294             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3295            
3296            
3297             <td class="sig">
3298                 <a id="Roo.form.Select-method-expand"   name=".expand"></a>
3299                 <div class="fixedFont">
3300                         <span class="attributes"></span><b class="itemname">expand</b>
3301                                 
3302                                  () 
3303                         
3304                                 
3305                         
3306                 </div>
3307                 <div class="mdesc">
3308                 
3309                    <div class="short">Expands the dropdown list if it is currently hidden.</div> 
3310                  
3311                  
3312                  
3313                     <div class="long">
3314                         
3315                                 Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.
3316                     
3317                                 
3318                         
3319                         
3320                         
3321                         
3322                         
3323                         
3324                         
3325                         
3326                         
3327                         
3328
3329                     
3330                     
3331                      
3332                     </div>                    
3333                 </div>
3334
3335             </td>
3336             <td class="msource">
3337                 
3338                         Roo.form.Select
3339                 &nbsp;
3340             </td>
3341         </tr>
3342         
3343           
3344           <tr class="method-row config-row-alt1 expandable">
3345             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3346            
3347            
3348             <td class="sig">
3349                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
3350                 <div class="fixedFont">
3351                         <span class="attributes"></span><b class="itemname">fireEvent</b>
3352                                 
3353                                  (<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>) 
3354                         
3355                                 
3356                                          : 
3357                                         
3358                                                 
3359                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3360                                         
3361                                         
3362                                         
3363                                 
3364                         
3365                 </div>
3366                 <div class="mdesc">
3367                 
3368                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div> 
3369                  
3370                  
3371                  
3372                     <div class="long">
3373                         
3374                                 Fires the specified event with the passed parameters (minus the event name).
3375                     
3376                                 
3377                         
3378                         
3379                         
3380                         
3381                                 <dl class="detailList">
3382                                 <dt class="heading">Parameters:</dt>
3383                                 
3384                                         <dt>
3385                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3386                                                 
3387                                         </dt>
3388                                         <dd></dd>
3389                                 
3390                                         <dt>
3391                                                 <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>
3392                                                 
3393                                         </dt>
3394                                         <dd>Variable number of parameters are passed to handlers</dd>
3395                                 
3396                                 </dl>
3397                         
3398                         
3399                         
3400                         
3401                         
3402                                 <dl class="detailList">
3403                                 <dt class="heading">Returns:</dt>
3404                                 
3405                                         <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>
3406                                 
3407                                 </dl>
3408                         
3409                         
3410                         
3411
3412                     
3413                     
3414                      
3415                     </div>                    
3416                 </div>
3417
3418             </td>
3419             <td class="msource">
3420                 
3421                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3422                 &nbsp;
3423             </td>
3424         </tr>
3425         
3426           
3427           <tr class="method-row config-row-alt0 expandable">
3428             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3429            
3430            
3431             <td class="sig">
3432                 <a id="Roo.Component-method-focus"   name=".focus"></a>
3433                 <div class="fixedFont">
3434                         <span class="attributes"></span><b class="itemname">focus</b>
3435                                 
3436                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>) 
3437                         
3438                                 
3439                                          : 
3440                                         
3441                                                 
3442                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3443                                         
3444                                         
3445                                         
3446                                 
3447                         
3448                 </div>
3449                 <div class="mdesc">
3450                 
3451                    <div class="short">Try to focus this component.</div> 
3452                  
3453                  
3454                  
3455                     <div class="long">
3456                         
3457                                 Try to focus this component.
3458                     
3459                                 
3460                         
3461                         
3462                         
3463                         
3464                                 <dl class="detailList">
3465                                 <dt class="heading">Parameters:</dt>
3466                                 
3467                                         <dt>
3468                                                 <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>
3469                                                 
3470                                         </dt>
3471                                         <dd>True to also select the text in this component (if applicable)</dd>
3472                                 
3473                                 </dl>
3474                         
3475                         
3476                         
3477                         
3478                         
3479                                 <dl class="detailList">
3480                                 <dt class="heading">Returns:</dt>
3481                                 
3482                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3483                                 
3484                                 </dl>
3485                         
3486                         
3487                         
3488
3489                     
3490                     
3491                      
3492                     </div>                    
3493                 </div>
3494
3495             </td>
3496             <td class="msource">
3497                 
3498                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3499                 &nbsp;
3500             </td>
3501         </tr>
3502         
3503           
3504           <tr class="method-row config-row-alt1 expandable">
3505             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3506            
3507            
3508             <td class="sig">
3509                 <a id="Roo.BoxComponent-method-getBox"   name=".getBox"></a>
3510                 <div class="fixedFont">
3511                         <span class="attributes"></span><b class="itemname">getBox</b>
3512                                 
3513                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>) 
3514                         
3515                                 
3516                         
3517                 </div>
3518                 <div class="mdesc">
3519                 
3520                    <div class="short">Gets the current box measurements of the component's underlying element.</div> 
3521                  
3522                  
3523                  
3524                     <div class="long">
3525                         
3526                                 Gets the current box measurements of the component's underlying element.
3527                     
3528                                 
3529                         
3530                         
3531                         
3532                         
3533                                 <dl class="detailList">
3534                                 <dt class="heading">Parameters:</dt>
3535                                 
3536                                         <dt>
3537                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>local</b>
3538                                                 
3539                                         </dt>
3540                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
3541                                 
3542                                 </dl>
3543                         
3544                         
3545                         
3546                         
3547                         
3548                         
3549                         
3550
3551                     
3552                     
3553                      
3554                     </div>                    
3555                 </div>
3556
3557             </td>
3558             <td class="msource">
3559                 
3560                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3561                 &nbsp;
3562             </td>
3563         </tr>
3564         
3565           
3566           <tr class="method-row config-row-alt0 expandable">
3567             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3568            
3569            
3570             <td class="sig">
3571                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
3572                 <div class="fixedFont">
3573                         <span class="attributes"></span><b class="itemname">getEl</b>
3574                                 
3575                                  () 
3576                         
3577                                 
3578                                          : 
3579                                         
3580                                                 
3581                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3582                                         
3583                                         
3584                                         
3585                                 
3586                         
3587                 </div>
3588                 <div class="mdesc">
3589                 
3590                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div> 
3591                  
3592                  
3593                  
3594                     <div class="long">
3595                         
3596                                 Returns the underlying {<b>link</b> Roo.Element}.
3597                     
3598                                 
3599                         
3600                         
3601                         
3602                         
3603                         
3604                         
3605                         
3606                         
3607                                 <dl class="detailList">
3608                                 <dt class="heading">Returns:</dt>
3609                                 
3610                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
3611                                 
3612                                 </dl>
3613                         
3614                         
3615                         
3616
3617                     
3618                     
3619                      
3620                     </div>                    
3621                 </div>
3622
3623             </td>
3624             <td class="msource">
3625                 
3626                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3627                 &nbsp;
3628             </td>
3629         </tr>
3630         
3631           
3632           <tr class="method-row config-row-alt1 expandable">
3633             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3634            
3635            
3636             <td class="sig">
3637                 <a id="Roo.Component-method-getId"   name=".getId"></a>
3638                 <div class="fixedFont">
3639                         <span class="attributes"></span><b class="itemname">getId</b>
3640                                 
3641                                  () 
3642                         
3643                                 
3644                                          : 
3645                                         
3646                                                 
3647                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3648                                         
3649                                         
3650                                         
3651                                 
3652                         
3653                 </div>
3654                 <div class="mdesc">
3655                 
3656                    <div class="short">Returns the id of this component.</div> 
3657                  
3658                  
3659                  
3660                     <div class="long">
3661                         
3662                                 Returns the id of this component.
3663                     
3664                                 
3665                         
3666                         
3667                         
3668                         
3669                         
3670                         
3671                         
3672                         
3673                                 <dl class="detailList">
3674                                 <dt class="heading">Returns:</dt>
3675                                 
3676                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
3677                                 
3678                                 </dl>
3679                         
3680                         
3681                         
3682
3683                     
3684                     
3685                      
3686                     </div>                    
3687                 </div>
3688
3689             </td>
3690             <td class="msource">
3691                 
3692                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3693                 &nbsp;
3694             </td>
3695         </tr>
3696         
3697           
3698           <tr class="method-row config-row-alt0 expandable">
3699             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3700            
3701            
3702             <td class="sig">
3703                 <a id="Roo.form.Field-method-getName"   name=".getName"></a>
3704                 <div class="fixedFont">
3705                         <span class="attributes"></span><b class="itemname">getName</b>
3706                                 
3707                                  () 
3708                         
3709                                 
3710                                          : 
3711                                         
3712                                                 
3713                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3714                                         
3715                                         
3716                                         
3717                                 
3718                         
3719                 </div>
3720                 <div class="mdesc">
3721                 
3722                    <div class="short">Returns the name attribute of the field if available</div> 
3723                  
3724                  
3725                  
3726                     <div class="long">
3727                         
3728                                 Returns the name attribute of the field if available
3729                     
3730                                 
3731                         
3732                         
3733                         
3734                         
3735                         
3736                         
3737                         
3738                         
3739                                 <dl class="detailList">
3740                                 <dt class="heading">Returns:</dt>
3741                                 
3742                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  name The field name</dd>
3743                                 
3744                                 </dl>
3745                         
3746                         
3747                         
3748
3749                     
3750                     
3751                      
3752                     </div>                    
3753                 </div>
3754
3755             </td>
3756             <td class="msource">
3757                 
3758                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3759                 &nbsp;
3760             </td>
3761         </tr>
3762         
3763           
3764           <tr class="method-row config-row-alt1 expandable">
3765             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3766            
3767            
3768             <td class="sig">
3769                 <a id="Roo.BoxComponent-method-getPosition"   name=".getPosition"></a>
3770                 <div class="fixedFont">
3771                         <span class="attributes"></span><b class="itemname">getPosition</b>
3772                                 
3773                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>) 
3774                         
3775                                 
3776                                          : 
3777                                         
3778                                                 
3779                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3780                                         
3781                                         
3782                                         
3783                                 
3784                         
3785                 </div>
3786                 <div class="mdesc">
3787                 
3788                    <div class="short">Gets the current XY position of the component's underlying element.</div> 
3789                  
3790                  
3791                  
3792                     <div class="long">
3793                         
3794                                 Gets the current XY position of the component's underlying element.
3795                     
3796                                 
3797                         
3798                         
3799                         
3800                         
3801                                 <dl class="detailList">
3802                                 <dt class="heading">Parameters:</dt>
3803                                 
3804                                         <dt>
3805                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>local</b>
3806                                                 
3807                                         </dt>
3808                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
3809                                 
3810                                 </dl>
3811                         
3812                         
3813                         
3814                         
3815                         
3816                                 <dl class="detailList">
3817                                 <dt class="heading">Returns:</dt>
3818                                 
3819                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The XY position of the element (e.g., [100, 200])</dd>
3820                                 
3821                                 </dl>
3822                         
3823                         
3824                         
3825
3826                     
3827                     
3828                      
3829                     </div>                    
3830                 </div>
3831
3832             </td>
3833             <td class="msource">
3834                 
3835                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3836                 &nbsp;
3837             </td>
3838         </tr>
3839         
3840           
3841           <tr class="method-row config-row-alt0 expandable">
3842             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3843            
3844            
3845             <td class="sig">
3846                 <a id="Roo.form.Field-method-getRawValue"   name=".getRawValue"></a>
3847                 <div class="fixedFont">
3848                         <span class="attributes"></span><b class="itemname">getRawValue</b>
3849                                 
3850                                  () 
3851                         
3852                                 
3853                                          : 
3854                                         
3855                                                 
3856                                                 Mixed
3857                                         
3858                                         
3859                                         
3860                                 
3861                         
3862                 </div>
3863                 <div class="mdesc">
3864                 
3865                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div> 
3866                  
3867                  
3868                  
3869                     <div class="long">
3870                         
3871                                 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>}.
3872                     
3873                                 
3874                         
3875                         
3876                         
3877                         
3878                         
3879                         
3880                         
3881                         
3882                                 <dl class="detailList">
3883                                 <dt class="heading">Returns:</dt>
3884                                 
3885                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3886                                 
3887                                 </dl>
3888                         
3889                         
3890                         
3891
3892                     
3893                     
3894                      
3895                     </div>                    
3896                 </div>
3897
3898             </td>
3899             <td class="msource">
3900                 
3901                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3902                 &nbsp;
3903             </td>
3904         </tr>
3905         
3906           
3907           <tr class="method-row config-row-alt1 expandable">
3908             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3909            
3910            
3911             <td class="sig">
3912                 <a id="Roo.BoxComponent-method-getSize"   name=".getSize"></a>
3913                 <div class="fixedFont">
3914                         <span class="attributes"></span><b class="itemname">getSize</b>
3915                                 
3916                                  () 
3917                         
3918                                 
3919                                          : 
3920                                         
3921                                                 
3922                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3923                                         
3924                                         
3925                                         
3926                                 
3927                         
3928                 </div>
3929                 <div class="mdesc">
3930                 
3931                    <div class="short">Gets the current size of the component's underlying element.</div> 
3932                  
3933                  
3934                  
3935                     <div class="long">
3936                         
3937                                 Gets the current size of the component's underlying element.
3938                     
3939                                 
3940                         
3941                         
3942                         
3943                         
3944                         
3945                         
3946                         
3947                         
3948                                 <dl class="detailList">
3949                                 <dt class="heading">Returns:</dt>
3950                                 
3951                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  An object containing the element's size {width: (element width), height: (element height)}</dd>
3952                                 
3953                                 </dl>
3954                         
3955                         
3956                         
3957
3958                     
3959                     
3960                      
3961                     </div>                    
3962                 </div>
3963
3964             </td>
3965             <td class="msource">
3966                 
3967                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3968                 &nbsp;
3969             </td>
3970         </tr>
3971         
3972           
3973           <tr class="method-row config-row-alt0 expandable notInherited">
3974             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3975            
3976            
3977             <td class="sig">
3978                 <a id="Roo.form.Select-method-getValue"   name=".getValue"></a>
3979                 <div class="fixedFont">
3980                         <span class="attributes"></span><b class="itemname">getValue</b>
3981                                 
3982                                  () 
3983                         
3984                                 
3985                                          : 
3986                                         
3987                                                 
3988                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3989                                         
3990                                         
3991                                         
3992                                 
3993                         
3994                 </div>
3995                 <div class="mdesc">
3996                 
3997                    <div class="short">Returns the currently selected field value or empty string if no value is set.</div> 
3998                  
3999                  
4000                  
4001                     <div class="long">
4002                         
4003                                 Returns the currently selected field value or empty string if no value is set.
4004                     
4005                                 
4006                         
4007                         
4008                         
4009                         
4010                         
4011                         
4012                         
4013                         
4014                                 <dl class="detailList">
4015                                 <dt class="heading">Returns:</dt>
4016                                 
4017                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  value The selected value</dd>
4018                                 
4019                                 </dl>
4020                         
4021                         
4022                         
4023
4024                     
4025                     
4026                      
4027                     </div>                    
4028                 </div>
4029
4030             </td>
4031             <td class="msource">
4032                 
4033                         Roo.form.Select
4034                 &nbsp;
4035             </td>
4036         </tr>
4037         
4038           
4039           <tr class="method-row config-row-alt1 expandable">
4040             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4041            
4042            
4043             <td class="sig">
4044                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
4045                 <div class="fixedFont">
4046                         <span class="attributes"></span><b class="itemname">hasListener</b>
4047                                 
4048                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>) 
4049                         
4050                                 
4051                                          : 
4052                                         
4053                                                 
4054                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4055                                         
4056                                         
4057                                         
4058                                 
4059                         
4060                 </div>
4061                 <div class="mdesc">
4062                 
4063                    <div class="short">Checks to see if this object has any listeners for a specified event</div> 
4064                  
4065                  
4066                  
4067                     <div class="long">
4068                         
4069                                 Checks to see if this object has any listeners for a specified event
4070                     
4071                                 
4072                         
4073                         
4074                         
4075                         
4076                                 <dl class="detailList">
4077                                 <dt class="heading">Parameters:</dt>
4078                                 
4079                                         <dt>
4080                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4081                                                 
4082                                         </dt>
4083                                         <dd>The name of the event to check for</dd>
4084                                 
4085                                 </dl>
4086                         
4087                         
4088                         
4089                         
4090                         
4091                                 <dl class="detailList">
4092                                 <dt class="heading">Returns:</dt>
4093                                 
4094                                         <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>
4095                                 
4096                                 </dl>
4097                         
4098                         
4099                         
4100
4101                     
4102                     
4103                      
4104                     </div>                    
4105                 </div>
4106
4107             </td>
4108             <td class="msource">
4109                 
4110                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4111                 &nbsp;
4112             </td>
4113         </tr>
4114         
4115           
4116           <tr class="method-row config-row-alt0 expandable">
4117             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4118            
4119            
4120             <td class="sig">
4121                 <a id="Roo.Component-method-hide"   name=".hide"></a>
4122                 <div class="fixedFont">
4123                         <span class="attributes"></span><b class="itemname">hide</b>
4124                                 
4125                                  () 
4126                         
4127                                 
4128                                          : 
4129                                         
4130                                                 
4131                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4132                                         
4133                                         
4134                                         
4135                                 
4136                         
4137                 </div>
4138                 <div class="mdesc">
4139                 
4140                    <div class="short">Hide this component.</div> 
4141                  
4142                  
4143                  
4144                     <div class="long">
4145                         
4146                                 Hide this component.
4147                     
4148                                 
4149                         
4150                         
4151                         
4152                         
4153                         
4154                         
4155                         
4156                         
4157                                 <dl class="detailList">
4158                                 <dt class="heading">Returns:</dt>
4159                                 
4160                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4161                                 
4162                                 </dl>
4163                         
4164                         
4165                         
4166
4167                     
4168                     
4169                      
4170                     </div>                    
4171                 </div>
4172
4173             </td>
4174             <td class="msource">
4175                 
4176                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4177                 &nbsp;
4178             </td>
4179         </tr>
4180         
4181           
4182           <tr class="method-row config-row-alt1 expandable">
4183             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4184            
4185            
4186             <td class="sig">
4187                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
4188                 <div class="fixedFont">
4189                         <span class="attributes"></span><b class="itemname">isDirty</b>
4190                                 
4191                                  () 
4192                         
4193                                 
4194                         
4195                 </div>
4196                 <div class="mdesc">
4197                 
4198                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div> 
4199                  
4200                  
4201                  
4202                     <div class="long">
4203                         
4204                                 Returns true if this field has been changed since it was originally loaded and is not disabled.
4205                     
4206                                 
4207                         
4208                         
4209                         
4210                         
4211                         
4212                         
4213                         
4214                         
4215                         
4216                         
4217
4218                     
4219                     
4220                      
4221                     </div>                    
4222                 </div>
4223
4224             </td>
4225             <td class="msource">
4226                 
4227                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4228                 &nbsp;
4229             </td>
4230         </tr>
4231         
4232           
4233           <tr class="method-row config-row-alt0 expandable notInherited">
4234             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4235            
4236            
4237             <td class="sig">
4238                 <a id="Roo.form.Select-method-isExpanded"   name=".isExpanded"></a>
4239                 <div class="fixedFont">
4240                         <span class="attributes"></span><b class="itemname">isExpanded</b>
4241                                 
4242                                  () 
4243                         
4244                                 
4245                         
4246                 </div>
4247                 <div class="mdesc">
4248                 
4249                    <div class="short">Returns true if the dropdown list is expanded, else false.</div> 
4250                  
4251                  
4252                  
4253                     <div class="long">
4254                         
4255                                 Returns true if the dropdown list is expanded, else false.
4256                     
4257                                 
4258                         
4259                         
4260                         
4261                         
4262                         
4263                         
4264                         
4265                         
4266                         
4267                         
4268
4269                     
4270                     
4271                      
4272                     </div>                    
4273                 </div>
4274
4275             </td>
4276             <td class="msource">
4277                 
4278                         Roo.form.Select
4279                 &nbsp;
4280             </td>
4281         </tr>
4282         
4283           
4284           <tr class="method-row config-row-alt1 expandable">
4285             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4286            
4287            
4288             <td class="sig">
4289                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
4290                 <div class="fixedFont">
4291                         <span class="attributes"></span><b class="itemname">isValid</b>
4292                                 
4293                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>) 
4294                         
4295                                 
4296                                          : 
4297                                         
4298                                                 
4299                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4300                                         
4301                                         
4302                                         
4303                                 
4304                         
4305                 </div>
4306                 <div class="mdesc">
4307                 
4308                    <div class="short">Returns whether or not the field value is currently valid</div> 
4309                  
4310                  
4311                  
4312                     <div class="long">
4313                         
4314                                 Returns whether or not the field value is currently valid
4315                     
4316                                 
4317                         
4318                         
4319                         
4320                         
4321                                 <dl class="detailList">
4322                                 <dt class="heading">Parameters:</dt>
4323                                 
4324                                         <dt>
4325                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>preventMark</b>
4326                                                 
4327                                         </dt>
4328                                         <dd>True to disable marking the field invalid</dd>
4329                                 
4330                                 </dl>
4331                         
4332                         
4333                         
4334                         
4335                         
4336                                 <dl class="detailList">
4337                                 <dt class="heading">Returns:</dt>
4338                                 
4339                                         <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>
4340                                 
4341                                 </dl>
4342                         
4343                         
4344                         
4345
4346                     
4347                     
4348                      
4349                     </div>                    
4350                 </div>
4351
4352             </td>
4353             <td class="msource">
4354                 
4355                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4356                 &nbsp;
4357             </td>
4358         </tr>
4359         
4360           
4361           <tr class="method-row config-row-alt0 expandable">
4362             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4363            
4364            
4365             <td class="sig">
4366                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
4367                 <div class="fixedFont">
4368                         <span class="attributes"></span><b class="itemname">isVisible</b>
4369                                 
4370                                  () 
4371                         
4372                                 
4373                         
4374                 </div>
4375                 <div class="mdesc">
4376                 
4377                    <div class="short">Returns true if this component is visible.</div> 
4378                  
4379                  
4380                  
4381                     <div class="long">
4382                         
4383                                 Returns true if this component is visible.
4384                     
4385                                 
4386                         
4387                         
4388                         
4389                         
4390                         
4391                         
4392                         
4393                         
4394                         
4395                         
4396
4397                     
4398                     
4399                      
4400                     </div>                    
4401                 </div>
4402
4403             </td>
4404             <td class="msource">
4405                 
4406                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4407                 &nbsp;
4408             </td>
4409         </tr>
4410         
4411           
4412           <tr class="method-row config-row-alt1 expandable">
4413             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4414            
4415            
4416             <td class="sig">
4417                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
4418                 <div class="fixedFont">
4419                         <span class="attributes"></span><b class="itemname">markInvalid</b>
4420                                 
4421                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>) 
4422                         
4423                                 
4424                         
4425                 </div>
4426                 <div class="mdesc">
4427                 
4428                    <div class="short">Mark this field as invalid</div> 
4429                  
4430                  
4431                  
4432                     <div class="long">
4433                         
4434                                 Mark this field as invalid
4435                     
4436                                 
4437                         
4438                         
4439                         
4440                         
4441                                 <dl class="detailList">
4442                                 <dt class="heading">Parameters:</dt>
4443                                 
4444                                         <dt>
4445                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
4446                                                 
4447                                         </dt>
4448                                         <dd>The validation message</dd>
4449                                 
4450                                 </dl>
4451                         
4452                         
4453                         
4454                         
4455                         
4456                         
4457                         
4458
4459                     
4460                     
4461                      
4462                     </div>                    
4463                 </div>
4464
4465             </td>
4466             <td class="msource">
4467                 
4468                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4469                 &nbsp;
4470             </td>
4471         </tr>
4472         
4473           
4474           <tr class="method-row config-row-alt0 expandable">
4475             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4476            
4477            
4478             <td class="sig">
4479                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
4480                 <div class="fixedFont">
4481                         <span class="attributes"></span><b class="itemname">on</b>
4482                                 
4483                                  (<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>) 
4484                         
4485                                 
4486                         
4487                 </div>
4488                 <div class="mdesc">
4489                 
4490                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div> 
4491                  
4492                  
4493                  
4494                     <div class="long">
4495                         
4496                                 Appends an event handler to this element (shorthand for addListener)
4497                     
4498                                 
4499                         
4500                         
4501                         
4502                         
4503                                 <dl class="detailList">
4504                                 <dt class="heading">Parameters:</dt>
4505                                 
4506                                         <dt>
4507                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4508                                                 
4509                                         </dt>
4510                                         <dd>The type of event to listen for</dd>
4511                                 
4512                                         <dt>
4513                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4514                                                 
4515                                         </dt>
4516                                         <dd>The method the event invokes</dd>
4517                                 
4518                                         <dt>
4519                                                 <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>
4520                                                 
4521                                         </dt>
4522                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
4523                                 
4524                                         <dt>
4525                                                 <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>
4526                                                 
4527                                         </dt>
4528                                         <dd>(optional)</dd>
4529                                 
4530                                 </dl>
4531                         
4532                         
4533                         
4534                         
4535                         
4536                         
4537                         
4538
4539                     
4540                     
4541                      
4542                     </div>                    
4543                 </div>
4544
4545             </td>
4546             <td class="msource">
4547                 
4548                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4549                 &nbsp;
4550             </td>
4551         </tr>
4552         
4553           
4554           <tr class="method-row config-row-alt1 expandable">
4555             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4556            
4557            
4558             <td class="sig">
4559                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
4560                 <div class="fixedFont">
4561                         <span class="attributes"></span><b class="itemname">onPosition</b>
4562                                 
4563                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>) 
4564                         
4565                                 
4566                         
4567                 </div>
4568                 <div class="mdesc">
4569                 
4570                    <div class="short">Called after the component is moved, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a move occurs.</div> 
4571                  
4572                  
4573                  
4574                     <div class="long">
4575                         
4576                                 Called after the component is moved, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a move occurs.
4577                     
4578                                 
4579                         
4580                         
4581                         
4582                         
4583                                 <dl class="detailList">
4584                                 <dt class="heading">Parameters:</dt>
4585                                 
4586                                         <dt>
4587                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
4588                                                 
4589                                         </dt>
4590                                         <dd>The new x position</dd>
4591                                 
4592                                         <dt>
4593                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
4594                                                 
4595                                         </dt>
4596                                         <dd>The new y position</dd>
4597                                 
4598                                 </dl>
4599                         
4600                         
4601                         
4602                         
4603                         
4604                         
4605                         
4606
4607                     
4608                     
4609                      
4610                     </div>                    
4611                 </div>
4612
4613             </td>
4614             <td class="msource">
4615                 
4616                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4617                 &nbsp;
4618             </td>
4619         </tr>
4620         
4621           
4622           <tr class="method-row config-row-alt0 expandable">
4623             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4624            
4625            
4626             <td class="sig">
4627                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
4628                 <div class="fixedFont">
4629                         <span class="attributes"></span><b class="itemname">onResize</b>
4630                                 
4631                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjHeight</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawHeight</i></B>) 
4632                         
4633                                 
4634                         
4635                 </div>
4636                 <div class="mdesc">
4637                 
4638                    <div class="short">Called after the component is resized, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a resize occurs.</div> 
4639                  
4640                  
4641                  
4642                     <div class="long">
4643                         
4644                                 Called after the component is resized, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a resize occurs.
4645                     
4646                                 
4647                         
4648                         
4649                         
4650                         
4651                                 <dl class="detailList">
4652                                 <dt class="heading">Parameters:</dt>
4653                                 
4654                                         <dt>
4655                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
4656                                                 
4657                                         </dt>
4658                                         <dd>The box-adjusted width that was set</dd>
4659                                 
4660                                         <dt>
4661                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
4662                                                 
4663                                         </dt>
4664                                         <dd>The box-adjusted height that was set</dd>
4665                                 
4666                                         <dt>
4667                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
4668                                                 
4669                                         </dt>
4670                                         <dd>The width that was originally specified</dd>
4671                                 
4672                                         <dt>
4673                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
4674                                                 
4675                                         </dt>
4676                                         <dd>The height that was originally specified</dd>
4677                                 
4678                                 </dl>
4679                         
4680                         
4681                         
4682                         
4683                         
4684                         
4685                         
4686
4687                     
4688                     
4689                      
4690                     </div>                    
4691                 </div>
4692
4693             </td>
4694             <td class="msource">
4695                 
4696                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4697                 &nbsp;
4698             </td>
4699         </tr>
4700         
4701           
4702           <tr class="method-row config-row-alt1 expandable">
4703             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4704            
4705            
4706             <td class="sig">
4707                 <a id="Roo.form.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
4708                 <div class="fixedFont">
4709                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
4710                                 
4711                                  (EventObject <B><i>e</i></B>) 
4712                         
4713                                 
4714                         
4715                 </div>
4716                 <div class="mdesc">
4717                 
4718                    <div class="short">The function that should handle the trigger's click event.</div> 
4719                  
4720                  
4721                  
4722                     <div class="long">
4723                         
4724                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
4725                     
4726                                 
4727                         
4728                         
4729                         
4730                         
4731                                 <dl class="detailList">
4732                                 <dt class="heading">Parameters:</dt>
4733                                 
4734                                         <dt>
4735                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
4736                                                 
4737                                         </dt>
4738                                         <dd></dd>
4739                                 
4740                                 </dl>
4741                         
4742                         
4743                         
4744                         
4745                         
4746                         
4747                         
4748
4749                     
4750                     
4751                      
4752                     </div>                    
4753                 </div>
4754
4755             </td>
4756             <td class="msource">
4757                 
4758                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
4759                 &nbsp;
4760             </td>
4761         </tr>
4762         
4763           
4764           <tr class="method-row config-row-alt0 expandable">
4765             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4766            
4767            
4768             <td class="sig">
4769                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
4770                 <div class="fixedFont">
4771                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
4772                                 
4773                                  () 
4774                         
4775                                 
4776                         
4777                 </div>
4778                 <div class="mdesc">
4779                 
4780                    <div class="short">Removes all listeners for this object</div> 
4781                  
4782                  
4783                  
4784                     <div class="long">
4785                         
4786                                 Removes all listeners for this object
4787                     
4788                                 
4789                         
4790                         
4791                         
4792                         
4793                         
4794                         
4795                         
4796                         
4797                         
4798                         
4799
4800                     
4801                     
4802                      
4803                     </div>                    
4804                 </div>
4805
4806             </td>
4807             <td class="msource">
4808                 
4809                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4810                 &nbsp;
4811             </td>
4812         </tr>
4813         
4814           
4815           <tr class="method-row config-row-alt1 expandable">
4816             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4817            
4818            
4819             <td class="sig">
4820                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
4821                 <div class="fixedFont">
4822                         <span class="attributes"></span><b class="itemname">removeListener</b>
4823                                 
4824                                  (<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>) 
4825                         
4826                                 
4827                         
4828                 </div>
4829                 <div class="mdesc">
4830                 
4831                    <div class="short">Removes a listener</div> 
4832                  
4833                  
4834                  
4835                     <div class="long">
4836                         
4837                                 Removes a listener
4838                     
4839                                 
4840                         
4841                         
4842                         
4843                         
4844                                 <dl class="detailList">
4845                                 <dt class="heading">Parameters:</dt>
4846                                 
4847                                         <dt>
4848                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4849                                                 
4850                                         </dt>
4851                                         <dd>The type of event to listen for</dd>
4852                                 
4853                                         <dt>
4854                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4855                                                 
4856                                         </dt>
4857                                         <dd>The handler to remove</dd>
4858                                 
4859                                         <dt>
4860                                                 <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>
4861                                                 
4862                                         </dt>
4863                                         <dd>(optional) The scope (this object) for the handler</dd>
4864                                 
4865                                 </dl>
4866                         
4867                         
4868                         
4869                         
4870                         
4871                         
4872                         
4873
4874                     
4875                     
4876                      
4877                     </div>                    
4878                 </div>
4879
4880             </td>
4881             <td class="msource">
4882                 
4883                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4884                 &nbsp;
4885             </td>
4886         </tr>
4887         
4888           
4889           <tr class="method-row config-row-alt0 expandable">
4890             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4891            
4892            
4893             <td class="sig">
4894                 <a id="Roo.Component-method-render"   name=".render"></a>
4895                 <div class="fixedFont">
4896                         <span class="attributes"></span><b class="itemname">render</b>
4897                                 
4898                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>) 
4899                         
4900                                 
4901                         
4902                 </div>
4903                 <div class="mdesc">
4904                 
4905                    <div class="short">If this is a lazy rendering component, render it to its container element.</div> 
4906                  
4907                  
4908                  
4909                     <div class="long">
4910                         
4911                                 If this is a lazy rendering component, render it to its container element.
4912                     
4913                                 
4914                         
4915                         
4916                         
4917                         
4918                                 <dl class="detailList">
4919                                 <dt class="heading">Parameters:</dt>
4920                                 
4921                                         <dt>
4922                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
4923                                                 
4924                                         </dt>
4925                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
4926                                 
4927                                 </dl>
4928                         
4929                         
4930                         
4931                         
4932                         
4933                         
4934                         
4935
4936                     
4937                     
4938                      
4939                     </div>                    
4940                 </div>
4941
4942             </td>
4943             <td class="msource">
4944                 
4945                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4946                 &nbsp;
4947             </td>
4948         </tr>
4949         
4950           
4951           <tr class="method-row config-row-alt1 expandable">
4952             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4953            
4954            
4955             <td class="sig">
4956                 <a id="Roo.form.TextField-method-reset"   name=".reset"></a>
4957                 <div class="fixedFont">
4958                         <span class="attributes"></span><b class="itemname">reset</b>
4959                                 
4960                                  () 
4961                         
4962                                 
4963                         
4964                 </div>
4965                 <div class="mdesc">
4966                 
4967                    <div class="short">Resets the current field value to the originally-loaded value and clears any validation messages.</div> 
4968                  
4969                  
4970                  
4971                     <div class="long">
4972                         
4973                                 Resets the current field value to the originally-loaded value and clears any validation messages.
4974                     
4975                                 
4976                         
4977                         
4978                         
4979                         
4980                         
4981                         
4982                         
4983                         
4984                         
4985                         
4986
4987                     
4988                     
4989                      
4990                     </div>                    
4991                 </div>
4992
4993             </td>
4994             <td class="msource">
4995                 
4996                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
4997                 &nbsp;
4998             </td>
4999         </tr>
5000         
5001           
5002           <tr class="method-row config-row-alt0 expandable notInherited">
5003             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5004            
5005            
5006             <td class="sig">
5007                 <a id="Roo.form.Select-method-select"   name=".select"></a>
5008                 <div class="fixedFont">
5009                         <span class="attributes"></span><b class="itemname">select</b>
5010                                 
5011                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>scrollIntoView</i></B>) 
5012                         
5013                                 
5014                         
5015                 </div>
5016                 <div class="mdesc">
5017                 
5018                    <div class="short">Select an item in the dropdown list by its numeric index in the list.</div> 
5019                  
5020                  
5021                  
5022                     <div class="long">
5023                         
5024                                 Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.<br/>The store must be loaded and the list expanded for this function to work, otherwise use setValue.
5025                     
5026                                 
5027                         
5028                         
5029                         
5030                         
5031                                 <dl class="detailList">
5032                                 <dt class="heading">Parameters:</dt>
5033                                 
5034                                         <dt>
5035                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>index</b>
5036                                                 
5037                                         </dt>
5038                                         <dd>The zero-based index of the list item to select</dd>
5039                                 
5040                                         <dt>
5041                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>scrollIntoView</b>
5042                                                 
5043                                         </dt>
5044                                         <dd>False to prevent the dropdown list from autoscrolling to display the<br/>selected item if it is not currently in view (defaults to true)</dd>
5045                                 
5046                                 </dl>
5047                         
5048                         
5049                         
5050                         
5051                         
5052                         
5053                         
5054
5055                     
5056                     
5057                      
5058                     </div>                    
5059                 </div>
5060
5061             </td>
5062             <td class="msource">
5063                 
5064                         Roo.form.Select
5065                 &nbsp;
5066             </td>
5067         </tr>
5068         
5069           
5070           <tr class="method-row config-row-alt1 expandable notInherited">
5071             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5072            
5073            
5074             <td class="sig">
5075                 <a id="Roo.form.Select-method-selectByValue"   name=".selectByValue"></a>
5076                 <div class="fixedFont">
5077                         <span class="attributes"></span><b class="itemname">selectByValue</b>
5078                                 
5079                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>scrollIntoView</i></B>) 
5080                         
5081                                 
5082                                          : 
5083                                         
5084                                                 
5085                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5086                                         
5087                                         
5088                                         
5089                                 
5090                         
5091                 </div>
5092                 <div class="mdesc">
5093                 
5094                    <div class="short">Select an item in the dropdown list by its data value.</div> 
5095                  
5096                  
5097                  
5098                     <div class="long">
5099                         
5100                                 Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.<br/>The store must be loaded and the list expanded for this function to work, otherwise use setValue.
5101                     
5102                                 
5103                         
5104                         
5105                         
5106                         
5107                                 <dl class="detailList">
5108                                 <dt class="heading">Parameters:</dt>
5109                                 
5110                                         <dt>
5111                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5112                                                 
5113                                         </dt>
5114                                         <dd>The data value of the item to select</dd>
5115                                 
5116                                         <dt>
5117                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>scrollIntoView</b>
5118                                                 
5119                                         </dt>
5120                                         <dd>False to prevent the dropdown list from autoscrolling to display the<br/>selected item if it is not currently in view (defaults to true)</dd>
5121                                 
5122                                 </dl>
5123                         
5124                         
5125                         
5126                         
5127                         
5128                                 <dl class="detailList">
5129                                 <dt class="heading">Returns:</dt>
5130                                 
5131                                         <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 matched an item in the list, else false</dd>
5132                                 
5133                                 </dl>
5134                         
5135                         
5136                         
5137
5138                     
5139                     
5140                      
5141                     </div>                    
5142                 </div>
5143
5144             </td>
5145             <td class="msource">
5146                 
5147                         Roo.form.Select
5148                 &nbsp;
5149             </td>
5150         </tr>
5151         
5152           
5153           <tr class="method-row config-row-alt0 expandable">
5154             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5155            
5156            
5157             <td class="sig">
5158                 <a id="Roo.form.TextField-method-selectText"   name=".selectText"></a>
5159                 <div class="fixedFont">
5160                         <span class="attributes"></span><b class="itemname">selectText</b>
5161                                 
5162                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>start</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>end</i></B>) 
5163                         
5164                                 
5165                         
5166                 </div>
5167                 <div class="mdesc">
5168                 
5169                    <div class="short">Selects text in this field</div> 
5170                  
5171                  
5172                  
5173                     <div class="long">
5174                         
5175                                 Selects text in this field
5176                     
5177                                 
5178                         
5179                         
5180                         
5181                         
5182                                 <dl class="detailList">
5183                                 <dt class="heading">Parameters:</dt>
5184                                 
5185                                         <dt>
5186                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>start</b>
5187                                                 
5188                                         </dt>
5189                                         <dd>(optional) The index where the selection should start (defaults to 0)</dd>
5190                                 
5191                                         <dt>
5192                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>end</b>
5193                                                 
5194                                         </dt>
5195                                         <dd>(optional) The index where the selection should end (defaults to the text length)</dd>
5196                                 
5197                                 </dl>
5198                         
5199                         
5200                         
5201                         
5202                         
5203                         
5204                         
5205
5206                     
5207                     
5208                      
5209                     </div>                    
5210                 </div>
5211
5212             </td>
5213             <td class="msource">
5214                 
5215                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5216                 &nbsp;
5217             </td>
5218         </tr>
5219         
5220           
5221           <tr class="method-row config-row-alt1 expandable">
5222             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5223            
5224            
5225             <td class="sig">
5226                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
5227                 <div class="fixedFont">
5228                         <span class="attributes"></span><b class="itemname">setDisabled</b>
5229                                 
5230                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>) 
5231                         
5232                                 
5233                         
5234                 </div>
5235                 <div class="mdesc">
5236                 
5237                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div> 
5238                  
5239                  
5240                  
5241                     <div class="long">
5242                         
5243                                 Convenience function for setting disabled/enabled by boolean.
5244                     
5245                                 
5246                         
5247                         
5248                         
5249                         
5250                                 <dl class="detailList">
5251                                 <dt class="heading">Parameters:</dt>
5252                                 
5253                                         <dt>
5254                                                 <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>
5255                                                 
5256                                         </dt>
5257                                         <dd></dd>
5258                                 
5259                                 </dl>
5260                         
5261                         
5262                         
5263                         
5264                         
5265                         
5266                         
5267
5268                     
5269                     
5270                      
5271                     </div>                    
5272                 </div>
5273
5274             </td>
5275             <td class="msource">
5276                 
5277                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5278                 &nbsp;
5279             </td>
5280         </tr>
5281         
5282           
5283           <tr class="method-row config-row-alt0 expandable notInherited">
5284             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5285            
5286            
5287             <td class="sig">
5288                 <a id="Roo.form.Select-method-setEditable"   name=".setEditable"></a>
5289                 <div class="fixedFont">
5290                         <span class="attributes"></span><b class="itemname">setEditable</b>
5291                                 
5292                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>) 
5293                         
5294                                 
5295                         
5296                 </div>
5297                 <div class="mdesc">
5298                 
5299                    <div class="short">Allow or prevent the user from directly editing the field text.</div> 
5300                  
5301                  
5302                  
5303                     <div class="long">
5304                         
5305                                 Allow or prevent the user from directly editing the field text.  If false is passed,<br/>the user will only be able to select from the items defined in the dropdown list.  This method<br/>is the runtime equivalent of setting the 'editable' config option at config time.
5306                     
5307                                 
5308                         
5309                         
5310                         
5311                         
5312                                 <dl class="detailList">
5313                                 <dt class="heading">Parameters:</dt>
5314                                 
5315                                         <dt>
5316                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>value</b>
5317                                                 
5318                                         </dt>
5319                                         <dd>True to allow the user to directly edit the field text</dd>
5320                                 
5321                                 </dl>
5322                         
5323                         
5324                         
5325                         
5326                         
5327                         
5328                         
5329
5330                     
5331                     
5332                      
5333                     </div>                    
5334                 </div>
5335
5336             </td>
5337             <td class="msource">
5338                 
5339                         Roo.form.Select
5340                 &nbsp;
5341             </td>
5342         </tr>
5343         
5344           
5345           <tr class="method-row config-row-alt1 expandable notInherited">
5346             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5347            
5348            
5349             <td class="sig">
5350                 <a id="Roo.form.Select-method-setFromData"   name=".setFromData"></a>
5351                 <div class="fixedFont">
5352                         <span class="attributes"></span><b class="itemname">setFromData</b>
5353                                 
5354                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>value</i></B>) 
5355                         
5356                                 
5357                         
5358                 </div>
5359                 <div class="mdesc">
5360                 
5361                    <div class="short">Sets the value of the field based on a object which is related to the record format for the store.</div> 
5362                  
5363                  
5364                  
5365                     <div class="long">
5366                         
5367                                 Sets the value of the field based on a object which is related to the record format for the store.
5368                     
5369                                 
5370                         
5371                         
5372                         
5373                         
5374                                 <dl class="detailList">
5375                                 <dt class="heading">Parameters:</dt>
5376                                 
5377                                         <dt>
5378                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>value</b>
5379                                                 
5380                                         </dt>
5381                                         <dd>the value to set as. or false on reset?</dd>
5382                                 
5383                                 </dl>
5384                         
5385                         
5386                         
5387                         
5388                         
5389                         
5390                         
5391
5392                     
5393                     
5394                      
5395                     </div>                    
5396                 </div>
5397
5398             </td>
5399             <td class="msource">
5400                 
5401                         Roo.form.Select
5402                 &nbsp;
5403             </td>
5404         </tr>
5405         
5406           
5407           <tr class="method-row config-row-alt0 expandable">
5408             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5409            
5410            
5411             <td class="sig">
5412                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
5413                 <div class="fixedFont">
5414                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
5415                                 
5416                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>) 
5417                         
5418                                 
5419                         
5420                 </div>
5421                 <div class="mdesc">
5422                 
5423                    <div class="short">Sets the page XY position of the component.</div> 
5424                  
5425                  
5426                  
5427                     <div class="long">
5428                         
5429                                 Sets the page XY position of the component.  To set the left and top instead, use {<b>link</b> <b>setPosition</b>}.<br/>This method fires the move event.
5430                     
5431                                 
5432                         
5433                         
5434                         
5435                         
5436                                 <dl class="detailList">
5437                                 <dt class="heading">Parameters:</dt>
5438                                 
5439                                         <dt>
5440                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
5441                                                 
5442                                         </dt>
5443                                         <dd>The new x position</dd>
5444                                 
5445                                         <dt>
5446                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
5447                                                 
5448                                         </dt>
5449                                         <dd>The new y position</dd>
5450                                 
5451                                 </dl>
5452                         
5453                         
5454                         
5455                         
5456                         
5457                         
5458                         
5459
5460                     
5461                     
5462                      
5463                     </div>                    
5464                 </div>
5465
5466             </td>
5467             <td class="msource">
5468                 
5469                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5470                 &nbsp;
5471             </td>
5472         </tr>
5473         
5474           
5475           <tr class="method-row config-row-alt1 expandable">
5476             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5477            
5478            
5479             <td class="sig">
5480                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
5481                 <div class="fixedFont">
5482                         <span class="attributes"></span><b class="itemname">setPosition</b>
5483                                 
5484                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>left</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>top</i></B>) 
5485                         
5486                                 
5487                         
5488                 </div>
5489                 <div class="mdesc">
5490                 
5491                    <div class="short">Sets the left and top of the component.</div> 
5492                  
5493                  
5494                  
5495                     <div class="long">
5496                         
5497                                 Sets the left and top of the component.  To set the page XY position instead, use {<b>link</b> <b>setPagePosition</b>}.<br/>This method fires the move event.
5498                     
5499                                 
5500                         
5501                         
5502                         
5503                         
5504                                 <dl class="detailList">
5505                                 <dt class="heading">Parameters:</dt>
5506                                 
5507                                         <dt>
5508                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
5509                                                 
5510                                         </dt>
5511                                         <dd>The new left</dd>
5512                                 
5513                                         <dt>
5514                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
5515                                                 
5516                                         </dt>
5517                                         <dd>The new top</dd>
5518                                 
5519                                 </dl>
5520                         
5521                         
5522                         
5523                         
5524                         
5525                         
5526                         
5527
5528                     
5529                     
5530                      
5531                     </div>                    
5532                 </div>
5533
5534             </td>
5535             <td class="msource">
5536                 
5537                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5538                 &nbsp;
5539             </td>
5540         </tr>
5541         
5542           
5543           <tr class="method-row config-row-alt0 expandable">
5544             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5545            
5546            
5547             <td class="sig">
5548                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
5549                 <div class="fixedFont">
5550                         <span class="attributes"></span><b class="itemname">setRawValue</b>
5551                                 
5552                                  (Mixed <B><i>value</i></B>) 
5553                         
5554                                 
5555                         
5556                 </div>
5557                 <div class="mdesc">
5558                 
5559                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div> 
5560                  
5561                  
5562                  
5563                     <div class="long">
5564                         
5565                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
5566                     
5567                                 
5568                         
5569                         
5570                         
5571                         
5572                                 <dl class="detailList">
5573                                 <dt class="heading">Parameters:</dt>
5574                                 
5575                                         <dt>
5576                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
5577                                                 
5578                                         </dt>
5579                                         <dd>The value to set</dd>
5580                                 
5581                                 </dl>
5582                         
5583                         
5584                         
5585                         
5586                         
5587                         
5588                         
5589
5590                     
5591                     
5592                      
5593                     </div>                    
5594                 </div>
5595
5596             </td>
5597             <td class="msource">
5598                 
5599                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5600                 &nbsp;
5601             </td>
5602         </tr>
5603         
5604           
5605           <tr class="method-row config-row-alt1 expandable">
5606             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5607            
5608            
5609             <td class="sig">
5610                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
5611                 <div class="fixedFont">
5612                         <span class="attributes"></span><b class="itemname">setSize</b>
5613                                 
5614                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>) 
5615                         
5616                                 
5617                                          : 
5618                                         
5619                                                 
5620                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5621                                         
5622                                         
5623                                         
5624                                 
5625                         
5626                 </div>
5627                 <div class="mdesc">
5628                 
5629                    <div class="short">Sets the width and height of the component.</div> 
5630                  
5631                  
5632                  
5633                     <div class="long">
5634                         
5635                                 Sets the width and height of the component.  This method fires the resize event.  This method can accept<br/>either width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.
5636                     
5637                                 
5638                         
5639                         
5640                         
5641                         
5642                                 <dl class="detailList">
5643                                 <dt class="heading">Parameters:</dt>
5644                                 
5645                                         <dt>
5646                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
5647                                                 
5648                                         </dt>
5649                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
5650                                 
5651                                         <dt>
5652                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
5653                                                 
5654                                         </dt>
5655                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
5656                                 
5657                                 </dl>
5658                         
5659                         
5660                         
5661                         
5662                         
5663                                 <dl class="detailList">
5664                                 <dt class="heading">Returns:</dt>
5665                                 
5666                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
5667                                 
5668                                 </dl>
5669                         
5670                         
5671                         
5672
5673                     
5674                     
5675                      
5676                     </div>                    
5677                 </div>
5678
5679             </td>
5680             <td class="msource">
5681                 
5682                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5683                 &nbsp;
5684             </td>
5685         </tr>
5686         
5687           
5688           <tr class="method-row config-row-alt0 expandable notInherited">
5689             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5690            
5691            
5692             <td class="sig">
5693                 <a id="Roo.form.Select-method-setValue"   name=".setValue"></a>
5694                 <div class="fixedFont">
5695                         <span class="attributes"></span><b class="itemname">setValue</b>
5696                                 
5697                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>) 
5698                         
5699                                 
5700                         
5701                 </div>
5702                 <div class="mdesc">
5703                 
5704                    <div class="short">Sets the specified value into the field.</div> 
5705                  
5706                  
5707                  
5708                     <div class="long">
5709                         
5710                                 Sets the specified value into the field.  If the value finds a match, the corresponding record text<br/>will be displayed in the field.  If the value does not match the data value of an existing item,<br/>and the valueNotFoundText config option is defined, it will be displayed as the default field text.<br/>Otherwise the field will be blank (although the value will still be set).
5711                     
5712                                 
5713                         
5714                         
5715                         
5716                         
5717                                 <dl class="detailList">
5718                                 <dt class="heading">Parameters:</dt>
5719                                 
5720                                         <dt>
5721                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5722                                                 
5723                                         </dt>
5724                                         <dd>The value to match</dd>
5725                                 
5726                                 </dl>
5727                         
5728                         
5729                         
5730                         
5731                         
5732                         
5733                         
5734
5735                     
5736                     
5737                      
5738                     </div>                    
5739                 </div>
5740
5741             </td>
5742             <td class="msource">
5743                 
5744                         Roo.form.Select
5745                 &nbsp;
5746             </td>
5747         </tr>
5748         
5749           
5750           <tr class="method-row config-row-alt1 expandable">
5751             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5752            
5753            
5754             <td class="sig">
5755                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
5756                 <div class="fixedFont">
5757                         <span class="attributes"></span><b class="itemname">setVisible</b>
5758                                 
5759                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>) 
5760                         
5761                                 
5762                                          : 
5763                                         
5764                                                 
5765                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5766                                         
5767                                         
5768                                         
5769                                 
5770                         
5771                 </div>
5772                 <div class="mdesc">
5773                 
5774                    <div class="short">Convenience function to hide or show this component by boolean.</div> 
5775                  
5776                  
5777                  
5778                     <div class="long">
5779                         
5780                                 Convenience function to hide or show this component by boolean.
5781                     
5782                                 
5783                         
5784                         
5785                         
5786                         
5787                                 <dl class="detailList">
5788                                 <dt class="heading">Parameters:</dt>
5789                                 
5790                                         <dt>
5791                                                 <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>
5792                                                 
5793                                         </dt>
5794                                         <dd>True to show, false to hide</dd>
5795                                 
5796                                 </dl>
5797                         
5798                         
5799                         
5800                         
5801                         
5802                                 <dl class="detailList">
5803                                 <dt class="heading">Returns:</dt>
5804                                 
5805                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
5806                                 
5807                                 </dl>
5808                         
5809                         
5810                         
5811
5812                     
5813                     
5814                      
5815                     </div>                    
5816                 </div>
5817
5818             </td>
5819             <td class="msource">
5820                 
5821                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5822                 &nbsp;
5823             </td>
5824         </tr>
5825         
5826           
5827           <tr class="method-row config-row-alt0 expandable notInherited">
5828             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5829            
5830            
5831             <td class="sig">
5832                 <a id="Roo.form.Select-method-setWidth"   name=".setWidth"></a>
5833                 <div class="fixedFont">
5834                         <span class="attributes"></span><b class="itemname">setWidth</b>
5835                                 
5836                                  () 
5837                         
5838                                 
5839                         
5840                 </div>
5841                 <div class="mdesc">
5842                 
5843                    <div class="short"></div> 
5844                  
5845                  
5846                  
5847                     <div class="long">
5848                         
5849                                 
5850                     
5851                                 
5852                         
5853                         
5854                         
5855                         
5856                         
5857                         
5858                         
5859                         
5860                         
5861                         
5862
5863                     
5864                     
5865                      
5866                     </div>                    
5867                 </div>
5868
5869             </td>
5870             <td class="msource">
5871                 
5872                         Roo.form.Select
5873                 &nbsp;
5874             </td>
5875         </tr>
5876         
5877           
5878           <tr class="method-row config-row-alt1 expandable">
5879             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5880            
5881            
5882             <td class="sig">
5883                 <a id="Roo.Component-method-show"   name=".show"></a>
5884                 <div class="fixedFont">
5885                         <span class="attributes"></span><b class="itemname">show</b>
5886                                 
5887                                  () 
5888                         
5889                                 
5890                                          : 
5891                                         
5892                                                 
5893                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5894                                         
5895                                         
5896                                         
5897                                 
5898                         
5899                 </div>
5900                 <div class="mdesc">
5901                 
5902                    <div class="short">Show this component.</div> 
5903                  
5904                  
5905                  
5906                     <div class="long">
5907                         
5908                                 Show this component.
5909                     
5910                                 
5911                         
5912                         
5913                         
5914                         
5915                         
5916                         
5917                         
5918                         
5919                                 <dl class="detailList">
5920                                 <dt class="heading">Returns:</dt>
5921                                 
5922                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
5923                                 
5924                                 </dl>
5925                         
5926                         
5927                         
5928
5929                     
5930                     
5931                      
5932                     </div>                    
5933                 </div>
5934
5935             </td>
5936             <td class="msource">
5937                 
5938                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5939                 &nbsp;
5940             </td>
5941         </tr>
5942         
5943           
5944           <tr class="method-row config-row-alt0 expandable">
5945             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5946            
5947            
5948             <td class="sig">
5949                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
5950                 <div class="fixedFont">
5951                         <span class="attributes"></span><b class="itemname">syncSize</b>
5952                                 
5953                                  () 
5954                         
5955                                 
5956                         
5957                 </div>
5958                 <div class="mdesc">
5959                 
5960                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div> 
5961                  
5962                  
5963                  
5964                     <div class="long">
5965                         
5966                                 Force the component's size to recalculate based on the underlying element's current height and width.
5967                     
5968                                 
5969                         
5970                         
5971                         
5972                         
5973                         
5974                         
5975                         
5976                         
5977                         
5978                         
5979
5980                     
5981                     
5982                      
5983                     </div>                    
5984                 </div>
5985
5986             </td>
5987             <td class="msource">
5988                 
5989                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5990                 &nbsp;
5991             </td>
5992         </tr>
5993         
5994           
5995           <tr class="method-row config-row-alt1 expandable">
5996             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5997            
5998            
5999             <td class="sig">
6000                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
6001                 <div class="fixedFont">
6002                         <span class="attributes"></span><b class="itemname">un</b>
6003                                 
6004                                  (<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>) 
6005                         
6006                                 
6007                         
6008                 </div>
6009                 <div class="mdesc">
6010                 
6011                    <div class="short">Removes a listener (shorthand for removeListener)</div> 
6012                  
6013                  
6014                  
6015                     <div class="long">
6016                         
6017                                 Removes a listener (shorthand for removeListener)
6018                     
6019                                 
6020                         
6021                         
6022                         
6023                         
6024                                 <dl class="detailList">
6025                                 <dt class="heading">Parameters:</dt>
6026                                 
6027                                         <dt>
6028                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
6029                                                 
6030                                         </dt>
6031                                         <dd>The type of event to listen for</dd>
6032                                 
6033                                         <dt>
6034                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
6035                                                 
6036                                         </dt>
6037                                         <dd>The handler to remove</dd>
6038                                 
6039                                         <dt>
6040                                                 <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>
6041                                                 
6042                                         </dt>
6043                                         <dd>(optional) The scope (this object) for the handler</dd>
6044                                 
6045                                 </dl>
6046                         
6047                         
6048                         
6049                         
6050                         
6051                         
6052                         
6053
6054                     
6055                     
6056                      
6057                     </div>                    
6058                 </div>
6059
6060             </td>
6061             <td class="msource">
6062                 
6063                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
6064                 &nbsp;
6065             </td>
6066         </tr>
6067         
6068           
6069           <tr class="method-row config-row-alt0 expandable">
6070             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6071            
6072            
6073             <td class="sig">
6074                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
6075                 <div class="fixedFont">
6076                         <span class="attributes"></span><b class="itemname">updateBox</b>
6077                                 
6078                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>) 
6079                         
6080                                 
6081                         
6082                 </div>
6083                 <div class="mdesc">
6084                 
6085                    <div class="short">Sets the current box measurements of the component's underlying element.</div> 
6086                  
6087                  
6088                  
6089                     <div class="long">
6090                         
6091                                 Sets the current box measurements of the component's underlying element.
6092                     
6093                                 
6094                         
6095                         
6096                         
6097                         
6098                                 <dl class="detailList">
6099                                 <dt class="heading">Parameters:</dt>
6100                                 
6101                                         <dt>
6102                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>box</b>
6103                                                 
6104                                         </dt>
6105                                         <dd>An object in the format {x, y, width, height}</dd>
6106                                 
6107                                 </dl>
6108                         
6109                         
6110                         
6111                         
6112                         
6113                         
6114                         
6115
6116                     
6117                     
6118                      
6119                     </div>                    
6120                 </div>
6121
6122             </td>
6123             <td class="msource">
6124                 
6125                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6126                 &nbsp;
6127             </td>
6128         </tr>
6129         
6130           
6131           <tr class="method-row config-row-alt1 expandable">
6132             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6133            
6134            
6135             <td class="sig">
6136                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
6137                 <div class="fixedFont">
6138                         <span class="attributes"></span><b class="itemname">validate</b>
6139                                 
6140                                  () 
6141                         
6142                                 
6143                                          : 
6144                                         
6145                                                 
6146                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6147                                         
6148                                         
6149                                         
6150                                 
6151                         
6152                 </div>
6153                 <div class="mdesc">
6154                 
6155                    <div class="short">Validates the field value</div> 
6156                  
6157                  
6158                  
6159                     <div class="long">
6160                         
6161                                 Validates the field value
6162                     
6163                                 
6164                         
6165                         
6166                         
6167                         
6168                         
6169                         
6170                         
6171                         
6172                                 <dl class="detailList">
6173                                 <dt class="heading">Returns:</dt>
6174                                 
6175                                         <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>
6176                                 
6177                                 </dl>
6178                         
6179                         
6180                         
6181
6182                     
6183                     
6184                      
6185                     </div>                    
6186                 </div>
6187
6188             </td>
6189             <td class="msource">
6190                 
6191                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6192                 &nbsp;
6193             </td>
6194         </tr>
6195         
6196           
6197           <tr class="method-row config-row-alt0 expandable">
6198             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6199            
6200            
6201             <td class="sig">
6202                 <a id="Roo.form.TextField-method-validateValue"   name=".validateValue"></a>
6203                 <div class="fixedFont">
6204                         <span class="attributes"></span><b class="itemname">validateValue</b>
6205                                 
6206                                  (Mixed <B><i>value</i></B>) 
6207                         
6208                                 
6209                                          : 
6210                                         
6211                                                 
6212                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6213                                         
6214                                         
6215                                         
6216                                 
6217                         
6218                 </div>
6219                 <div class="mdesc">
6220                 
6221                    <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> 
6222                  
6223                  
6224                  
6225                     <div class="long">
6226                         
6227                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
6228                     
6229                                 
6230                         
6231                         
6232                         
6233                         
6234                                 <dl class="detailList">
6235                                 <dt class="heading">Parameters:</dt>
6236                                 
6237                                         <dt>
6238                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
6239                                                 
6240                                         </dt>
6241                                         <dd>The value to validate</dd>
6242                                 
6243                                 </dl>
6244                         
6245                         
6246                         
6247                         
6248                         
6249                                 <dl class="detailList">
6250                                 <dt class="heading">Returns:</dt>
6251                                 
6252                                         <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>
6253                                 
6254                                 </dl>
6255                         
6256                         
6257                         
6258
6259                     
6260                     
6261                      
6262                     </div>                    
6263                 </div>
6264
6265             </td>
6266             <td class="msource">
6267                 
6268                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6269                 &nbsp;
6270             </td>
6271         </tr>
6272         
6273                                                        
6274     </table>
6275
6276   
6277   <!-- ============================== events summary / details ======================== -->
6278   
6279   
6280   <a id="Roo.form.Select-events"></a>
6281     
6282   
6283         
6284    
6285   
6286     
6287     
6288     
6289       <table cellspacing="0" class="member-table">
6290                 <caption>Events</caption>
6291               <thead>
6292                 <tr>
6293                     <th class="sig-header" colspan="2">Event</th>            
6294                     <th class="msource-header">Defined By</th>
6295
6296                 </tr>
6297               </thead>  
6298         
6299         
6300          
6301         
6302         
6303           <tr class="method-row expandable config-row-alt0">
6304             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6305             
6306             <td class="sig">
6307                 <a id="Roo.form.TextField-event-*autosize"></a>
6308                 
6309                <div class="fixedFont">
6310                 <b class="itemname">autosize</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="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>) 
6311                 
6312                 </div>
6313
6314                 <div class="mdesc">
6315
6316                    <div class="short">Fires when the autosize function is triggered.
6317                    
6318                 </div> 
6319                     
6320                     <div class="long">
6321                     
6322                         Fires when the autosize function is triggered.  The field may or may not have actually changed size<br/>according to the default logic, but this event provides a hook for the developer to apply additional<br/>logic at runtime to resize the field if needed.
6323                     
6324                         
6325                         
6326                 
6327                         
6328                                 <dl class="detailList">
6329                                 <dt class="heading">Parameters:</dt>
6330                                 
6331                                         <dt>
6332                                                 <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>
6333                                                 
6334                                         </dt>
6335                                         <dd>This text field</dd>
6336                                 
6337                                         <dt>
6338                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
6339                                                 
6340                                         </dt>
6341                                         <dd>The new field width</dd>
6342                                 
6343                                 </dl>
6344                         
6345                         
6346                         
6347                         
6348                         
6349                         
6350                         
6351
6352                     
6353                     
6354                      
6355                     </div>                    
6356                 </div>
6357
6358             </td>
6359             <td class="msource">
6360                 <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6361             </td>
6362         </tr>
6363         
6364           <tr class="method-row expandable config-row-alt1">
6365             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6366             
6367             <td class="sig">
6368                 <a id="Roo.Component-event-*beforedestroy"></a>
6369                 
6370                <div class="fixedFont">
6371                 <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>) 
6372                 
6373                 </div>
6374
6375                 <div class="mdesc">
6376
6377                    <div class="short">Fires before the component is destroyed.
6378                    
6379                 </div> 
6380                     
6381                     <div class="long">
6382                     
6383                         Fires before the component is destroyed. Return false to stop the destroy.
6384                     
6385                         
6386                         
6387                 
6388                         
6389                                 <dl class="detailList">
6390                                 <dt class="heading">Parameters:</dt>
6391                                 
6392                                         <dt>
6393                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6394                                                 
6395                                         </dt>
6396                                         <dd></dd>
6397                                 
6398                                 </dl>
6399                         
6400                         
6401                         
6402                         
6403                         
6404                         
6405                         
6406
6407                     
6408                     
6409                      
6410                     </div>                    
6411                 </div>
6412
6413             </td>
6414             <td class="msource">
6415                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6416             </td>
6417         </tr>
6418         
6419           <tr class="method-row expandable config-row-alt0">
6420             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6421             
6422             <td class="sig">
6423                 <a id="Roo.Component-event-*beforehide"></a>
6424                 
6425                <div class="fixedFont">
6426                 <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>) 
6427                 
6428                 </div>
6429
6430                 <div class="mdesc">
6431
6432                    <div class="short">Fires before the component is hidden.
6433                    
6434                 </div> 
6435                     
6436                     <div class="long">
6437                     
6438                         Fires before the component is hidden. Return false to stop the hide.
6439                     
6440                         
6441                         
6442                 
6443                         
6444                                 <dl class="detailList">
6445                                 <dt class="heading">Parameters:</dt>
6446                                 
6447                                         <dt>
6448                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6449                                                 
6450                                         </dt>
6451                                         <dd></dd>
6452                                 
6453                                 </dl>
6454                         
6455                         
6456                         
6457                         
6458                         
6459                         
6460                         
6461
6462                     
6463                     
6464                      
6465                     </div>                    
6466                 </div>
6467
6468             </td>
6469             <td class="msource">
6470                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6471             </td>
6472         </tr>
6473         
6474           <tr class="method-row expandable config-row-alt1">
6475             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6476             
6477             <td class="sig">
6478                 <a id="Roo.Component-event-*beforerender"></a>
6479                 
6480                <div class="fixedFont">
6481                 <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>) 
6482                 
6483                 </div>
6484
6485                 <div class="mdesc">
6486
6487                    <div class="short">Fires before the component is rendered.
6488                    
6489                 </div> 
6490                     
6491                     <div class="long">
6492                     
6493                         Fires before the component is rendered. Return false to stop the render.
6494                     
6495                         
6496                         
6497                 
6498                         
6499                                 <dl class="detailList">
6500                                 <dt class="heading">Parameters:</dt>
6501                                 
6502                                         <dt>
6503                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6504                                                 
6505                                         </dt>
6506                                         <dd></dd>
6507                                 
6508                                 </dl>
6509                         
6510                         
6511                         
6512                         
6513                         
6514                         
6515                         
6516
6517                     
6518                     
6519                      
6520                     </div>                    
6521                 </div>
6522
6523             </td>
6524             <td class="msource">
6525                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6526             </td>
6527         </tr>
6528         
6529           <tr class="method-row expandable config-row-alt0">
6530             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6531             
6532             <td class="sig">
6533                 <a id="Roo.Component-event-*beforeshow"></a>
6534                 
6535                <div class="fixedFont">
6536                 <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>) 
6537                 
6538                 </div>
6539
6540                 <div class="mdesc">
6541
6542                    <div class="short">Fires before the component is shown.
6543                    
6544                 </div> 
6545                     
6546                     <div class="long">
6547                     
6548                         Fires before the component is shown.  Return false to stop the show.
6549                     
6550                         
6551                         
6552                 
6553                         
6554                                 <dl class="detailList">
6555                                 <dt class="heading">Parameters:</dt>
6556                                 
6557                                         <dt>
6558                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6559                                                 
6560                                         </dt>
6561                                         <dd></dd>
6562                                 
6563                                 </dl>
6564                         
6565                         
6566                         
6567                         
6568                         
6569                         
6570                         
6571
6572                     
6573                     
6574                      
6575                     </div>                    
6576                 </div>
6577
6578             </td>
6579             <td class="msource">
6580                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6581             </td>
6582         </tr>
6583         
6584           <tr class="method-row expandable config-row-alt1">
6585             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6586             
6587             <td class="sig">
6588                 <a id="Roo.form.Field-event-*blur"></a>
6589                 
6590                <div class="fixedFont">
6591                 <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>) 
6592                 
6593                 </div>
6594
6595                 <div class="mdesc">
6596
6597                    <div class="short">Fires when this field loses input focus.
6598                    
6599                 </div> 
6600                     
6601                     <div class="long">
6602                     
6603                         Fires when this field loses input focus.
6604                     
6605                         
6606                         
6607                 
6608                         
6609                                 <dl class="detailList">
6610                                 <dt class="heading">Parameters:</dt>
6611                                 
6612                                         <dt>
6613                                                 <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>
6614                                                 
6615                                         </dt>
6616                                         <dd></dd>
6617                                 
6618                                 </dl>
6619                         
6620                         
6621                         
6622                         
6623                         
6624                         
6625                         
6626
6627                     
6628                     
6629                      
6630                     </div>                    
6631                 </div>
6632
6633             </td>
6634             <td class="msource">
6635                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6636             </td>
6637         </tr>
6638         
6639           <tr class="method-row expandable config-row-alt0">
6640             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6641             
6642             <td class="sig">
6643                 <a id="Roo.form.Field-event-*change"></a>
6644                 
6645                <div class="fixedFont">
6646                 <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>) 
6647                 
6648                 </div>
6649
6650                 <div class="mdesc">
6651
6652                    <div class="short">Fires just before the field blurs if the field value has changed.
6653                    
6654                 </div> 
6655                     
6656                     <div class="long">
6657                     
6658                         Fires just before the field blurs if the field value has changed.
6659                     
6660                         
6661                         
6662                 
6663                         
6664                                 <dl class="detailList">
6665                                 <dt class="heading">Parameters:</dt>
6666                                 
6667                                         <dt>
6668                                                 <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>
6669                                                 
6670                                         </dt>
6671                                         <dd></dd>
6672                                 
6673                                         <dt>
6674                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
6675                                                 
6676                                         </dt>
6677                                         <dd>The new value</dd>
6678                                 
6679                                         <dt>
6680                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
6681                                                 
6682                                         </dt>
6683                                         <dd>The original value</dd>
6684                                 
6685                                 </dl>
6686                         
6687                         
6688                         
6689                         
6690                         
6691                         
6692                         
6693
6694                     
6695                     
6696                      
6697                     </div>                    
6698                 </div>
6699
6700             </td>
6701             <td class="msource">
6702                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6703             </td>
6704         </tr>
6705         
6706           <tr class="method-row expandable config-row-alt1">
6707             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6708             
6709             <td class="sig">
6710                 <a id="Roo.Component-event-*destroy"></a>
6711                 
6712                <div class="fixedFont">
6713                 <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>) 
6714                 
6715                 </div>
6716
6717                 <div class="mdesc">
6718
6719                    <div class="short">Fires after the component is destroyed.
6720                    
6721                 </div> 
6722                     
6723                     <div class="long">
6724                     
6725                         Fires after the component is destroyed.
6726                     
6727                         
6728                         
6729                 
6730                         
6731                                 <dl class="detailList">
6732                                 <dt class="heading">Parameters:</dt>
6733                                 
6734                                         <dt>
6735                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6736                                                 
6737                                         </dt>
6738                                         <dd></dd>
6739                                 
6740                                 </dl>
6741                         
6742                         
6743                         
6744                         
6745                         
6746                         
6747                         
6748
6749                     
6750                     
6751                      
6752                     </div>                    
6753                 </div>
6754
6755             </td>
6756             <td class="msource">
6757                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6758             </td>
6759         </tr>
6760         
6761           <tr class="method-row expandable config-row-alt0">
6762             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6763             
6764             <td class="sig">
6765                 <a id="Roo.Component-event-*disable"></a>
6766                 
6767                <div class="fixedFont">
6768                 <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>) 
6769                 
6770                 </div>
6771
6772                 <div class="mdesc">
6773
6774                    <div class="short">Fires after the component is disabled.
6775                    
6776                 </div> 
6777                     
6778                     <div class="long">
6779                     
6780                         Fires after the component is disabled.
6781                     
6782                         
6783                         
6784                 
6785                         
6786                                 <dl class="detailList">
6787                                 <dt class="heading">Parameters:</dt>
6788                                 
6789                                         <dt>
6790                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6791                                                 
6792                                         </dt>
6793                                         <dd></dd>
6794                                 
6795                                 </dl>
6796                         
6797                         
6798                         
6799                         
6800                         
6801                         
6802                         
6803
6804                     
6805                     
6806                      
6807                     </div>                    
6808                 </div>
6809
6810             </td>
6811             <td class="msource">
6812                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6813             </td>
6814         </tr>
6815         
6816           <tr class="method-row expandable config-row-alt1">
6817             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6818             
6819             <td class="sig">
6820                 <a id="Roo.Component-event-*enable"></a>
6821                 
6822                <div class="fixedFont">
6823                 <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>) 
6824                 
6825                 </div>
6826
6827                 <div class="mdesc">
6828
6829                    <div class="short">Fires after the component is enabled.
6830                    
6831                 </div> 
6832                     
6833                     <div class="long">
6834                     
6835                         Fires after the component is enabled.
6836                     
6837                         
6838                         
6839                 
6840                         
6841                                 <dl class="detailList">
6842                                 <dt class="heading">Parameters:</dt>
6843                                 
6844                                         <dt>
6845                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6846                                                 
6847                                         </dt>
6848                                         <dd></dd>
6849                                 
6850                                 </dl>
6851                         
6852                         
6853                         
6854                         
6855                         
6856                         
6857                         
6858
6859                     
6860                     
6861                      
6862                     </div>                    
6863                 </div>
6864
6865             </td>
6866             <td class="msource">
6867                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6868             </td>
6869         </tr>
6870         
6871           <tr class="method-row expandable config-row-alt0">
6872             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6873             
6874             <td class="sig">
6875                 <a id="Roo.form.Field-event-*focus"></a>
6876                 
6877                <div class="fixedFont">
6878                 <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>) 
6879                 
6880                 </div>
6881
6882                 <div class="mdesc">
6883
6884                    <div class="short">Fires when this field receives input focus.
6885                    
6886                 </div> 
6887                     
6888                     <div class="long">
6889                     
6890                         Fires when this field receives input focus.
6891                     
6892                         
6893                         
6894                 
6895                         
6896                                 <dl class="detailList">
6897                                 <dt class="heading">Parameters:</dt>
6898                                 
6899                                         <dt>
6900                                                 <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>
6901                                                 
6902                                         </dt>
6903                                         <dd></dd>
6904                                 
6905                                 </dl>
6906                         
6907                         
6908                         
6909                         
6910                         
6911                         
6912                         
6913
6914                     
6915                     
6916                      
6917                     </div>                    
6918                 </div>
6919
6920             </td>
6921             <td class="msource">
6922                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6923             </td>
6924         </tr>
6925         
6926           <tr class="method-row expandable config-row-alt1">
6927             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6928             
6929             <td class="sig">
6930                 <a id="Roo.Component-event-*hide"></a>
6931                 
6932                <div class="fixedFont">
6933                 <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>) 
6934                 
6935                 </div>
6936
6937                 <div class="mdesc">
6938
6939                    <div class="short">Fires after the component is hidden.
6940                    
6941                 </div> 
6942                     
6943                     <div class="long">
6944                     
6945                         Fires after the component is hidden.
6946                     
6947                         
6948                         
6949                 
6950                         
6951                                 <dl class="detailList">
6952                                 <dt class="heading">Parameters:</dt>
6953                                 
6954                                         <dt>
6955                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6956                                                 
6957                                         </dt>
6958                                         <dd></dd>
6959                                 
6960                                 </dl>
6961                         
6962                         
6963                         
6964                         
6965                         
6966                         
6967                         
6968
6969                     
6970                     
6971                      
6972                     </div>                    
6973                 </div>
6974
6975             </td>
6976             <td class="msource">
6977                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6978             </td>
6979         </tr>
6980         
6981           <tr class="method-row expandable config-row-alt0">
6982             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6983             
6984             <td class="sig">
6985                 <a id="Roo.form.Field-event-*invalid"></a>
6986                 
6987                <div class="fixedFont">
6988                 <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>) 
6989                 
6990                 </div>
6991
6992                 <div class="mdesc">
6993
6994                    <div class="short">Fires after the field has been marked as invalid.
6995                    
6996                 </div> 
6997                     
6998                     <div class="long">
6999                     
7000                         Fires after the field has been marked as invalid.
7001                     
7002                         
7003                         
7004                 
7005                         
7006                                 <dl class="detailList">
7007                                 <dt class="heading">Parameters:</dt>
7008                                 
7009                                         <dt>
7010                                                 <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>
7011                                                 
7012                                         </dt>
7013                                         <dd></dd>
7014                                 
7015                                         <dt>
7016                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
7017                                                 
7018                                         </dt>
7019                                         <dd>The validation message</dd>
7020                                 
7021                                 </dl>
7022                         
7023                         
7024                         
7025                         
7026                         
7027                         
7028                         
7029
7030                     
7031                     
7032                      
7033                     </div>                    
7034                 </div>
7035
7036             </td>
7037             <td class="msource">
7038                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7039             </td>
7040         </tr>
7041         
7042           <tr class="method-row expandable config-row-alt1">
7043             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7044             
7045             <td class="sig">
7046                 <a id="Roo.form.Field-event-*keyup"></a>
7047                 
7048                <div class="fixedFont">
7049                 <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>) 
7050                 
7051                 </div>
7052
7053                 <div class="mdesc">
7054
7055                    <div class="short">Fires after the key up
7056                    
7057                 </div> 
7058                     
7059                     <div class="long">
7060                     
7061                         Fires after the key up
7062                     
7063                         
7064                         
7065                 
7066                         
7067                                 <dl class="detailList">
7068                                 <dt class="heading">Parameters:</dt>
7069                                 
7070                                         <dt>
7071                                                 <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>
7072                                                 
7073                                         </dt>
7074                                         <dd></dd>
7075                                 
7076                                         <dt>
7077                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7078                                                 
7079                                         </dt>
7080                                         <dd>The event Object</dd>
7081                                 
7082                                 </dl>
7083                         
7084                         
7085                         
7086                         
7087                         
7088                         
7089                         
7090
7091                     
7092                     
7093                      
7094                     </div>                    
7095                 </div>
7096
7097             </td>
7098             <td class="msource">
7099                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7100             </td>
7101         </tr>
7102         
7103           <tr class="method-row expandable config-row-alt0">
7104             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7105             
7106             <td class="sig">
7107                 <a id="Roo.BoxComponent-event-*move"></a>
7108                 
7109                <div class="fixedFont">
7110                 <b class="itemname">move</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>) 
7111                 
7112                 </div>
7113
7114                 <div class="mdesc">
7115
7116                    <div class="short">Fires after the component is moved.
7117                    
7118                 </div> 
7119                     
7120                     <div class="long">
7121                     
7122                         Fires after the component is moved.
7123                     
7124                         
7125                         
7126                 
7127                         
7128                                 <dl class="detailList">
7129                                 <dt class="heading">Parameters:</dt>
7130                                 
7131                                         <dt>
7132                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7133                                                 
7134                                         </dt>
7135                                         <dd></dd>
7136                                 
7137                                         <dt>
7138                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7139                                                 
7140                                         </dt>
7141                                         <dd>The new x position</dd>
7142                                 
7143                                         <dt>
7144                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7145                                                 
7146                                         </dt>
7147                                         <dd>The new y position</dd>
7148                                 
7149                                 </dl>
7150                         
7151                         
7152                         
7153                         
7154                         
7155                         
7156                         
7157
7158                     
7159                     
7160                      
7161                     </div>                    
7162                 </div>
7163
7164             </td>
7165             <td class="msource">
7166                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7167             </td>
7168         </tr>
7169         
7170           <tr class="method-row expandable config-row-alt1">
7171             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7172             
7173             <td class="sig">
7174                 <a id="Roo.Component-event-*render"></a>
7175                 
7176                <div class="fixedFont">
7177                 <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>) 
7178                 
7179                 </div>
7180
7181                 <div class="mdesc">
7182
7183                    <div class="short">Fires after the component is rendered.
7184                    
7185                 </div> 
7186                     
7187                     <div class="long">
7188                     
7189                         Fires after the component is rendered.
7190                     
7191                         
7192                         
7193                 
7194                         
7195                                 <dl class="detailList">
7196                                 <dt class="heading">Parameters:</dt>
7197                                 
7198                                         <dt>
7199                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7200                                                 
7201                                         </dt>
7202                                         <dd></dd>
7203                                 
7204                                 </dl>
7205                         
7206                         
7207                         
7208                         
7209                         
7210                         
7211                         
7212
7213                     
7214                     
7215                      
7216                     </div>                    
7217                 </div>
7218
7219             </td>
7220             <td class="msource">
7221                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7222             </td>
7223         </tr>
7224         
7225           <tr class="method-row expandable config-row-alt0">
7226             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7227             
7228             <td class="sig">
7229                 <a id="Roo.BoxComponent-event-*resize"></a>
7230                 
7231                <div class="fixedFont">
7232                 <b class="itemname">resize</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjHeight</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawHeight</i></B>) 
7233                 
7234                 </div>
7235
7236                 <div class="mdesc">
7237
7238                    <div class="short">Fires after the component is resized.
7239                    
7240                 </div> 
7241                     
7242                     <div class="long">
7243                     
7244                         Fires after the component is resized.
7245                     
7246                         
7247                         
7248                 
7249                         
7250                                 <dl class="detailList">
7251                                 <dt class="heading">Parameters:</dt>
7252                                 
7253                                         <dt>
7254                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7255                                                 
7256                                         </dt>
7257                                         <dd></dd>
7258                                 
7259                                         <dt>
7260                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
7261                                                 
7262                                         </dt>
7263                                         <dd>The box-adjusted width that was set</dd>
7264                                 
7265                                         <dt>
7266                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
7267                                                 
7268                                         </dt>
7269                                         <dd>The box-adjusted height that was set</dd>
7270                                 
7271                                         <dt>
7272                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
7273                                                 
7274                                         </dt>
7275                                         <dd>The width that was originally specified</dd>
7276                                 
7277                                         <dt>
7278                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
7279                                                 
7280                                         </dt>
7281                                         <dd>The height that was originally specified</dd>
7282                                 
7283                                 </dl>
7284                         
7285                         
7286                         
7287                         
7288                         
7289                         
7290                         
7291
7292                     
7293                     
7294                      
7295                     </div>                    
7296                 </div>
7297
7298             </td>
7299             <td class="msource">
7300                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7301             </td>
7302         </tr>
7303         
7304           <tr class="method-row expandable config-row-alt1">
7305             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7306             
7307             <td class="sig">
7308                 <a id="Roo.Component-event-*show"></a>
7309                 
7310                <div class="fixedFont">
7311                 <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>) 
7312                 
7313                 </div>
7314
7315                 <div class="mdesc">
7316
7317                    <div class="short">Fires after the component is shown.
7318                    
7319                 </div> 
7320                     
7321                     <div class="long">
7322                     
7323                         Fires after the component is shown.
7324                     
7325                         
7326                         
7327                 
7328                         
7329                                 <dl class="detailList">
7330                                 <dt class="heading">Parameters:</dt>
7331                                 
7332                                         <dt>
7333                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7334                                                 
7335                                         </dt>
7336                                         <dd></dd>
7337                                 
7338                                 </dl>
7339                         
7340                         
7341                         
7342                         
7343                         
7344                         
7345                         
7346
7347                     
7348                     
7349                      
7350                     </div>                    
7351                 </div>
7352
7353             </td>
7354             <td class="msource">
7355                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7356             </td>
7357         </tr>
7358         
7359           <tr class="method-row expandable config-row-alt0">
7360             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7361             
7362             <td class="sig">
7363                 <a id="Roo.form.Field-event-*specialkey"></a>
7364                 
7365                <div class="fixedFont">
7366                 <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>) 
7367                 
7368                 </div>
7369
7370                 <div class="mdesc">
7371
7372                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
7373                    
7374                 </div> 
7375                     
7376                     <div class="long">
7377                     
7378                         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.
7379                     
7380                         
7381                         
7382                 
7383                         
7384                                 <dl class="detailList">
7385                                 <dt class="heading">Parameters:</dt>
7386                                 
7387                                         <dt>
7388                                                 <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>
7389                                                 
7390                                         </dt>
7391                                         <dd></dd>
7392                                 
7393                                         <dt>
7394                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7395                                                 
7396                                         </dt>
7397                                         <dd>The event object</dd>
7398                                 
7399                                 </dl>
7400                         
7401                         
7402                         
7403                         
7404                         
7405                         
7406                         
7407
7408                     
7409                     
7410                      
7411                     </div>                    
7412                 </div>
7413
7414             </td>
7415             <td class="msource">
7416                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7417             </td>
7418         </tr>
7419         
7420           <tr class="method-row expandable config-row-alt1">
7421             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7422             
7423             <td class="sig">
7424                 <a id="Roo.form.Field-event-*valid"></a>
7425                 
7426                <div class="fixedFont">
7427                 <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>) 
7428                 
7429                 </div>
7430
7431                 <div class="mdesc">
7432
7433                    <div class="short">Fires after the field has been validated with no errors.
7434                    
7435                 </div> 
7436                     
7437                     <div class="long">
7438                     
7439                         Fires after the field has been validated with no errors.
7440                     
7441                         
7442                         
7443                 
7444                         
7445                                 <dl class="detailList">
7446                                 <dt class="heading">Parameters:</dt>
7447                                 
7448                                         <dt>
7449                                                 <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>
7450                                                 
7451                                         </dt>
7452                                         <dd></dd>
7453                                 
7454                                 </dl>
7455                         
7456                         
7457                         
7458                         
7459                         
7460                         
7461                         
7462
7463                     
7464                     
7465                      
7466                     </div>                    
7467                 </div>
7468
7469             </td>
7470             <td class="msource">
7471                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7472             </td>
7473         </tr>
7474         
7475                                                        
7476     </table>
7477
7478   
7479   
7480   
7481  
7482 <!-- ============================== footer ================================= -->
7483                 <div class="fineprint" style="clear:both">
7484                         
7485                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 24 2014 16:33:00 GMT+0800 (HKT)
7486                         Based on 
7487                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
7488                 </div>
7489         </body>
7490 </html>