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