git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.TextField.html

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