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