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