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