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