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