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