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