git.roojs.org Git - roojs1/blob - docs.old/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.form.Field-method-hasChanged"   name=".hasChanged"></a>
2872                 <div class="fixedFont">
2873                         <span class="attributes"></span><b class="itemname">hasChanged</b>
2874
2875                                  ()
2876
2877
2878
2879                 </div>
2880                 <div class="mdesc">
2881
2882                    <div class="short">checks the current value against the 'loaded' value.</div>
2883
2884
2885
2886                     <div class="long">
2887
2888                                 checks the current value against the 'loaded' value.<br/>Note - will return false if 'resetHasChanged' has not been called first.
2889
2890
2891
2892
2893
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905                     </div>
2906                 </div>
2907
2908             </td>
2909             <td class="msource">
2910
2911                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2912                 &nbsp;
2913             </td>
2914         </tr>
2915
2916
2917           <tr class="method-row config-row-alt0 expandable">
2918             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2919
2920
2921             <td class="sig">
2922                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2923                 <div class="fixedFont">
2924                         <span class="attributes"></span><b class="itemname">hasListener</b>
2925
2926                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2927
2928
2929                                          :
2930
2931
2932                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2933
2934
2935
2936
2937
2938                 </div>
2939                 <div class="mdesc">
2940
2941                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2942
2943
2944
2945                     <div class="long">
2946
2947                                 Checks to see if this object has any listeners for a specified event
2948
2949
2950
2951
2952
2953
2954                                 <dl class="detailList">
2955                                 <dt class="heading">Parameters:</dt>
2956
2957                                         <dt>
2958                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2959
2960                                         </dt>
2961                                         <dd>The name of the event to check for</dd>
2962
2963                                 </dl>
2964
2965
2966
2967
2968
2969                                 <dl class="detailList">
2970                                 <dt class="heading">Returns:</dt>
2971
2972                                         <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>
2973
2974                                 </dl>
2975
2976
2977
2978
2979
2980
2981
2982                     </div>
2983                 </div>
2984
2985             </td>
2986             <td class="msource">
2987
2988                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2989                 &nbsp;
2990             </td>
2991         </tr>
2992
2993
2994           <tr class="method-row config-row-alt1 expandable">
2995             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2996
2997
2998             <td class="sig">
2999                 <a id="Roo.Component-method-hide"   name=".hide"></a>
3000                 <div class="fixedFont">
3001                         <span class="attributes"></span><b class="itemname">hide</b>
3002
3003                                  ()
3004
3005
3006                                          :
3007
3008
3009                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3010
3011
3012
3013
3014
3015                 </div>
3016                 <div class="mdesc">
3017
3018                    <div class="short">Hide this component.</div>
3019
3020
3021
3022                     <div class="long">
3023
3024                                 Hide this component.
3025
3026
3027
3028
3029
3030
3031
3032
3033
3034
3035                                 <dl class="detailList">
3036                                 <dt class="heading">Returns:</dt>
3037
3038                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3039
3040                                 </dl>
3041
3042
3043
3044
3045
3046
3047
3048                     </div>
3049                 </div>
3050
3051             </td>
3052             <td class="msource">
3053
3054                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-isDirty"   name=".isDirty"></a>
3066                 <div class="fixedFont">
3067                         <span class="attributes"></span><b class="itemname">isDirty</b>
3068
3069                                  ()
3070
3071
3072
3073                 </div>
3074                 <div class="mdesc">
3075
3076                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
3077
3078
3079
3080                     <div class="long">
3081
3082                                 Returns true if this field has been changed since it was originally loaded and is not disabled.<br/>DEPRICATED  - it never worked well - use hasChanged/resetHasChanged.
3083
3084
3085
3086
3087
3088
3089
3090
3091
3092
3093
3094
3095
3096
3097
3098
3099                     </div>
3100                 </div>
3101
3102             </td>
3103             <td class="msource">
3104
3105                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3106                 &nbsp;
3107             </td>
3108         </tr>
3109
3110
3111           <tr class="method-row config-row-alt1 expandable">
3112             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3113
3114
3115             <td class="sig">
3116                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
3117                 <div class="fixedFont">
3118                         <span class="attributes"></span><b class="itemname">isValid</b>
3119
3120                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
3121
3122
3123                                          :
3124
3125
3126                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3127
3128
3129
3130
3131
3132                 </div>
3133                 <div class="mdesc">
3134
3135                    <div class="short">Returns whether or not the field value is currently valid</div>
3136
3137
3138
3139                     <div class="long">
3140
3141                                 Returns whether or not the field value is currently valid
3142
3143
3144
3145
3146
3147
3148                                 <dl class="detailList">
3149                                 <dt class="heading">Parameters:</dt>
3150
3151                                         <dt>
3152                                                 <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>
3153
3154                                         </dt>
3155                                         <dd>True to disable marking the field invalid</dd>
3156
3157                                 </dl>
3158
3159
3160
3161
3162
3163                                 <dl class="detailList">
3164                                 <dt class="heading">Returns:</dt>
3165
3166                                         <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>
3167
3168                                 </dl>
3169
3170
3171
3172
3173
3174
3175
3176                     </div>
3177                 </div>
3178
3179             </td>
3180             <td class="msource">
3181
3182                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3183                 &nbsp;
3184             </td>
3185         </tr>
3186
3187
3188           <tr class="method-row config-row-alt0 expandable">
3189             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3190
3191
3192             <td class="sig">
3193                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3194                 <div class="fixedFont">
3195                         <span class="attributes"></span><b class="itemname">isVisible</b>
3196
3197                                  ()
3198
3199
3200
3201                 </div>
3202                 <div class="mdesc">
3203
3204                    <div class="short">Returns true if this component is visible.</div>
3205
3206
3207
3208                     <div class="long">
3209
3210                                 Returns true if this component is visible.
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227                     </div>
3228                 </div>
3229
3230             </td>
3231             <td class="msource">
3232
3233                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3234                 &nbsp;
3235             </td>
3236         </tr>
3237
3238
3239           <tr class="method-row config-row-alt1 expandable">
3240             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3241
3242
3243             <td class="sig">
3244                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
3245                 <div class="fixedFont">
3246                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3247
3248                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3249
3250
3251
3252                 </div>
3253                 <div class="mdesc">
3254
3255                    <div class="short">Mark this field as invalid</div>
3256
3257
3258
3259                     <div class="long">
3260
3261                                 Mark this field as invalid
3262
3263
3264
3265
3266
3267
3268                                 <dl class="detailList">
3269                                 <dt class="heading">Parameters:</dt>
3270
3271                                         <dt>
3272                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3273
3274                                         </dt>
3275                                         <dd>The validation message</dd>
3276
3277                                 </dl>
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289                     </div>
3290                 </div>
3291
3292             </td>
3293             <td class="msource">
3294
3295                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3296                 &nbsp;
3297             </td>
3298         </tr>
3299
3300
3301           <tr class="method-row config-row-alt0 expandable">
3302             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3303
3304
3305             <td class="sig">
3306                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3307                 <div class="fixedFont">
3308                         <span class="attributes"></span><b class="itemname">on</b>
3309
3310                                  (<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>)
3311
3312
3313
3314                 </div>
3315                 <div class="mdesc">
3316
3317                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3318
3319
3320
3321                     <div class="long">
3322
3323                                 Appends an event handler to this element (shorthand for addListener)
3324
3325
3326
3327
3328
3329
3330                                 <dl class="detailList">
3331                                 <dt class="heading">Parameters:</dt>
3332
3333                                         <dt>
3334                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3335
3336                                         </dt>
3337                                         <dd>The type of event to listen for</dd>
3338
3339                                         <dt>
3340                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3341
3342                                         </dt>
3343                                         <dd>The method the event invokes</dd>
3344
3345                                         <dt>
3346                                                 <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>
3347
3348                                         </dt>
3349                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3350
3351                                         <dt>
3352                                                 <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>
3353
3354                                         </dt>
3355                                         <dd>(optional)</dd>
3356
3357                                 </dl>
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369                     </div>
3370                 </div>
3371
3372             </td>
3373             <td class="msource">
3374
3375                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3376                 &nbsp;
3377             </td>
3378         </tr>
3379
3380
3381           <tr class="method-row config-row-alt1 expandable">
3382             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3383
3384
3385             <td class="sig">
3386                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
3387                 <div class="fixedFont">
3388                         <span class="attributes"></span><b class="itemname">onPosition</b>
3389
3390                                  (<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>)
3391
3392
3393
3394                 </div>
3395                 <div class="mdesc">
3396
3397                    <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>
3398
3399
3400
3401                     <div class="long">
3402
3403                                 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.
3404
3405
3406
3407
3408
3409
3410                                 <dl class="detailList">
3411                                 <dt class="heading">Parameters:</dt>
3412
3413                                         <dt>
3414                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3415
3416                                         </dt>
3417                                         <dd>The new x position</dd>
3418
3419                                         <dt>
3420                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3421
3422                                         </dt>
3423                                         <dd>The new y position</dd>
3424
3425                                 </dl>
3426
3427
3428
3429
3430
3431
3432
3433
3434
3435
3436
3437                     </div>
3438                 </div>
3439
3440             </td>
3441             <td class="msource">
3442
3443                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3444                 &nbsp;
3445             </td>
3446         </tr>
3447
3448
3449           <tr class="method-row config-row-alt0 expandable">
3450             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3451
3452
3453             <td class="sig">
3454                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
3455                 <div class="fixedFont">
3456                         <span class="attributes"></span><b class="itemname">onResize</b>
3457
3458                                  (<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>)
3459
3460
3461
3462                 </div>
3463                 <div class="mdesc">
3464
3465                    <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>
3466
3467
3468
3469                     <div class="long">
3470
3471                                 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.
3472
3473
3474
3475
3476
3477
3478                                 <dl class="detailList">
3479                                 <dt class="heading">Parameters:</dt>
3480
3481                                         <dt>
3482                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
3483
3484                                         </dt>
3485                                         <dd>The box-adjusted width that was set</dd>
3486
3487                                         <dt>
3488                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
3489
3490                                         </dt>
3491                                         <dd>The box-adjusted height that was set</dd>
3492
3493                                         <dt>
3494                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
3495
3496                                         </dt>
3497                                         <dd>The width that was originally specified</dd>
3498
3499                                         <dt>
3500                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
3501
3502                                         </dt>
3503                                         <dd>The height that was originally specified</dd>
3504
3505                                 </dl>
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.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</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-purgeListeners"   name=".purgeListeners"></a>
3535                 <div class="fixedFont">
3536                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3537
3538                                  ()
3539
3540
3541
3542                 </div>
3543                 <div class="mdesc">
3544
3545                    <div class="short">Removes all listeners for this object</div>
3546
3547
3548
3549                     <div class="long">
3550
3551                                 Removes all listeners for this object
3552
3553
3554
3555
3556
3557
3558
3559
3560
3561
3562
3563
3564
3565
3566
3567
3568                     </div>
3569                 </div>
3570
3571             </td>
3572             <td class="msource">
3573
3574                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3575                 &nbsp;
3576             </td>
3577         </tr>
3578
3579
3580           <tr class="method-row config-row-alt0 expandable">
3581             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3582
3583
3584             <td class="sig">
3585                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3586                 <div class="fixedFont">
3587                         <span class="attributes"></span><b class="itemname">removeListener</b>
3588
3589                                  (<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>)
3590
3591
3592
3593                 </div>
3594                 <div class="mdesc">
3595
3596                    <div class="short">Removes a listener</div>
3597
3598
3599
3600                     <div class="long">
3601
3602                                 Removes a listener
3603
3604
3605
3606
3607
3608
3609                                 <dl class="detailList">
3610                                 <dt class="heading">Parameters:</dt>
3611
3612                                         <dt>
3613                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3614
3615                                         </dt>
3616                                         <dd>The type of event to listen for</dd>
3617
3618                                         <dt>
3619                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3620
3621                                         </dt>
3622                                         <dd>The handler to remove</dd>
3623
3624                                         <dt>
3625                                                 <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>
3626
3627                                         </dt>
3628                                         <dd>(optional) The scope (this object) for the handler</dd>
3629
3630                                 </dl>
3631
3632
3633
3634
3635
3636
3637
3638
3639
3640
3641
3642                     </div>
3643                 </div>
3644
3645             </td>
3646             <td class="msource">
3647
3648                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3649                 &nbsp;
3650             </td>
3651         </tr>
3652
3653
3654           <tr class="method-row config-row-alt1 expandable">
3655             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3656
3657
3658             <td class="sig">
3659                 <a id="Roo.Component-method-render"   name=".render"></a>
3660                 <div class="fixedFont">
3661                         <span class="attributes"></span><b class="itemname">render</b>
3662
3663                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3664
3665
3666
3667                 </div>
3668                 <div class="mdesc">
3669
3670                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3671
3672
3673
3674                     <div class="long">
3675
3676                                 If this is a lazy rendering component, render it to its container element.
3677
3678
3679
3680
3681
3682
3683                                 <dl class="detailList">
3684                                 <dt class="heading">Parameters:</dt>
3685
3686                                         <dt>
3687                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3688
3689                                         </dt>
3690                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3691
3692                                 </dl>
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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-reset"   name=".reset"></a>
3722                 <div class="fixedFont">
3723                         <span class="attributes"></span><b class="itemname">reset</b>
3724
3725                                  ()
3726
3727
3728
3729                 </div>
3730                 <div class="mdesc">
3731
3732                    <div class="short">Resets the current field value to the originally-loaded value and clears any validation messages.</div>
3733
3734
3735
3736                     <div class="long">
3737
3738                                 Resets the current field value to the originally-loaded value and clears any validation messages.
3739
3740
3741
3742
3743
3744
3745
3746
3747
3748
3749
3750
3751
3752
3753
3754
3755                     </div>
3756                 </div>
3757
3758             </td>
3759             <td class="msource">
3760
3761                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
3762                 &nbsp;
3763             </td>
3764         </tr>
3765
3766
3767           <tr class="method-row config-row-alt1 expandable">
3768             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3769
3770
3771             <td class="sig">
3772                 <a id="Roo.form.Field-method-resetHasChanged"   name=".resetHasChanged"></a>
3773                 <div class="fixedFont">
3774                         <span class="attributes"></span><b class="itemname">resetHasChanged</b>
3775
3776                                  ()
3777
3778
3779
3780                 </div>
3781                 <div class="mdesc">
3782
3783                    <div class="short">stores the current value in loadedValue</div>
3784
3785
3786
3787                     <div class="long">
3788
3789                                 stores the current value in loadedValue
3790
3791
3792
3793
3794
3795
3796
3797
3798
3799
3800
3801
3802
3803
3804
3805
3806                     </div>
3807                 </div>
3808
3809             </td>
3810             <td class="msource">
3811
3812                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3813                 &nbsp;
3814             </td>
3815         </tr>
3816
3817
3818           <tr class="method-row config-row-alt0 expandable">
3819             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3820
3821
3822             <td class="sig">
3823                 <a id="Roo.form.TextField-method-selectText"   name=".selectText"></a>
3824                 <div class="fixedFont">
3825                         <span class="attributes"></span><b class="itemname">selectText</b>
3826
3827                                  (<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>)
3828
3829
3830
3831                 </div>
3832                 <div class="mdesc">
3833
3834                    <div class="short">Selects text in this field</div>
3835
3836
3837
3838                     <div class="long">
3839
3840                                 Selects text in this field
3841
3842
3843
3844
3845
3846
3847                                 <dl class="detailList">
3848                                 <dt class="heading">Parameters:</dt>
3849
3850                                         <dt>
3851                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>start</b>
3852
3853                                         </dt>
3854                                         <dd>(optional) The index where the selection should start (defaults to 0)</dd>
3855
3856                                         <dt>
3857                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>end</b>
3858
3859                                         </dt>
3860                                         <dd>(optional) The index where the selection should end (defaults to the text length)</dd>
3861
3862                                 </dl>
3863
3864
3865
3866
3867
3868
3869
3870
3871
3872
3873
3874                     </div>
3875                 </div>
3876
3877             </td>
3878             <td class="msource">
3879
3880                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
3881                 &nbsp;
3882             </td>
3883         </tr>
3884
3885
3886           <tr class="method-row config-row-alt1 expandable">
3887             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3888
3889
3890             <td class="sig">
3891                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3892                 <div class="fixedFont">
3893                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3894
3895                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3896
3897
3898
3899                 </div>
3900                 <div class="mdesc">
3901
3902                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3903
3904
3905
3906                     <div class="long">
3907
3908                                 Convenience function for setting disabled/enabled by boolean.
3909
3910
3911
3912
3913
3914
3915                                 <dl class="detailList">
3916                                 <dt class="heading">Parameters:</dt>
3917
3918                                         <dt>
3919                                                 <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>
3920
3921                                         </dt>
3922                                         <dd></dd>
3923
3924                                 </dl>
3925
3926
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936                     </div>
3937                 </div>
3938
3939             </td>
3940             <td class="msource">
3941
3942                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3943                 &nbsp;
3944             </td>
3945         </tr>
3946
3947
3948           <tr class="method-row config-row-alt0 expandable">
3949             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3950
3951
3952             <td class="sig">
3953                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
3954                 <div class="fixedFont">
3955                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
3956
3957                                  (<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>)
3958
3959
3960
3961                 </div>
3962                 <div class="mdesc">
3963
3964                    <div class="short">Sets the page XY position of the component.</div>
3965
3966
3967
3968                     <div class="long">
3969
3970                                 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.
3971
3972
3973
3974
3975
3976
3977                                 <dl class="detailList">
3978                                 <dt class="heading">Parameters:</dt>
3979
3980                                         <dt>
3981                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3982
3983                                         </dt>
3984                                         <dd>The new x position</dd>
3985
3986                                         <dt>
3987                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3988
3989                                         </dt>
3990                                         <dd>The new y position</dd>
3991
3992                                 </dl>
3993
3994
3995
3996
3997
3998
3999
4000
4001
4002
4003
4004                     </div>
4005                 </div>
4006
4007             </td>
4008             <td class="msource">
4009
4010                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4011                 &nbsp;
4012             </td>
4013         </tr>
4014
4015
4016           <tr class="method-row config-row-alt1 expandable">
4017             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4018
4019
4020             <td class="sig">
4021                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
4022                 <div class="fixedFont">
4023                         <span class="attributes"></span><b class="itemname">setPosition</b>
4024
4025                                  (<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>)
4026
4027
4028
4029                 </div>
4030                 <div class="mdesc">
4031
4032                    <div class="short">Sets the left and top of the component.</div>
4033
4034
4035
4036                     <div class="long">
4037
4038                                 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.
4039
4040
4041
4042
4043
4044
4045                                 <dl class="detailList">
4046                                 <dt class="heading">Parameters:</dt>
4047
4048                                         <dt>
4049                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
4050
4051                                         </dt>
4052                                         <dd>The new left</dd>
4053
4054                                         <dt>
4055                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
4056
4057                                         </dt>
4058                                         <dd>The new top</dd>
4059
4060                                 </dl>
4061
4062
4063
4064
4065
4066
4067
4068
4069
4070
4071
4072                     </div>
4073                 </div>
4074
4075             </td>
4076             <td class="msource">
4077
4078                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4079                 &nbsp;
4080             </td>
4081         </tr>
4082
4083
4084           <tr class="method-row config-row-alt0 expandable">
4085             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4086
4087
4088             <td class="sig">
4089                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
4090                 <div class="fixedFont">
4091                         <span class="attributes"></span><b class="itemname">setRawValue</b>
4092
4093                                  (Mixed <B><i>value</i></B>)
4094
4095
4096
4097                 </div>
4098                 <div class="mdesc">
4099
4100                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
4101
4102
4103
4104                     <div class="long">
4105
4106                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
4107
4108
4109
4110
4111
4112
4113                                 <dl class="detailList">
4114                                 <dt class="heading">Parameters:</dt>
4115
4116                                         <dt>
4117                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4118
4119                                         </dt>
4120                                         <dd>The value to set</dd>
4121
4122                                 </dl>
4123
4124
4125
4126
4127
4128
4129
4130
4131
4132
4133
4134                     </div>
4135                 </div>
4136
4137             </td>
4138             <td class="msource">
4139
4140                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4141                 &nbsp;
4142             </td>
4143         </tr>
4144
4145
4146           <tr class="method-row config-row-alt1 expandable">
4147             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4148
4149
4150             <td class="sig">
4151                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
4152                 <div class="fixedFont">
4153                         <span class="attributes"></span><b class="itemname">setSize</b>
4154
4155                                  (<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>)
4156
4157
4158                                          :
4159
4160
4161                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4162
4163
4164
4165
4166
4167                 </div>
4168                 <div class="mdesc">
4169
4170                    <div class="short">Sets the width and height of the component.</div>
4171
4172
4173
4174                     <div class="long">
4175
4176                                 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}.
4177
4178
4179
4180
4181
4182
4183                                 <dl class="detailList">
4184                                 <dt class="heading">Parameters:</dt>
4185
4186                                         <dt>
4187                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
4188
4189                                         </dt>
4190                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
4191
4192                                         <dt>
4193                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
4194
4195                                         </dt>
4196                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
4197
4198                                 </dl>
4199
4200
4201
4202
4203
4204                                 <dl class="detailList">
4205                                 <dt class="heading">Returns:</dt>
4206
4207                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
4208
4209                                 </dl>
4210
4211
4212
4213
4214
4215
4216
4217                     </div>
4218                 </div>
4219
4220             </td>
4221             <td class="msource">
4222
4223                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4224                 &nbsp;
4225             </td>
4226         </tr>
4227
4228
4229           <tr class="method-row config-row-alt0 expandable">
4230             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4231
4232
4233             <td class="sig">
4234                 <a id="Roo.form.Field-method-setValue"   name=".setValue"></a>
4235                 <div class="fixedFont">
4236                         <span class="attributes"></span><b class="itemname">setValue</b>
4237
4238                                  (Mixed <B><i>value</i></B>)
4239
4240
4241
4242                 </div>
4243                 <div class="mdesc">
4244
4245                    <div class="short">Sets a data value into the field and validates it.</div>
4246
4247
4248
4249                     <div class="long">
4250
4251                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
4252
4253
4254
4255
4256
4257
4258                                 <dl class="detailList">
4259                                 <dt class="heading">Parameters:</dt>
4260
4261                                         <dt>
4262                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4263
4264                                         </dt>
4265                                         <dd>The value to set</dd>
4266
4267                                 </dl>
4268
4269
4270
4271
4272
4273
4274
4275
4276
4277
4278
4279                     </div>
4280                 </div>
4281
4282             </td>
4283             <td class="msource">
4284
4285                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4286                 &nbsp;
4287             </td>
4288         </tr>
4289
4290
4291           <tr class="method-row config-row-alt1 expandable">
4292             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4293
4294
4295             <td class="sig">
4296                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4297                 <div class="fixedFont">
4298                         <span class="attributes"></span><b class="itemname">setVisible</b>
4299
4300                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4301
4302
4303                                          :
4304
4305
4306                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4307
4308
4309
4310
4311
4312                 </div>
4313                 <div class="mdesc">
4314
4315                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4316
4317
4318
4319                     <div class="long">
4320
4321                                 Convenience function to hide or show this component by boolean.
4322
4323
4324
4325
4326
4327
4328                                 <dl class="detailList">
4329                                 <dt class="heading">Parameters:</dt>
4330
4331                                         <dt>
4332                                                 <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>
4333
4334                                         </dt>
4335                                         <dd>True to show, false to hide</dd>
4336
4337                                 </dl>
4338
4339
4340
4341
4342
4343                                 <dl class="detailList">
4344                                 <dt class="heading">Returns:</dt>
4345
4346                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4347
4348                                 </dl>
4349
4350
4351
4352
4353
4354
4355
4356                     </div>
4357                 </div>
4358
4359             </td>
4360             <td class="msource">
4361
4362                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4363                 &nbsp;
4364             </td>
4365         </tr>
4366
4367
4368           <tr class="method-row config-row-alt0 expandable">
4369             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4370
4371
4372             <td class="sig">
4373                 <a id="Roo.Component-method-show"   name=".show"></a>
4374                 <div class="fixedFont">
4375                         <span class="attributes"></span><b class="itemname">show</b>
4376
4377                                  ()
4378
4379
4380                                          :
4381
4382
4383                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4384
4385
4386
4387
4388
4389                 </div>
4390                 <div class="mdesc">
4391
4392                    <div class="short">Show this component.</div>
4393
4394
4395
4396                     <div class="long">
4397
4398                                 Show this component.
4399
4400
4401
4402
4403
4404
4405
4406
4407
4408
4409                                 <dl class="detailList">
4410                                 <dt class="heading">Returns:</dt>
4411
4412                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4413
4414                                 </dl>
4415
4416
4417
4418
4419
4420
4421
4422                     </div>
4423                 </div>
4424
4425             </td>
4426             <td class="msource">
4427
4428                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4429                 &nbsp;
4430             </td>
4431         </tr>
4432
4433
4434           <tr class="method-row config-row-alt1 expandable">
4435             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4436
4437
4438             <td class="sig">
4439                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
4440                 <div class="fixedFont">
4441                         <span class="attributes"></span><b class="itemname">syncSize</b>
4442
4443                                  ()
4444
4445
4446
4447                 </div>
4448                 <div class="mdesc">
4449
4450                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
4451
4452
4453
4454                     <div class="long">
4455
4456                                 Force the component's size to recalculate based on the underlying element's current height and width.
4457
4458
4459
4460
4461
4462
4463
4464
4465
4466
4467
4468
4469
4470
4471
4472
4473                     </div>
4474                 </div>
4475
4476             </td>
4477             <td class="msource">
4478
4479                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4480                 &nbsp;
4481             </td>
4482         </tr>
4483
4484
4485           <tr class="method-row config-row-alt0 expandable">
4486             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4487
4488
4489             <td class="sig">
4490                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4491                 <div class="fixedFont">
4492                         <span class="attributes"></span><b class="itemname">un</b>
4493
4494                                  (<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>)
4495
4496
4497
4498                 </div>
4499                 <div class="mdesc">
4500
4501                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4502
4503
4504
4505                     <div class="long">
4506
4507                                 Removes a listener (shorthand for removeListener)
4508
4509
4510
4511
4512
4513
4514                                 <dl class="detailList">
4515                                 <dt class="heading">Parameters:</dt>
4516
4517                                         <dt>
4518                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4519
4520                                         </dt>
4521                                         <dd>The type of event to listen for</dd>
4522
4523                                         <dt>
4524                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4525
4526                                         </dt>
4527                                         <dd>The handler to remove</dd>
4528
4529                                         <dt>
4530                                                 <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>
4531
4532                                         </dt>
4533                                         <dd>(optional) The scope (this object) for the handler</dd>
4534
4535                                 </dl>
4536
4537
4538
4539
4540
4541
4542
4543
4544
4545
4546
4547                     </div>
4548                 </div>
4549
4550             </td>
4551             <td class="msource">
4552
4553                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4554                 &nbsp;
4555             </td>
4556         </tr>
4557
4558
4559           <tr class="method-row config-row-alt1 expandable">
4560             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4561
4562
4563             <td class="sig">
4564                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
4565                 <div class="fixedFont">
4566                         <span class="attributes"></span><b class="itemname">updateBox</b>
4567
4568                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
4569
4570
4571
4572                 </div>
4573                 <div class="mdesc">
4574
4575                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
4576
4577
4578
4579                     <div class="long">
4580
4581                                 Sets the current box measurements of the component's underlying element.
4582
4583
4584
4585
4586
4587
4588                                 <dl class="detailList">
4589                                 <dt class="heading">Parameters:</dt>
4590
4591                                         <dt>
4592                                                 <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>
4593
4594                                         </dt>
4595                                         <dd>An object in the format {x, y, width, height}</dd>
4596
4597                                 </dl>
4598
4599
4600
4601
4602
4603
4604
4605
4606
4607
4608
4609                     </div>
4610                 </div>
4611
4612             </td>
4613             <td class="msource">
4614
4615                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4616                 &nbsp;
4617             </td>
4618         </tr>
4619
4620
4621           <tr class="method-row config-row-alt0 expandable">
4622             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4623
4624
4625             <td class="sig">
4626                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
4627                 <div class="fixedFont">
4628                         <span class="attributes"></span><b class="itemname">validate</b>
4629
4630                                  ()
4631
4632
4633                                          :
4634
4635
4636                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4637
4638
4639
4640
4641
4642                 </div>
4643                 <div class="mdesc">
4644
4645                    <div class="short">Validates the field value</div>
4646
4647
4648
4649                     <div class="long">
4650
4651                                 Validates the field value
4652
4653
4654
4655
4656
4657
4658
4659
4660
4661
4662                                 <dl class="detailList">
4663                                 <dt class="heading">Returns:</dt>
4664
4665                                         <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>
4666
4667                                 </dl>
4668
4669
4670
4671
4672
4673
4674
4675                     </div>
4676                 </div>
4677
4678             </td>
4679             <td class="msource">
4680
4681                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4682                 &nbsp;
4683             </td>
4684         </tr>
4685
4686
4687           <tr class="method-row config-row-alt1 expandable">
4688             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4689
4690
4691             <td class="sig">
4692                 <a id="Roo.form.TextField-method-validateValue"   name=".validateValue"></a>
4693                 <div class="fixedFont">
4694                         <span class="attributes"></span><b class="itemname">validateValue</b>
4695
4696                                  (Mixed <B><i>value</i></B>)
4697
4698
4699                                          :
4700
4701
4702                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4703
4704
4705
4706
4707
4708                 </div>
4709                 <div class="mdesc">
4710
4711                    <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>
4712
4713
4714
4715                     <div class="long">
4716
4717                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4718
4719
4720
4721
4722
4723
4724                                 <dl class="detailList">
4725                                 <dt class="heading">Parameters:</dt>
4726
4727                                         <dt>
4728                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4729
4730                                         </dt>
4731                                         <dd>The value to validate</dd>
4732
4733                                 </dl>
4734
4735
4736
4737
4738
4739                                 <dl class="detailList">
4740                                 <dt class="heading">Returns:</dt>
4741
4742                                         <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>
4743
4744                                 </dl>
4745
4746
4747
4748
4749
4750
4751
4752                     </div>
4753                 </div>
4754
4755             </td>
4756             <td class="msource">
4757
4758                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
4759                 &nbsp;
4760             </td>
4761         </tr>
4762
4763
4764     </table>
4765
4766
4767   <!-- ============================== events summary / details ======================== -->
4768
4769
4770   <a id="Roo.form.Hidden-events"></a>
4771
4772
4773
4774
4775
4776
4777
4778
4779       <table cellspacing="0" class="member-table">
4780                 <caption>Events</caption>
4781               <thead>
4782                 <tr>
4783                     <th class="sig-header" colspan="2">Event</th>
4784                     <th class="msource-header">Defined By</th>
4785
4786                 </tr>
4787               </thead>
4788
4789
4790
4791
4792
4793           <tr class="method-row expandable config-row-alt0">
4794             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4795
4796             <td class="sig">
4797                 <a id="Roo.form.TextField-event-*autosize"></a>
4798
4799                <div class="fixedFont">
4800                 <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>)
4801
4802                 </div>
4803
4804                 <div class="mdesc">
4805
4806                    <div class="short">Fires when the autosize function is triggered.
4807
4808                 </div>
4809
4810                     <div class="long">
4811
4812                         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.
4813
4814
4815
4816
4817
4818                                 <dl class="detailList">
4819                                 <dt class="heading">Parameters:</dt>
4820
4821                                         <dt>
4822                                                 <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>
4823
4824                                         </dt>
4825                                         <dd>This text field</dd>
4826
4827                                         <dt>
4828                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
4829
4830                                         </dt>
4831                                         <dd>The new field width</dd>
4832
4833                                 </dl>
4834
4835
4836
4837
4838
4839
4840
4841
4842
4843
4844
4845                     </div>
4846                 </div>
4847
4848             </td>
4849             <td class="msource">
4850                 <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
4851             </td>
4852         </tr>
4853
4854           <tr class="method-row expandable config-row-alt1">
4855             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4856
4857             <td class="sig">
4858                 <a id="Roo.Component-event-*beforedestroy"></a>
4859
4860                <div class="fixedFont">
4861                 <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>)
4862
4863                 </div>
4864
4865                 <div class="mdesc">
4866
4867                    <div class="short">Fires before the component is destroyed.
4868
4869                 </div>
4870
4871                     <div class="long">
4872
4873                         Fires before the component is destroyed. Return false to stop the destroy.
4874
4875
4876
4877
4878
4879                                 <dl class="detailList">
4880                                 <dt class="heading">Parameters:</dt>
4881
4882                                         <dt>
4883                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4884
4885                                         </dt>
4886                                         <dd></dd>
4887
4888                                 </dl>
4889
4890
4891
4892
4893
4894
4895
4896
4897
4898
4899
4900                     </div>
4901                 </div>
4902
4903             </td>
4904             <td class="msource">
4905                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4906             </td>
4907         </tr>
4908
4909           <tr class="method-row expandable config-row-alt0">
4910             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4911
4912             <td class="sig">
4913                 <a id="Roo.Component-event-*beforehide"></a>
4914
4915                <div class="fixedFont">
4916                 <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>)
4917
4918                 </div>
4919
4920                 <div class="mdesc">
4921
4922                    <div class="short">Fires before the component is hidden.
4923
4924                 </div>
4925
4926                     <div class="long">
4927
4928                         Fires before the component is hidden. Return false to stop the hide.
4929
4930
4931
4932
4933
4934                                 <dl class="detailList">
4935                                 <dt class="heading">Parameters:</dt>
4936
4937                                         <dt>
4938                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4939
4940                                         </dt>
4941                                         <dd></dd>
4942
4943                                 </dl>
4944
4945
4946
4947
4948
4949
4950
4951
4952
4953
4954
4955                     </div>
4956                 </div>
4957
4958             </td>
4959             <td class="msource">
4960                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4961             </td>
4962         </tr>
4963
4964           <tr class="method-row expandable config-row-alt1">
4965             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4966
4967             <td class="sig">
4968                 <a id="Roo.Component-event-*beforerender"></a>
4969
4970                <div class="fixedFont">
4971                 <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>)
4972
4973                 </div>
4974
4975                 <div class="mdesc">
4976
4977                    <div class="short">Fires before the component is rendered.
4978
4979                 </div>
4980
4981                     <div class="long">
4982
4983                         Fires before the component is rendered. Return false to stop the render.
4984
4985
4986
4987
4988
4989                                 <dl class="detailList">
4990                                 <dt class="heading">Parameters:</dt>
4991
4992                                         <dt>
4993                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4994
4995                                         </dt>
4996                                         <dd></dd>
4997
4998                                 </dl>
4999
5000
5001
5002
5003
5004
5005
5006
5007
5008
5009
5010                     </div>
5011                 </div>
5012
5013             </td>
5014             <td class="msource">
5015                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5016             </td>
5017         </tr>
5018
5019           <tr class="method-row expandable config-row-alt0">
5020             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5021
5022             <td class="sig">
5023                 <a id="Roo.Component-event-*beforeshow"></a>
5024
5025                <div class="fixedFont">
5026                 <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>)
5027
5028                 </div>
5029
5030                 <div class="mdesc">
5031
5032                    <div class="short">Fires before the component is shown.
5033
5034                 </div>
5035
5036                     <div class="long">
5037
5038                         Fires before the component is shown.  Return false to stop the show.
5039
5040
5041
5042
5043
5044                                 <dl class="detailList">
5045                                 <dt class="heading">Parameters:</dt>
5046
5047                                         <dt>
5048                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5049
5050                                         </dt>
5051                                         <dd></dd>
5052
5053                                 </dl>
5054
5055
5056
5057
5058
5059
5060
5061
5062
5063
5064
5065                     </div>
5066                 </div>
5067
5068             </td>
5069             <td class="msource">
5070                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5071             </td>
5072         </tr>
5073
5074           <tr class="method-row expandable config-row-alt1">
5075             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5076
5077             <td class="sig">
5078                 <a id="Roo.form.Field-event-*blur"></a>
5079
5080                <div class="fixedFont">
5081                 <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>)
5082
5083                 </div>
5084
5085                 <div class="mdesc">
5086
5087                    <div class="short">Fires when this field loses input focus.
5088
5089                 </div>
5090
5091                     <div class="long">
5092
5093                         Fires when this field loses input focus.
5094
5095
5096
5097
5098
5099                                 <dl class="detailList">
5100                                 <dt class="heading">Parameters:</dt>
5101
5102                                         <dt>
5103                                                 <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>
5104
5105                                         </dt>
5106                                         <dd></dd>
5107
5108                                 </dl>
5109
5110
5111
5112
5113
5114
5115
5116
5117
5118
5119
5120                     </div>
5121                 </div>
5122
5123             </td>
5124             <td class="msource">
5125                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5126             </td>
5127         </tr>
5128
5129           <tr class="method-row expandable config-row-alt0">
5130             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5131
5132             <td class="sig">
5133                 <a id="Roo.form.Field-event-*change"></a>
5134
5135                <div class="fixedFont">
5136                 <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>)
5137
5138                 </div>
5139
5140                 <div class="mdesc">
5141
5142                    <div class="short">Fires just before the field blurs if the field value has changed.
5143
5144                 </div>
5145
5146                     <div class="long">
5147
5148                         Fires just before the field blurs if the field value has changed.
5149
5150
5151
5152
5153
5154                                 <dl class="detailList">
5155                                 <dt class="heading">Parameters:</dt>
5156
5157                                         <dt>
5158                                                 <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>
5159
5160                                         </dt>
5161                                         <dd></dd>
5162
5163                                         <dt>
5164                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
5165
5166                                         </dt>
5167                                         <dd>The new value</dd>
5168
5169                                         <dt>
5170                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
5171
5172                                         </dt>
5173                                         <dd>The original value</dd>
5174
5175                                 </dl>
5176
5177
5178
5179
5180
5181
5182
5183
5184
5185
5186
5187                     </div>
5188                 </div>
5189
5190             </td>
5191             <td class="msource">
5192                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5193             </td>
5194         </tr>
5195
5196           <tr class="method-row expandable config-row-alt1">
5197             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5198
5199             <td class="sig">
5200                 <a id="Roo.Component-event-*destroy"></a>
5201
5202                <div class="fixedFont">
5203                 <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>)
5204
5205                 </div>
5206
5207                 <div class="mdesc">
5208
5209                    <div class="short">Fires after the component is destroyed.
5210
5211                 </div>
5212
5213                     <div class="long">
5214
5215                         Fires after the component is destroyed.
5216
5217
5218
5219
5220
5221                                 <dl class="detailList">
5222                                 <dt class="heading">Parameters:</dt>
5223
5224                                         <dt>
5225                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5226
5227                                         </dt>
5228                                         <dd></dd>
5229
5230                                 </dl>
5231
5232
5233
5234
5235
5236
5237
5238
5239
5240
5241
5242                     </div>
5243                 </div>
5244
5245             </td>
5246             <td class="msource">
5247                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5248             </td>
5249         </tr>
5250
5251           <tr class="method-row expandable config-row-alt0">
5252             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5253
5254             <td class="sig">
5255                 <a id="Roo.Component-event-*disable"></a>
5256
5257                <div class="fixedFont">
5258                 <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>)
5259
5260                 </div>
5261
5262                 <div class="mdesc">
5263
5264                    <div class="short">Fires after the component is disabled.
5265
5266                 </div>
5267
5268                     <div class="long">
5269
5270                         Fires after the component is disabled.
5271
5272
5273
5274
5275
5276                                 <dl class="detailList">
5277                                 <dt class="heading">Parameters:</dt>
5278
5279                                         <dt>
5280                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5281
5282                                         </dt>
5283                                         <dd></dd>
5284
5285                                 </dl>
5286
5287
5288
5289
5290
5291
5292
5293
5294
5295
5296
5297                     </div>
5298                 </div>
5299
5300             </td>
5301             <td class="msource">
5302                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5303             </td>
5304         </tr>
5305
5306           <tr class="method-row expandable config-row-alt1">
5307             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5308
5309             <td class="sig">
5310                 <a id="Roo.Component-event-*enable"></a>
5311
5312                <div class="fixedFont">
5313                 <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>)
5314
5315                 </div>
5316
5317                 <div class="mdesc">
5318
5319                    <div class="short">Fires after the component is enabled.
5320
5321                 </div>
5322
5323                     <div class="long">
5324
5325                         Fires after the component is enabled.
5326
5327
5328
5329
5330
5331                                 <dl class="detailList">
5332                                 <dt class="heading">Parameters:</dt>
5333
5334                                         <dt>
5335                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5336
5337                                         </dt>
5338                                         <dd></dd>
5339
5340                                 </dl>
5341
5342
5343
5344
5345
5346
5347
5348
5349
5350
5351
5352                     </div>
5353                 </div>
5354
5355             </td>
5356             <td class="msource">
5357                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5358             </td>
5359         </tr>
5360
5361           <tr class="method-row expandable config-row-alt0">
5362             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5363
5364             <td class="sig">
5365                 <a id="Roo.form.Field-event-*focus"></a>
5366
5367                <div class="fixedFont">
5368                 <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>)
5369
5370                 </div>
5371
5372                 <div class="mdesc">
5373
5374                    <div class="short">Fires when this field receives input focus.
5375
5376                 </div>
5377
5378                     <div class="long">
5379
5380                         Fires when this field receives input focus.
5381
5382
5383
5384
5385
5386                                 <dl class="detailList">
5387                                 <dt class="heading">Parameters:</dt>
5388
5389                                         <dt>
5390                                                 <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>
5391
5392                                         </dt>
5393                                         <dd></dd>
5394
5395                                 </dl>
5396
5397
5398
5399
5400
5401
5402
5403
5404
5405
5406
5407                     </div>
5408                 </div>
5409
5410             </td>
5411             <td class="msource">
5412                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5413             </td>
5414         </tr>
5415
5416           <tr class="method-row expandable config-row-alt1">
5417             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5418
5419             <td class="sig">
5420                 <a id="Roo.Component-event-*hide"></a>
5421
5422                <div class="fixedFont">
5423                 <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>)
5424
5425                 </div>
5426
5427                 <div class="mdesc">
5428
5429                    <div class="short">Fires after the component is hidden.
5430
5431                 </div>
5432
5433                     <div class="long">
5434
5435                         Fires after the component is hidden.
5436
5437
5438
5439
5440
5441                                 <dl class="detailList">
5442                                 <dt class="heading">Parameters:</dt>
5443
5444                                         <dt>
5445                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5446
5447                                         </dt>
5448                                         <dd></dd>
5449
5450                                 </dl>
5451
5452
5453
5454
5455
5456
5457
5458
5459
5460
5461
5462                     </div>
5463                 </div>
5464
5465             </td>
5466             <td class="msource">
5467                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5468             </td>
5469         </tr>
5470
5471           <tr class="method-row expandable config-row-alt0">
5472             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5473
5474             <td class="sig">
5475                 <a id="Roo.form.Field-event-*invalid"></a>
5476
5477                <div class="fixedFont">
5478                 <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>)
5479
5480                 </div>
5481
5482                 <div class="mdesc">
5483
5484                    <div class="short">Fires after the field has been marked as invalid.
5485
5486                 </div>
5487
5488                     <div class="long">
5489
5490                         Fires after the field has been marked as invalid.
5491
5492
5493
5494
5495
5496                                 <dl class="detailList">
5497                                 <dt class="heading">Parameters:</dt>
5498
5499                                         <dt>
5500                                                 <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>
5501
5502                                         </dt>
5503                                         <dd></dd>
5504
5505                                         <dt>
5506                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5507
5508                                         </dt>
5509                                         <dd>The validation message</dd>
5510
5511                                 </dl>
5512
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523                     </div>
5524                 </div>
5525
5526             </td>
5527             <td class="msource">
5528                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5529             </td>
5530         </tr>
5531
5532           <tr class="method-row expandable config-row-alt1">
5533             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5534
5535             <td class="sig">
5536                 <a id="Roo.form.Field-event-*keyup"></a>
5537
5538                <div class="fixedFont">
5539                 <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>)
5540
5541                 </div>
5542
5543                 <div class="mdesc">
5544
5545                    <div class="short">Fires after the key up
5546
5547                 </div>
5548
5549                     <div class="long">
5550
5551                         Fires after the key up
5552
5553
5554
5555
5556
5557                                 <dl class="detailList">
5558                                 <dt class="heading">Parameters:</dt>
5559
5560                                         <dt>
5561                                                 <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>
5562
5563                                         </dt>
5564                                         <dd></dd>
5565
5566                                         <dt>
5567                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5568
5569                                         </dt>
5570                                         <dd>The event Object</dd>
5571
5572                                 </dl>
5573
5574
5575
5576
5577
5578
5579
5580
5581
5582
5583
5584                     </div>
5585                 </div>
5586
5587             </td>
5588             <td class="msource">
5589                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5590             </td>
5591         </tr>
5592
5593           <tr class="method-row expandable config-row-alt0">
5594             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5595
5596             <td class="sig">
5597                 <a id="Roo.BoxComponent-event-*move"></a>
5598
5599                <div class="fixedFont">
5600                 <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>)
5601
5602                 </div>
5603
5604                 <div class="mdesc">
5605
5606                    <div class="short">Fires after the component is moved.
5607
5608                 </div>
5609
5610                     <div class="long">
5611
5612                         Fires after the component is moved.
5613
5614
5615
5616
5617
5618                                 <dl class="detailList">
5619                                 <dt class="heading">Parameters:</dt>
5620
5621                                         <dt>
5622                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5623
5624                                         </dt>
5625                                         <dd></dd>
5626
5627                                         <dt>
5628                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
5629
5630                                         </dt>
5631                                         <dd>The new x position</dd>
5632
5633                                         <dt>
5634                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
5635
5636                                         </dt>
5637                                         <dd>The new y position</dd>
5638
5639                                 </dl>
5640
5641
5642
5643
5644
5645
5646
5647
5648
5649
5650
5651                     </div>
5652                 </div>
5653
5654             </td>
5655             <td class="msource">
5656                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5657             </td>
5658         </tr>
5659
5660           <tr class="method-row expandable config-row-alt1">
5661             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5662
5663             <td class="sig">
5664                 <a id="Roo.Component-event-*render"></a>
5665
5666                <div class="fixedFont">
5667                 <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>)
5668
5669                 </div>
5670
5671                 <div class="mdesc">
5672
5673                    <div class="short">Fires after the component is rendered.
5674
5675                 </div>
5676
5677                     <div class="long">
5678
5679                         Fires after the component is rendered.
5680
5681
5682
5683
5684
5685                                 <dl class="detailList">
5686                                 <dt class="heading">Parameters:</dt>
5687
5688                                         <dt>
5689                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5690
5691                                         </dt>
5692                                         <dd></dd>
5693
5694                                 </dl>
5695
5696
5697
5698
5699
5700
5701
5702
5703
5704
5705
5706                     </div>
5707                 </div>
5708
5709             </td>
5710             <td class="msource">
5711                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5712             </td>
5713         </tr>
5714
5715           <tr class="method-row expandable config-row-alt0">
5716             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5717
5718             <td class="sig">
5719                 <a id="Roo.BoxComponent-event-*resize"></a>
5720
5721                <div class="fixedFont">
5722                 <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>)
5723
5724                 </div>
5725
5726                 <div class="mdesc">
5727
5728                    <div class="short">Fires after the component is resized.
5729
5730                 </div>
5731
5732                     <div class="long">
5733
5734                         Fires after the component is resized.
5735
5736
5737
5738
5739
5740                                 <dl class="detailList">
5741                                 <dt class="heading">Parameters:</dt>
5742
5743                                         <dt>
5744                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5745
5746                                         </dt>
5747                                         <dd></dd>
5748
5749                                         <dt>
5750                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
5751
5752                                         </dt>
5753                                         <dd>The box-adjusted width that was set</dd>
5754
5755                                         <dt>
5756                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
5757
5758                                         </dt>
5759                                         <dd>The box-adjusted height that was set</dd>
5760
5761                                         <dt>
5762                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
5763
5764                                         </dt>
5765                                         <dd>The width that was originally specified</dd>
5766
5767                                         <dt>
5768                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
5769
5770                                         </dt>
5771                                         <dd>The height that was originally specified</dd>
5772
5773                                 </dl>
5774
5775
5776
5777
5778
5779
5780
5781
5782
5783
5784
5785                     </div>
5786                 </div>
5787
5788             </td>
5789             <td class="msource">
5790                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5791             </td>
5792         </tr>
5793
5794           <tr class="method-row expandable config-row-alt1">
5795             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5796
5797             <td class="sig">
5798                 <a id="Roo.Component-event-*show"></a>
5799
5800                <div class="fixedFont">
5801                 <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>)
5802
5803                 </div>
5804
5805                 <div class="mdesc">
5806
5807                    <div class="short">Fires after the component is shown.
5808
5809                 </div>
5810
5811                     <div class="long">
5812
5813                         Fires after the component is shown.
5814
5815
5816
5817
5818
5819                                 <dl class="detailList">
5820                                 <dt class="heading">Parameters:</dt>
5821
5822                                         <dt>
5823                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5824
5825                                         </dt>
5826                                         <dd></dd>
5827
5828                                 </dl>
5829
5830
5831
5832
5833
5834
5835
5836
5837
5838
5839
5840                     </div>
5841                 </div>
5842
5843             </td>
5844             <td class="msource">
5845                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5846             </td>
5847         </tr>
5848
5849           <tr class="method-row expandable config-row-alt0">
5850             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5851
5852             <td class="sig">
5853                 <a id="Roo.form.Field-event-*specialkey"></a>
5854
5855                <div class="fixedFont">
5856                 <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>)
5857
5858                 </div>
5859
5860                 <div class="mdesc">
5861
5862                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5863
5864                 </div>
5865
5866                     <div class="long">
5867
5868                         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.
5869
5870
5871
5872
5873
5874                                 <dl class="detailList">
5875                                 <dt class="heading">Parameters:</dt>
5876
5877                                         <dt>
5878                                                 <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>
5879
5880                                         </dt>
5881                                         <dd></dd>
5882
5883                                         <dt>
5884                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5885
5886                                         </dt>
5887                                         <dd>The event object</dd>
5888
5889                                 </dl>
5890
5891
5892
5893
5894
5895
5896
5897
5898
5899
5900
5901                     </div>
5902                 </div>
5903
5904             </td>
5905             <td class="msource">
5906                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5907             </td>
5908         </tr>
5909
5910           <tr class="method-row expandable config-row-alt1">
5911             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5912
5913             <td class="sig">
5914                 <a id="Roo.form.Field-event-*valid"></a>
5915
5916                <div class="fixedFont">
5917                 <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>)
5918
5919                 </div>
5920
5921                 <div class="mdesc">
5922
5923                    <div class="short">Fires after the field has been validated with no errors.
5924
5925                 </div>
5926
5927                     <div class="long">
5928
5929                         Fires after the field has been validated with no errors.
5930
5931
5932
5933
5934
5935                                 <dl class="detailList">
5936                                 <dt class="heading">Parameters:</dt>
5937
5938                                         <dt>
5939                                                 <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>
5940
5941                                         </dt>
5942                                         <dd></dd>
5943
5944                                 </dl>
5945
5946
5947
5948
5949
5950
5951
5952
5953
5954
5955
5956                     </div>
5957                 </div>
5958
5959             </td>
5960             <td class="msource">
5961                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5962             </td>
5963         </tr>
5964
5965
5966     </table>
5967
5968
5969
5970
5971
5972 <!-- ============================== footer ================================= -->
5973                 <div class="fineprint" style="clear:both">
5974
5975                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:54 GMT+0800 (HKT)
5976                         Based on
5977                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5978                 </div>
5979         </body>
5980 </html>