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