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