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