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