git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.Hidden.html

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