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