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