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.form.Field-method-hasChanged"   name=".hasChanged"></a>
2846                 <div class="fixedFont">
2847                         <span class="attributes"></span><b class="itemname">hasChanged</b>
2848
2849                                  ()
2850
2851
2852
2853                 </div>
2854                 <div class="mdesc">
2855
2856                    <div class="short">checks the current value against the 'loaded' value.</div>
2857
2858
2859
2860                     <div class="long">
2861
2862                                 checks the current value against the 'loaded' value.<br/>Note - will return false if 'resetHasChanged' has not been called first.
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879                     </div>
2880                 </div>
2881
2882             </td>
2883             <td class="msource">
2884
2885                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2886                 &nbsp;
2887             </td>
2888         </tr>
2889
2890
2891           <tr class="method-row config-row-alt0 expandable">
2892             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2893
2894
2895             <td class="sig">
2896                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2897                 <div class="fixedFont">
2898                         <span class="attributes"></span><b class="itemname">hasListener</b>
2899
2900                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2901
2902
2903                                          :
2904
2905
2906                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2907
2908
2909
2910
2911
2912                 </div>
2913                 <div class="mdesc">
2914
2915                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2916
2917
2918
2919                     <div class="long">
2920
2921                                 Checks to see if this object has any listeners for a specified event
2922
2923
2924
2925
2926
2927
2928                                 <dl class="detailList">
2929                                 <dt class="heading">Parameters:</dt>
2930
2931                                         <dt>
2932                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2933
2934                                         </dt>
2935                                         <dd>The name of the event to check for</dd>
2936
2937                                 </dl>
2938
2939
2940
2941
2942
2943                                 <dl class="detailList">
2944                                 <dt class="heading">Returns:</dt>
2945
2946                                         <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>
2947
2948                                 </dl>
2949
2950
2951
2952
2953
2954
2955
2956                     </div>
2957                 </div>
2958
2959             </td>
2960             <td class="msource">
2961
2962                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2963                 &nbsp;
2964             </td>
2965         </tr>
2966
2967
2968           <tr class="method-row config-row-alt1 expandable">
2969             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2970
2971
2972             <td class="sig">
2973                 <a id="Roo.Component-method-hide"   name=".hide"></a>
2974                 <div class="fixedFont">
2975                         <span class="attributes"></span><b class="itemname">hide</b>
2976
2977                                  ()
2978
2979
2980                                          :
2981
2982
2983                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2984
2985
2986
2987
2988
2989                 </div>
2990                 <div class="mdesc">
2991
2992                    <div class="short">Hide this component.</div>
2993
2994
2995
2996                     <div class="long">
2997
2998                                 Hide this component.
2999
3000
3001
3002
3003
3004
3005
3006
3007
3008
3009                                 <dl class="detailList">
3010                                 <dt class="heading">Returns:</dt>
3011
3012                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3013
3014                                 </dl>
3015
3016
3017
3018
3019
3020
3021
3022                     </div>
3023                 </div>
3024
3025             </td>
3026             <td class="msource">
3027
3028                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-isDirty"   name=".isDirty"></a>
3040                 <div class="fixedFont">
3041                         <span class="attributes"></span><b class="itemname">isDirty</b>
3042
3043                                  ()
3044
3045
3046
3047                 </div>
3048                 <div class="mdesc">
3049
3050                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
3051
3052
3053
3054                     <div class="long">
3055
3056                                 Returns true if this field has been changed since it was originally loaded and is not disabled.<br/>DEPRICATED  - it never worked well - use hasChanged/resetHasChanged.
3057
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069
3070
3071
3072
3073                     </div>
3074                 </div>
3075
3076             </td>
3077             <td class="msource">
3078
3079                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3080                 &nbsp;
3081             </td>
3082         </tr>
3083
3084
3085           <tr class="method-row config-row-alt1 expandable">
3086             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3087
3088
3089             <td class="sig">
3090                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
3091                 <div class="fixedFont">
3092                         <span class="attributes"></span><b class="itemname">isValid</b>
3093
3094                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
3095
3096
3097                                          :
3098
3099
3100                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3101
3102
3103
3104
3105
3106                 </div>
3107                 <div class="mdesc">
3108
3109                    <div class="short">Returns whether or not the field value is currently valid</div>
3110
3111
3112
3113                     <div class="long">
3114
3115                                 Returns whether or not the field value is currently valid
3116
3117
3118
3119
3120
3121
3122                                 <dl class="detailList">
3123                                 <dt class="heading">Parameters:</dt>
3124
3125                                         <dt>
3126                                                 <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>
3127
3128                                         </dt>
3129                                         <dd>True to disable marking the field invalid</dd>
3130
3131                                 </dl>
3132
3133
3134
3135
3136
3137                                 <dl class="detailList">
3138                                 <dt class="heading">Returns:</dt>
3139
3140                                         <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>
3141
3142                                 </dl>
3143
3144
3145
3146
3147
3148
3149
3150                     </div>
3151                 </div>
3152
3153             </td>
3154             <td class="msource">
3155
3156                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</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.Component-method-isVisible"   name=".isVisible"></a>
3168                 <div class="fixedFont">
3169                         <span class="attributes"></span><b class="itemname">isVisible</b>
3170
3171                                  ()
3172
3173
3174
3175                 </div>
3176                 <div class="mdesc">
3177
3178                    <div class="short">Returns true if this component is visible.</div>
3179
3180
3181
3182                     <div class="long">
3183
3184                                 Returns true if this component is visible.
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201                     </div>
3202                 </div>
3203
3204             </td>
3205             <td class="msource">
3206
3207                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3208                 &nbsp;
3209             </td>
3210         </tr>
3211
3212
3213           <tr class="method-row config-row-alt1 expandable">
3214             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3215
3216
3217             <td class="sig">
3218                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
3219                 <div class="fixedFont">
3220                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3221
3222                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3223
3224
3225
3226                 </div>
3227                 <div class="mdesc">
3228
3229                    <div class="short">Mark this field as invalid</div>
3230
3231
3232
3233                     <div class="long">
3234
3235                                 Mark this field as invalid
3236
3237
3238
3239
3240
3241
3242                                 <dl class="detailList">
3243                                 <dt class="heading">Parameters:</dt>
3244
3245                                         <dt>
3246                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3247
3248                                         </dt>
3249                                         <dd>The validation message</dd>
3250
3251                                 </dl>
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263                     </div>
3264                 </div>
3265
3266             </td>
3267             <td class="msource">
3268
3269                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3270                 &nbsp;
3271             </td>
3272         </tr>
3273
3274
3275           <tr class="method-row config-row-alt0 expandable">
3276             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3277
3278
3279             <td class="sig">
3280                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3281                 <div class="fixedFont">
3282                         <span class="attributes"></span><b class="itemname">on</b>
3283
3284                                  (<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>)
3285
3286
3287
3288                 </div>
3289                 <div class="mdesc">
3290
3291                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3292
3293
3294
3295                     <div class="long">
3296
3297                                 Appends an event handler to this element (shorthand for addListener)
3298
3299
3300
3301
3302
3303
3304                                 <dl class="detailList">
3305                                 <dt class="heading">Parameters:</dt>
3306
3307                                         <dt>
3308                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3309
3310                                         </dt>
3311                                         <dd>The type of event to listen for</dd>
3312
3313                                         <dt>
3314                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3315
3316                                         </dt>
3317                                         <dd>The method the event invokes</dd>
3318
3319                                         <dt>
3320                                                 <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>
3321
3322                                         </dt>
3323                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3324
3325                                         <dt>
3326                                                 <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>
3327
3328                                         </dt>
3329                                         <dd>(optional)</dd>
3330
3331                                 </dl>
3332
3333
3334
3335
3336
3337
3338
3339
3340
3341
3342
3343                     </div>
3344                 </div>
3345
3346             </td>
3347             <td class="msource">
3348
3349                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3350                 &nbsp;
3351             </td>
3352         </tr>
3353
3354
3355           <tr class="method-row config-row-alt1 expandable">
3356             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3357
3358
3359             <td class="sig">
3360                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
3361                 <div class="fixedFont">
3362                         <span class="attributes"></span><b class="itemname">onPosition</b>
3363
3364                                  (<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>)
3365
3366
3367
3368                 </div>
3369                 <div class="mdesc">
3370
3371                    <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>
3372
3373
3374
3375                     <div class="long">
3376
3377                                 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.
3378
3379
3380
3381
3382
3383
3384                                 <dl class="detailList">
3385                                 <dt class="heading">Parameters:</dt>
3386
3387                                         <dt>
3388                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3389
3390                                         </dt>
3391                                         <dd>The new x position</dd>
3392
3393                                         <dt>
3394                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3395
3396                                         </dt>
3397                                         <dd>The new y position</dd>
3398
3399                                 </dl>
3400
3401
3402
3403
3404
3405
3406
3407
3408
3409
3410
3411                     </div>
3412                 </div>
3413
3414             </td>
3415             <td class="msource">
3416
3417                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3418                 &nbsp;
3419             </td>
3420         </tr>
3421
3422
3423           <tr class="method-row config-row-alt0 expandable">
3424             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3425
3426
3427             <td class="sig">
3428                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
3429                 <div class="fixedFont">
3430                         <span class="attributes"></span><b class="itemname">onResize</b>
3431
3432                                  (<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>)
3433
3434
3435
3436                 </div>
3437                 <div class="mdesc">
3438
3439                    <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>
3440
3441
3442
3443                     <div class="long">
3444
3445                                 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.
3446
3447
3448
3449
3450
3451
3452                                 <dl class="detailList">
3453                                 <dt class="heading">Parameters:</dt>
3454
3455                                         <dt>
3456                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
3457
3458                                         </dt>
3459                                         <dd>The box-adjusted width that was set</dd>
3460
3461                                         <dt>
3462                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
3463
3464                                         </dt>
3465                                         <dd>The box-adjusted height that was set</dd>
3466
3467                                         <dt>
3468                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
3469
3470                                         </dt>
3471                                         <dd>The width that was originally specified</dd>
3472
3473                                         <dt>
3474                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
3475
3476                                         </dt>
3477                                         <dd>The height that was originally specified</dd>
3478
3479                                 </dl>
3480
3481
3482
3483
3484
3485
3486
3487
3488
3489
3490
3491                     </div>
3492                 </div>
3493
3494             </td>
3495             <td class="msource">
3496
3497                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3498                 &nbsp;
3499             </td>
3500         </tr>
3501
3502
3503           <tr class="method-row config-row-alt1 expandable notInherited">
3504             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3505
3506
3507             <td class="sig">
3508                 <a id="Roo.form.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
3509                 <div class="fixedFont">
3510                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
3511
3512                                  (EventObject <B><i>e</i></B>)
3513
3514
3515
3516                 </div>
3517                 <div class="mdesc">
3518
3519                    <div class="short">The function that should handle the trigger's click event.</div>
3520
3521
3522
3523                     <div class="long">
3524
3525                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
3526
3527
3528
3529
3530
3531
3532                                 <dl class="detailList">
3533                                 <dt class="heading">Parameters:</dt>
3534
3535                                         <dt>
3536                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
3537
3538                                         </dt>
3539                                         <dd></dd>
3540
3541                                 </dl>
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553                     </div>
3554                 </div>
3555
3556             </td>
3557             <td class="msource">
3558
3559                         Roo.form.TriggerField
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-purgeListeners"   name=".purgeListeners"></a>
3571                 <div class="fixedFont">
3572                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3573
3574                                  ()
3575
3576
3577
3578                 </div>
3579                 <div class="mdesc">
3580
3581                    <div class="short">Removes all listeners for this object</div>
3582
3583
3584
3585                     <div class="long">
3586
3587                                 Removes all listeners for this object
3588
3589
3590
3591
3592
3593
3594
3595
3596
3597
3598
3599
3600
3601
3602
3603
3604                     </div>
3605                 </div>
3606
3607             </td>
3608             <td class="msource">
3609
3610                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3611                 &nbsp;
3612             </td>
3613         </tr>
3614
3615
3616           <tr class="method-row config-row-alt1 expandable">
3617             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3618
3619
3620             <td class="sig">
3621                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3622                 <div class="fixedFont">
3623                         <span class="attributes"></span><b class="itemname">removeListener</b>
3624
3625                                  (<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>)
3626
3627
3628
3629                 </div>
3630                 <div class="mdesc">
3631
3632                    <div class="short">Removes a listener</div>
3633
3634
3635
3636                     <div class="long">
3637
3638                                 Removes a listener
3639
3640
3641
3642
3643
3644
3645                                 <dl class="detailList">
3646                                 <dt class="heading">Parameters:</dt>
3647
3648                                         <dt>
3649                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3650
3651                                         </dt>
3652                                         <dd>The type of event to listen for</dd>
3653
3654                                         <dt>
3655                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3656
3657                                         </dt>
3658                                         <dd>The handler to remove</dd>
3659
3660                                         <dt>
3661                                                 <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>
3662
3663                                         </dt>
3664                                         <dd>(optional) The scope (this object) for the handler</dd>
3665
3666                                 </dl>
3667
3668
3669
3670
3671
3672
3673
3674
3675
3676
3677
3678                     </div>
3679                 </div>
3680
3681             </td>
3682             <td class="msource">
3683
3684                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3685                 &nbsp;
3686             </td>
3687         </tr>
3688
3689
3690           <tr class="method-row config-row-alt0 expandable">
3691             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3692
3693
3694             <td class="sig">
3695                 <a id="Roo.Component-method-render"   name=".render"></a>
3696                 <div class="fixedFont">
3697                         <span class="attributes"></span><b class="itemname">render</b>
3698
3699                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3700
3701
3702
3703                 </div>
3704                 <div class="mdesc">
3705
3706                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3707
3708
3709
3710                     <div class="long">
3711
3712                                 If this is a lazy rendering component, render it to its container element.
3713
3714
3715
3716
3717
3718
3719                                 <dl class="detailList">
3720                                 <dt class="heading">Parameters:</dt>
3721
3722                                         <dt>
3723                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3724
3725                                         </dt>
3726                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3727
3728                                 </dl>
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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-reset"   name=".reset"></a>
3758                 <div class="fixedFont">
3759                         <span class="attributes"></span><b class="itemname">reset</b>
3760
3761                                  ()
3762
3763
3764
3765                 </div>
3766                 <div class="mdesc">
3767
3768                    <div class="short">Resets the current field value to the originally-loaded value and clears any validation messages.</div>
3769
3770
3771
3772                     <div class="long">
3773
3774                                 Resets the current field value to the originally-loaded value and clears any validation messages.
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786
3787
3788
3789
3790
3791                     </div>
3792                 </div>
3793
3794             </td>
3795             <td class="msource">
3796
3797                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
3798                 &nbsp;
3799             </td>
3800         </tr>
3801
3802
3803           <tr class="method-row config-row-alt0 expandable">
3804             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3805
3806
3807             <td class="sig">
3808                 <a id="Roo.form.Field-method-resetHasChanged"   name=".resetHasChanged"></a>
3809                 <div class="fixedFont">
3810                         <span class="attributes"></span><b class="itemname">resetHasChanged</b>
3811
3812                                  ()
3813
3814
3815
3816                 </div>
3817                 <div class="mdesc">
3818
3819                    <div class="short">stores the current value in loadedValue</div>
3820
3821
3822
3823                     <div class="long">
3824
3825                                 stores the current value in loadedValue
3826
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842                     </div>
3843                 </div>
3844
3845             </td>
3846             <td class="msource">
3847
3848                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3849                 &nbsp;
3850             </td>
3851         </tr>
3852
3853
3854           <tr class="method-row config-row-alt1 expandable">
3855             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3856
3857
3858             <td class="sig">
3859                 <a id="Roo.form.TextField-method-selectText"   name=".selectText"></a>
3860                 <div class="fixedFont">
3861                         <span class="attributes"></span><b class="itemname">selectText</b>
3862
3863                                  (<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>)
3864
3865
3866
3867                 </div>
3868                 <div class="mdesc">
3869
3870                    <div class="short">Selects text in this field</div>
3871
3872
3873
3874                     <div class="long">
3875
3876                                 Selects text in this field
3877
3878
3879
3880
3881
3882
3883                                 <dl class="detailList">
3884                                 <dt class="heading">Parameters:</dt>
3885
3886                                         <dt>
3887                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>start</b>
3888
3889                                         </dt>
3890                                         <dd>(optional) The index where the selection should start (defaults to 0)</dd>
3891
3892                                         <dt>
3893                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>end</b>
3894
3895                                         </dt>
3896                                         <dd>(optional) The index where the selection should end (defaults to the text length)</dd>
3897
3898                                 </dl>
3899
3900
3901
3902
3903
3904
3905
3906
3907
3908
3909
3910                     </div>
3911                 </div>
3912
3913             </td>
3914             <td class="msource">
3915
3916                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
3917                 &nbsp;
3918             </td>
3919         </tr>
3920
3921
3922           <tr class="method-row config-row-alt0 expandable">
3923             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3924
3925
3926             <td class="sig">
3927                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3928                 <div class="fixedFont">
3929                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3930
3931                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3932
3933
3934
3935                 </div>
3936                 <div class="mdesc">
3937
3938                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3939
3940
3941
3942                     <div class="long">
3943
3944                                 Convenience function for setting disabled/enabled by boolean.
3945
3946
3947
3948
3949
3950
3951                                 <dl class="detailList">
3952                                 <dt class="heading">Parameters:</dt>
3953
3954                                         <dt>
3955                                                 <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>
3956
3957                                         </dt>
3958                                         <dd></dd>
3959
3960                                 </dl>
3961
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971
3972                     </div>
3973                 </div>
3974
3975             </td>
3976             <td class="msource">
3977
3978                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3979                 &nbsp;
3980             </td>
3981         </tr>
3982
3983
3984           <tr class="method-row config-row-alt1 expandable">
3985             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3986
3987
3988             <td class="sig">
3989                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
3990                 <div class="fixedFont">
3991                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
3992
3993                                  (<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>)
3994
3995
3996
3997                 </div>
3998                 <div class="mdesc">
3999
4000                    <div class="short">Sets the page XY position of the component.</div>
4001
4002
4003
4004                     <div class="long">
4005
4006                                 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.
4007
4008
4009
4010
4011
4012
4013                                 <dl class="detailList">
4014                                 <dt class="heading">Parameters:</dt>
4015
4016                                         <dt>
4017                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
4018
4019                                         </dt>
4020                                         <dd>The new x position</dd>
4021
4022                                         <dt>
4023                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
4024
4025                                         </dt>
4026                                         <dd>The new y position</dd>
4027
4028                                 </dl>
4029
4030
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040                     </div>
4041                 </div>
4042
4043             </td>
4044             <td class="msource">
4045
4046                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4047                 &nbsp;
4048             </td>
4049         </tr>
4050
4051
4052           <tr class="method-row config-row-alt0 expandable">
4053             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4054
4055
4056             <td class="sig">
4057                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
4058                 <div class="fixedFont">
4059                         <span class="attributes"></span><b class="itemname">setPosition</b>
4060
4061                                  (<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>)
4062
4063
4064
4065                 </div>
4066                 <div class="mdesc">
4067
4068                    <div class="short">Sets the left and top of the component.</div>
4069
4070
4071
4072                     <div class="long">
4073
4074                                 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.
4075
4076
4077
4078
4079
4080
4081                                 <dl class="detailList">
4082                                 <dt class="heading">Parameters:</dt>
4083
4084                                         <dt>
4085                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
4086
4087                                         </dt>
4088                                         <dd>The new left</dd>
4089
4090                                         <dt>
4091                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
4092
4093                                         </dt>
4094                                         <dd>The new top</dd>
4095
4096                                 </dl>
4097
4098
4099
4100
4101
4102
4103
4104
4105
4106
4107
4108                     </div>
4109                 </div>
4110
4111             </td>
4112             <td class="msource">
4113
4114                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4115                 &nbsp;
4116             </td>
4117         </tr>
4118
4119
4120           <tr class="method-row config-row-alt1 expandable">
4121             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4122
4123
4124             <td class="sig">
4125                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
4126                 <div class="fixedFont">
4127                         <span class="attributes"></span><b class="itemname">setRawValue</b>
4128
4129                                  (Mixed <B><i>value</i></B>)
4130
4131
4132
4133                 </div>
4134                 <div class="mdesc">
4135
4136                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
4137
4138
4139
4140                     <div class="long">
4141
4142                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
4143
4144
4145
4146
4147
4148
4149                                 <dl class="detailList">
4150                                 <dt class="heading">Parameters:</dt>
4151
4152                                         <dt>
4153                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4154
4155                                         </dt>
4156                                         <dd>The value to set</dd>
4157
4158                                 </dl>
4159
4160
4161
4162
4163
4164
4165
4166
4167
4168
4169
4170                     </div>
4171                 </div>
4172
4173             </td>
4174             <td class="msource">
4175
4176                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4177                 &nbsp;
4178             </td>
4179         </tr>
4180
4181
4182           <tr class="method-row config-row-alt0 expandable">
4183             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4184
4185
4186             <td class="sig">
4187                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
4188                 <div class="fixedFont">
4189                         <span class="attributes"></span><b class="itemname">setSize</b>
4190
4191                                  (<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>)
4192
4193
4194                                          :
4195
4196
4197                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4198
4199
4200
4201
4202
4203                 </div>
4204                 <div class="mdesc">
4205
4206                    <div class="short">Sets the width and height of the component.</div>
4207
4208
4209
4210                     <div class="long">
4211
4212                                 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}.
4213
4214
4215
4216
4217
4218
4219                                 <dl class="detailList">
4220                                 <dt class="heading">Parameters:</dt>
4221
4222                                         <dt>
4223                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
4224
4225                                         </dt>
4226                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
4227
4228                                         <dt>
4229                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
4230
4231                                         </dt>
4232                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
4233
4234                                 </dl>
4235
4236
4237
4238
4239
4240                                 <dl class="detailList">
4241                                 <dt class="heading">Returns:</dt>
4242
4243                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
4244
4245                                 </dl>
4246
4247
4248
4249
4250
4251
4252
4253                     </div>
4254                 </div>
4255
4256             </td>
4257             <td class="msource">
4258
4259                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4260                 &nbsp;
4261             </td>
4262         </tr>
4263
4264
4265           <tr class="method-row config-row-alt1 expandable">
4266             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4267
4268
4269             <td class="sig">
4270                 <a id="Roo.form.Field-method-setValue"   name=".setValue"></a>
4271                 <div class="fixedFont">
4272                         <span class="attributes"></span><b class="itemname">setValue</b>
4273
4274                                  (Mixed <B><i>value</i></B>)
4275
4276
4277
4278                 </div>
4279                 <div class="mdesc">
4280
4281                    <div class="short">Sets a data value into the field and validates it.</div>
4282
4283
4284
4285                     <div class="long">
4286
4287                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
4288
4289
4290
4291
4292
4293
4294                                 <dl class="detailList">
4295                                 <dt class="heading">Parameters:</dt>
4296
4297                                         <dt>
4298                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4299
4300                                         </dt>
4301                                         <dd>The value to set</dd>
4302
4303                                 </dl>
4304
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314
4315                     </div>
4316                 </div>
4317
4318             </td>
4319             <td class="msource">
4320
4321                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4322                 &nbsp;
4323             </td>
4324         </tr>
4325
4326
4327           <tr class="method-row config-row-alt0 expandable">
4328             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4329
4330
4331             <td class="sig">
4332                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4333                 <div class="fixedFont">
4334                         <span class="attributes"></span><b class="itemname">setVisible</b>
4335
4336                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4337
4338
4339                                          :
4340
4341
4342                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4343
4344
4345
4346
4347
4348                 </div>
4349                 <div class="mdesc">
4350
4351                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4352
4353
4354
4355                     <div class="long">
4356
4357                                 Convenience function to hide or show this component by boolean.
4358
4359
4360
4361
4362
4363
4364                                 <dl class="detailList">
4365                                 <dt class="heading">Parameters:</dt>
4366
4367                                         <dt>
4368                                                 <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>
4369
4370                                         </dt>
4371                                         <dd>True to show, false to hide</dd>
4372
4373                                 </dl>
4374
4375
4376
4377
4378
4379                                 <dl class="detailList">
4380                                 <dt class="heading">Returns:</dt>
4381
4382                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4383
4384                                 </dl>
4385
4386
4387
4388
4389
4390
4391
4392                     </div>
4393                 </div>
4394
4395             </td>
4396             <td class="msource">
4397
4398                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4399                 &nbsp;
4400             </td>
4401         </tr>
4402
4403
4404           <tr class="method-row config-row-alt1 expandable">
4405             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4406
4407
4408             <td class="sig">
4409                 <a id="Roo.Component-method-show"   name=".show"></a>
4410                 <div class="fixedFont">
4411                         <span class="attributes"></span><b class="itemname">show</b>
4412
4413                                  ()
4414
4415
4416                                          :
4417
4418
4419                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4420
4421
4422
4423
4424
4425                 </div>
4426                 <div class="mdesc">
4427
4428                    <div class="short">Show this component.</div>
4429
4430
4431
4432                     <div class="long">
4433
4434                                 Show this component.
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445                                 <dl class="detailList">
4446                                 <dt class="heading">Returns:</dt>
4447
4448                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4449
4450                                 </dl>
4451
4452
4453
4454
4455
4456
4457
4458                     </div>
4459                 </div>
4460
4461             </td>
4462             <td class="msource">
4463
4464                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4465                 &nbsp;
4466             </td>
4467         </tr>
4468
4469
4470           <tr class="method-row config-row-alt0 expandable">
4471             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4472
4473
4474             <td class="sig">
4475                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
4476                 <div class="fixedFont">
4477                         <span class="attributes"></span><b class="itemname">syncSize</b>
4478
4479                                  ()
4480
4481
4482
4483                 </div>
4484                 <div class="mdesc">
4485
4486                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
4487
4488
4489
4490                     <div class="long">
4491
4492                                 Force the component's size to recalculate based on the underlying element's current height and width.
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509                     </div>
4510                 </div>
4511
4512             </td>
4513             <td class="msource">
4514
4515                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4516                 &nbsp;
4517             </td>
4518         </tr>
4519
4520
4521           <tr class="method-row config-row-alt1 expandable">
4522             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4523
4524
4525             <td class="sig">
4526                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4527                 <div class="fixedFont">
4528                         <span class="attributes"></span><b class="itemname">un</b>
4529
4530                                  (<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>)
4531
4532
4533
4534                 </div>
4535                 <div class="mdesc">
4536
4537                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4538
4539
4540
4541                     <div class="long">
4542
4543                                 Removes a listener (shorthand for removeListener)
4544
4545
4546
4547
4548
4549
4550                                 <dl class="detailList">
4551                                 <dt class="heading">Parameters:</dt>
4552
4553                                         <dt>
4554                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4555
4556                                         </dt>
4557                                         <dd>The type of event to listen for</dd>
4558
4559                                         <dt>
4560                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4561
4562                                         </dt>
4563                                         <dd>The handler to remove</dd>
4564
4565                                         <dt>
4566                                                 <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>
4567
4568                                         </dt>
4569                                         <dd>(optional) The scope (this object) for the handler</dd>
4570
4571                                 </dl>
4572
4573
4574
4575
4576
4577
4578
4579
4580
4581
4582
4583                     </div>
4584                 </div>
4585
4586             </td>
4587             <td class="msource">
4588
4589                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4590                 &nbsp;
4591             </td>
4592         </tr>
4593
4594
4595           <tr class="method-row config-row-alt0 expandable">
4596             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4597
4598
4599             <td class="sig">
4600                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
4601                 <div class="fixedFont">
4602                         <span class="attributes"></span><b class="itemname">updateBox</b>
4603
4604                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
4605
4606
4607
4608                 </div>
4609                 <div class="mdesc">
4610
4611                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
4612
4613
4614
4615                     <div class="long">
4616
4617                                 Sets the current box measurements of the component's underlying element.
4618
4619
4620
4621
4622
4623
4624                                 <dl class="detailList">
4625                                 <dt class="heading">Parameters:</dt>
4626
4627                                         <dt>
4628                                                 <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>
4629
4630                                         </dt>
4631                                         <dd>An object in the format {x, y, width, height}</dd>
4632
4633                                 </dl>
4634
4635
4636
4637
4638
4639
4640
4641
4642
4643
4644
4645                     </div>
4646                 </div>
4647
4648             </td>
4649             <td class="msource">
4650
4651                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4652                 &nbsp;
4653             </td>
4654         </tr>
4655
4656
4657           <tr class="method-row config-row-alt1 expandable">
4658             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4659
4660
4661             <td class="sig">
4662                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
4663                 <div class="fixedFont">
4664                         <span class="attributes"></span><b class="itemname">validate</b>
4665
4666                                  ()
4667
4668
4669                                          :
4670
4671
4672                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4673
4674
4675
4676
4677
4678                 </div>
4679                 <div class="mdesc">
4680
4681                    <div class="short">Validates the field value</div>
4682
4683
4684
4685                     <div class="long">
4686
4687                                 Validates the field value
4688
4689
4690
4691
4692
4693
4694
4695
4696
4697
4698                                 <dl class="detailList">
4699                                 <dt class="heading">Returns:</dt>
4700
4701                                         <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>
4702
4703                                 </dl>
4704
4705
4706
4707
4708
4709
4710
4711                     </div>
4712                 </div>
4713
4714             </td>
4715             <td class="msource">
4716
4717                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4718                 &nbsp;
4719             </td>
4720         </tr>
4721
4722
4723           <tr class="method-row config-row-alt0 expandable">
4724             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4725
4726
4727             <td class="sig">
4728                 <a id="Roo.form.TextField-method-validateValue"   name=".validateValue"></a>
4729                 <div class="fixedFont">
4730                         <span class="attributes"></span><b class="itemname">validateValue</b>
4731
4732                                  (Mixed <B><i>value</i></B>)
4733
4734
4735                                          :
4736
4737
4738                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4739
4740
4741
4742
4743
4744                 </div>
4745                 <div class="mdesc">
4746
4747                    <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>
4748
4749
4750
4751                     <div class="long">
4752
4753                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4754
4755
4756
4757
4758
4759
4760                                 <dl class="detailList">
4761                                 <dt class="heading">Parameters:</dt>
4762
4763                                         <dt>
4764                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4765
4766                                         </dt>
4767                                         <dd>The value to validate</dd>
4768
4769                                 </dl>
4770
4771
4772
4773
4774
4775                                 <dl class="detailList">
4776                                 <dt class="heading">Returns:</dt>
4777
4778                                         <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>
4779
4780                                 </dl>
4781
4782
4783
4784
4785
4786
4787
4788                     </div>
4789                 </div>
4790
4791             </td>
4792             <td class="msource">
4793
4794                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
4795                 &nbsp;
4796             </td>
4797         </tr>
4798
4799
4800     </table>
4801
4802
4803   <!-- ============================== events summary / details ======================== -->
4804
4805
4806   <a id="Roo.form.TriggerField-events"></a>
4807
4808
4809
4810
4811
4812
4813
4814
4815       <table cellspacing="0" class="member-table">
4816                 <caption>Events</caption>
4817               <thead>
4818                 <tr>
4819                     <th class="sig-header" colspan="2">Event</th>
4820                     <th class="msource-header">Defined By</th>
4821
4822                 </tr>
4823               </thead>
4824
4825
4826
4827
4828
4829           <tr class="method-row expandable config-row-alt0">
4830             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4831
4832             <td class="sig">
4833                 <a id="Roo.form.TextField-event-*autosize"></a>
4834
4835                <div class="fixedFont">
4836                 <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>)
4837
4838                 </div>
4839
4840                 <div class="mdesc">
4841
4842                    <div class="short">Fires when the autosize function is triggered.
4843
4844                 </div>
4845
4846                     <div class="long">
4847
4848                         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.
4849
4850
4851
4852
4853
4854                                 <dl class="detailList">
4855                                 <dt class="heading">Parameters:</dt>
4856
4857                                         <dt>
4858                                                 <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>
4859
4860                                         </dt>
4861                                         <dd>This text field</dd>
4862
4863                                         <dt>
4864                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
4865
4866                                         </dt>
4867                                         <dd>The new field width</dd>
4868
4869                                 </dl>
4870
4871
4872
4873
4874
4875
4876
4877
4878
4879
4880
4881                     </div>
4882                 </div>
4883
4884             </td>
4885             <td class="msource">
4886                 <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
4887             </td>
4888         </tr>
4889
4890           <tr class="method-row expandable config-row-alt1">
4891             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4892
4893             <td class="sig">
4894                 <a id="Roo.Component-event-*beforedestroy"></a>
4895
4896                <div class="fixedFont">
4897                 <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>)
4898
4899                 </div>
4900
4901                 <div class="mdesc">
4902
4903                    <div class="short">Fires before the component is destroyed.
4904
4905                 </div>
4906
4907                     <div class="long">
4908
4909                         Fires before the component is destroyed. Return false to stop the destroy.
4910
4911
4912
4913
4914
4915                                 <dl class="detailList">
4916                                 <dt class="heading">Parameters:</dt>
4917
4918                                         <dt>
4919                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4920
4921                                         </dt>
4922                                         <dd></dd>
4923
4924                                 </dl>
4925
4926
4927
4928
4929
4930
4931
4932
4933
4934
4935
4936                     </div>
4937                 </div>
4938
4939             </td>
4940             <td class="msource">
4941                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4942             </td>
4943         </tr>
4944
4945           <tr class="method-row expandable config-row-alt0">
4946             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4947
4948             <td class="sig">
4949                 <a id="Roo.Component-event-*beforehide"></a>
4950
4951                <div class="fixedFont">
4952                 <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>)
4953
4954                 </div>
4955
4956                 <div class="mdesc">
4957
4958                    <div class="short">Fires before the component is hidden.
4959
4960                 </div>
4961
4962                     <div class="long">
4963
4964                         Fires before the component is hidden. Return false to stop the hide.
4965
4966
4967
4968
4969
4970                                 <dl class="detailList">
4971                                 <dt class="heading">Parameters:</dt>
4972
4973                                         <dt>
4974                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4975
4976                                         </dt>
4977                                         <dd></dd>
4978
4979                                 </dl>
4980
4981
4982
4983
4984
4985
4986
4987
4988
4989
4990
4991                     </div>
4992                 </div>
4993
4994             </td>
4995             <td class="msource">
4996                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4997             </td>
4998         </tr>
4999
5000           <tr class="method-row expandable config-row-alt1">
5001             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5002
5003             <td class="sig">
5004                 <a id="Roo.Component-event-*beforerender"></a>
5005
5006                <div class="fixedFont">
5007                 <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>)
5008
5009                 </div>
5010
5011                 <div class="mdesc">
5012
5013                    <div class="short">Fires before the component is rendered.
5014
5015                 </div>
5016
5017                     <div class="long">
5018
5019                         Fires before the component is rendered. Return false to stop the render.
5020
5021
5022
5023
5024
5025                                 <dl class="detailList">
5026                                 <dt class="heading">Parameters:</dt>
5027
5028                                         <dt>
5029                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5030
5031                                         </dt>
5032                                         <dd></dd>
5033
5034                                 </dl>
5035
5036
5037
5038
5039
5040
5041
5042
5043
5044
5045
5046                     </div>
5047                 </div>
5048
5049             </td>
5050             <td class="msource">
5051                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5052             </td>
5053         </tr>
5054
5055           <tr class="method-row expandable config-row-alt0">
5056             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5057
5058             <td class="sig">
5059                 <a id="Roo.Component-event-*beforeshow"></a>
5060
5061                <div class="fixedFont">
5062                 <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>)
5063
5064                 </div>
5065
5066                 <div class="mdesc">
5067
5068                    <div class="short">Fires before the component is shown.
5069
5070                 </div>
5071
5072                     <div class="long">
5073
5074                         Fires before the component is shown.  Return false to stop the show.
5075
5076
5077
5078
5079
5080                                 <dl class="detailList">
5081                                 <dt class="heading">Parameters:</dt>
5082
5083                                         <dt>
5084                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5085
5086                                         </dt>
5087                                         <dd></dd>
5088
5089                                 </dl>
5090
5091
5092
5093
5094
5095
5096
5097
5098
5099
5100
5101                     </div>
5102                 </div>
5103
5104             </td>
5105             <td class="msource">
5106                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5107             </td>
5108         </tr>
5109
5110           <tr class="method-row expandable config-row-alt1">
5111             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5112
5113             <td class="sig">
5114                 <a id="Roo.form.Field-event-*blur"></a>
5115
5116                <div class="fixedFont">
5117                 <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>)
5118
5119                 </div>
5120
5121                 <div class="mdesc">
5122
5123                    <div class="short">Fires when this field loses input focus.
5124
5125                 </div>
5126
5127                     <div class="long">
5128
5129                         Fires when this field loses input focus.
5130
5131
5132
5133
5134
5135                                 <dl class="detailList">
5136                                 <dt class="heading">Parameters:</dt>
5137
5138                                         <dt>
5139                                                 <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>
5140
5141                                         </dt>
5142                                         <dd></dd>
5143
5144                                 </dl>
5145
5146
5147
5148
5149
5150
5151
5152
5153
5154
5155
5156                     </div>
5157                 </div>
5158
5159             </td>
5160             <td class="msource">
5161                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5162             </td>
5163         </tr>
5164
5165           <tr class="method-row expandable config-row-alt0">
5166             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5167
5168             <td class="sig">
5169                 <a id="Roo.form.Field-event-*change"></a>
5170
5171                <div class="fixedFont">
5172                 <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>)
5173
5174                 </div>
5175
5176                 <div class="mdesc">
5177
5178                    <div class="short">Fires just before the field blurs if the field value has changed.
5179
5180                 </div>
5181
5182                     <div class="long">
5183
5184                         Fires just before the field blurs if the field value has changed.
5185
5186
5187
5188
5189
5190                                 <dl class="detailList">
5191                                 <dt class="heading">Parameters:</dt>
5192
5193                                         <dt>
5194                                                 <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>
5195
5196                                         </dt>
5197                                         <dd></dd>
5198
5199                                         <dt>
5200                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
5201
5202                                         </dt>
5203                                         <dd>The new value</dd>
5204
5205                                         <dt>
5206                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
5207
5208                                         </dt>
5209                                         <dd>The original value</dd>
5210
5211                                 </dl>
5212
5213
5214
5215
5216
5217
5218
5219
5220
5221
5222
5223                     </div>
5224                 </div>
5225
5226             </td>
5227             <td class="msource">
5228                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5229             </td>
5230         </tr>
5231
5232           <tr class="method-row expandable config-row-alt1">
5233             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5234
5235             <td class="sig">
5236                 <a id="Roo.Component-event-*destroy"></a>
5237
5238                <div class="fixedFont">
5239                 <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>)
5240
5241                 </div>
5242
5243                 <div class="mdesc">
5244
5245                    <div class="short">Fires after the component is destroyed.
5246
5247                 </div>
5248
5249                     <div class="long">
5250
5251                         Fires after the component is destroyed.
5252
5253
5254
5255
5256
5257                                 <dl class="detailList">
5258                                 <dt class="heading">Parameters:</dt>
5259
5260                                         <dt>
5261                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5262
5263                                         </dt>
5264                                         <dd></dd>
5265
5266                                 </dl>
5267
5268
5269
5270
5271
5272
5273
5274
5275
5276
5277
5278                     </div>
5279                 </div>
5280
5281             </td>
5282             <td class="msource">
5283                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5284             </td>
5285         </tr>
5286
5287           <tr class="method-row expandable config-row-alt0">
5288             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5289
5290             <td class="sig">
5291                 <a id="Roo.Component-event-*disable"></a>
5292
5293                <div class="fixedFont">
5294                 <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>)
5295
5296                 </div>
5297
5298                 <div class="mdesc">
5299
5300                    <div class="short">Fires after the component is disabled.
5301
5302                 </div>
5303
5304                     <div class="long">
5305
5306                         Fires after the component is disabled.
5307
5308
5309
5310
5311
5312                                 <dl class="detailList">
5313                                 <dt class="heading">Parameters:</dt>
5314
5315                                         <dt>
5316                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5317
5318                                         </dt>
5319                                         <dd></dd>
5320
5321                                 </dl>
5322
5323
5324
5325
5326
5327
5328
5329
5330
5331
5332
5333                     </div>
5334                 </div>
5335
5336             </td>
5337             <td class="msource">
5338                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5339             </td>
5340         </tr>
5341
5342           <tr class="method-row expandable config-row-alt1">
5343             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5344
5345             <td class="sig">
5346                 <a id="Roo.Component-event-*enable"></a>
5347
5348                <div class="fixedFont">
5349                 <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>)
5350
5351                 </div>
5352
5353                 <div class="mdesc">
5354
5355                    <div class="short">Fires after the component is enabled.
5356
5357                 </div>
5358
5359                     <div class="long">
5360
5361                         Fires after the component is enabled.
5362
5363
5364
5365
5366
5367                                 <dl class="detailList">
5368                                 <dt class="heading">Parameters:</dt>
5369
5370                                         <dt>
5371                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5372
5373                                         </dt>
5374                                         <dd></dd>
5375
5376                                 </dl>
5377
5378
5379
5380
5381
5382
5383
5384
5385
5386
5387
5388                     </div>
5389                 </div>
5390
5391             </td>
5392             <td class="msource">
5393                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5394             </td>
5395         </tr>
5396
5397           <tr class="method-row expandable config-row-alt0">
5398             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5399
5400             <td class="sig">
5401                 <a id="Roo.form.Field-event-*focus"></a>
5402
5403                <div class="fixedFont">
5404                 <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>)
5405
5406                 </div>
5407
5408                 <div class="mdesc">
5409
5410                    <div class="short">Fires when this field receives input focus.
5411
5412                 </div>
5413
5414                     <div class="long">
5415
5416                         Fires when this field receives input focus.
5417
5418
5419
5420
5421
5422                                 <dl class="detailList">
5423                                 <dt class="heading">Parameters:</dt>
5424
5425                                         <dt>
5426                                                 <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>
5427
5428                                         </dt>
5429                                         <dd></dd>
5430
5431                                 </dl>
5432
5433
5434
5435
5436
5437
5438
5439
5440
5441
5442
5443                     </div>
5444                 </div>
5445
5446             </td>
5447             <td class="msource">
5448                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5449             </td>
5450         </tr>
5451
5452           <tr class="method-row expandable config-row-alt1">
5453             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5454
5455             <td class="sig">
5456                 <a id="Roo.Component-event-*hide"></a>
5457
5458                <div class="fixedFont">
5459                 <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>)
5460
5461                 </div>
5462
5463                 <div class="mdesc">
5464
5465                    <div class="short">Fires after the component is hidden.
5466
5467                 </div>
5468
5469                     <div class="long">
5470
5471                         Fires after the component is hidden.
5472
5473
5474
5475
5476
5477                                 <dl class="detailList">
5478                                 <dt class="heading">Parameters:</dt>
5479
5480                                         <dt>
5481                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5482
5483                                         </dt>
5484                                         <dd></dd>
5485
5486                                 </dl>
5487
5488
5489
5490
5491
5492
5493
5494
5495
5496
5497
5498                     </div>
5499                 </div>
5500
5501             </td>
5502             <td class="msource">
5503                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5504             </td>
5505         </tr>
5506
5507           <tr class="method-row expandable config-row-alt0">
5508             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5509
5510             <td class="sig">
5511                 <a id="Roo.form.Field-event-*invalid"></a>
5512
5513                <div class="fixedFont">
5514                 <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>)
5515
5516                 </div>
5517
5518                 <div class="mdesc">
5519
5520                    <div class="short">Fires after the field has been marked as invalid.
5521
5522                 </div>
5523
5524                     <div class="long">
5525
5526                         Fires after the field has been marked as invalid.
5527
5528
5529
5530
5531
5532                                 <dl class="detailList">
5533                                 <dt class="heading">Parameters:</dt>
5534
5535                                         <dt>
5536                                                 <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>
5537
5538                                         </dt>
5539                                         <dd></dd>
5540
5541                                         <dt>
5542                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5543
5544                                         </dt>
5545                                         <dd>The validation message</dd>
5546
5547                                 </dl>
5548
5549
5550
5551
5552
5553
5554
5555
5556
5557
5558
5559                     </div>
5560                 </div>
5561
5562             </td>
5563             <td class="msource">
5564                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5565             </td>
5566         </tr>
5567
5568           <tr class="method-row expandable config-row-alt1">
5569             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5570
5571             <td class="sig">
5572                 <a id="Roo.form.Field-event-*keyup"></a>
5573
5574                <div class="fixedFont">
5575                 <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>)
5576
5577                 </div>
5578
5579                 <div class="mdesc">
5580
5581                    <div class="short">Fires after the key up
5582
5583                 </div>
5584
5585                     <div class="long">
5586
5587                         Fires after the key up
5588
5589
5590
5591
5592
5593                                 <dl class="detailList">
5594                                 <dt class="heading">Parameters:</dt>
5595
5596                                         <dt>
5597                                                 <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>
5598
5599                                         </dt>
5600                                         <dd></dd>
5601
5602                                         <dt>
5603                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5604
5605                                         </dt>
5606                                         <dd>The event Object</dd>
5607
5608                                 </dl>
5609
5610
5611
5612
5613
5614
5615
5616
5617
5618
5619
5620                     </div>
5621                 </div>
5622
5623             </td>
5624             <td class="msource">
5625                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5626             </td>
5627         </tr>
5628
5629           <tr class="method-row expandable config-row-alt0">
5630             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5631
5632             <td class="sig">
5633                 <a id="Roo.BoxComponent-event-*move"></a>
5634
5635                <div class="fixedFont">
5636                 <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>)
5637
5638                 </div>
5639
5640                 <div class="mdesc">
5641
5642                    <div class="short">Fires after the component is moved.
5643
5644                 </div>
5645
5646                     <div class="long">
5647
5648                         Fires after the component is moved.
5649
5650
5651
5652
5653
5654                                 <dl class="detailList">
5655                                 <dt class="heading">Parameters:</dt>
5656
5657                                         <dt>
5658                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5659
5660                                         </dt>
5661                                         <dd></dd>
5662
5663                                         <dt>
5664                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
5665
5666                                         </dt>
5667                                         <dd>The new x position</dd>
5668
5669                                         <dt>
5670                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
5671
5672                                         </dt>
5673                                         <dd>The new y position</dd>
5674
5675                                 </dl>
5676
5677
5678
5679
5680
5681
5682
5683
5684
5685
5686
5687                     </div>
5688                 </div>
5689
5690             </td>
5691             <td class="msource">
5692                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5693             </td>
5694         </tr>
5695
5696           <tr class="method-row expandable config-row-alt1">
5697             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5698
5699             <td class="sig">
5700                 <a id="Roo.Component-event-*render"></a>
5701
5702                <div class="fixedFont">
5703                 <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>)
5704
5705                 </div>
5706
5707                 <div class="mdesc">
5708
5709                    <div class="short">Fires after the component is rendered.
5710
5711                 </div>
5712
5713                     <div class="long">
5714
5715                         Fires after the component is rendered.
5716
5717
5718
5719
5720
5721                                 <dl class="detailList">
5722                                 <dt class="heading">Parameters:</dt>
5723
5724                                         <dt>
5725                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5726
5727                                         </dt>
5728                                         <dd></dd>
5729
5730                                 </dl>
5731
5732
5733
5734
5735
5736
5737
5738
5739
5740
5741
5742                     </div>
5743                 </div>
5744
5745             </td>
5746             <td class="msource">
5747                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5748             </td>
5749         </tr>
5750
5751           <tr class="method-row expandable config-row-alt0">
5752             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5753
5754             <td class="sig">
5755                 <a id="Roo.BoxComponent-event-*resize"></a>
5756
5757                <div class="fixedFont">
5758                 <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>)
5759
5760                 </div>
5761
5762                 <div class="mdesc">
5763
5764                    <div class="short">Fires after the component is resized.
5765
5766                 </div>
5767
5768                     <div class="long">
5769
5770                         Fires after the component is resized.
5771
5772
5773
5774
5775
5776                                 <dl class="detailList">
5777                                 <dt class="heading">Parameters:</dt>
5778
5779                                         <dt>
5780                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5781
5782                                         </dt>
5783                                         <dd></dd>
5784
5785                                         <dt>
5786                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
5787
5788                                         </dt>
5789                                         <dd>The box-adjusted width that was set</dd>
5790
5791                                         <dt>
5792                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
5793
5794                                         </dt>
5795                                         <dd>The box-adjusted height that was set</dd>
5796
5797                                         <dt>
5798                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
5799
5800                                         </dt>
5801                                         <dd>The width that was originally specified</dd>
5802
5803                                         <dt>
5804                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
5805
5806                                         </dt>
5807                                         <dd>The height that was originally specified</dd>
5808
5809                                 </dl>
5810
5811
5812
5813
5814
5815
5816
5817
5818
5819
5820
5821                     </div>
5822                 </div>
5823
5824             </td>
5825             <td class="msource">
5826                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5827             </td>
5828         </tr>
5829
5830           <tr class="method-row expandable config-row-alt1">
5831             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5832
5833             <td class="sig">
5834                 <a id="Roo.Component-event-*show"></a>
5835
5836                <div class="fixedFont">
5837                 <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>)
5838
5839                 </div>
5840
5841                 <div class="mdesc">
5842
5843                    <div class="short">Fires after the component is shown.
5844
5845                 </div>
5846
5847                     <div class="long">
5848
5849                         Fires after the component is shown.
5850
5851
5852
5853
5854
5855                                 <dl class="detailList">
5856                                 <dt class="heading">Parameters:</dt>
5857
5858                                         <dt>
5859                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5860
5861                                         </dt>
5862                                         <dd></dd>
5863
5864                                 </dl>
5865
5866
5867
5868
5869
5870
5871
5872
5873
5874
5875
5876                     </div>
5877                 </div>
5878
5879             </td>
5880             <td class="msource">
5881                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5882             </td>
5883         </tr>
5884
5885           <tr class="method-row expandable config-row-alt0">
5886             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5887
5888             <td class="sig">
5889                 <a id="Roo.form.Field-event-*specialkey"></a>
5890
5891                <div class="fixedFont">
5892                 <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>)
5893
5894                 </div>
5895
5896                 <div class="mdesc">
5897
5898                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5899
5900                 </div>
5901
5902                     <div class="long">
5903
5904                         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.
5905
5906
5907
5908
5909
5910                                 <dl class="detailList">
5911                                 <dt class="heading">Parameters:</dt>
5912
5913                                         <dt>
5914                                                 <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>
5915
5916                                         </dt>
5917                                         <dd></dd>
5918
5919                                         <dt>
5920                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5921
5922                                         </dt>
5923                                         <dd>The event object</dd>
5924
5925                                 </dl>
5926
5927
5928
5929
5930
5931
5932
5933
5934
5935
5936
5937                     </div>
5938                 </div>
5939
5940             </td>
5941             <td class="msource">
5942                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5943             </td>
5944         </tr>
5945
5946           <tr class="method-row expandable config-row-alt1">
5947             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5948
5949             <td class="sig">
5950                 <a id="Roo.form.Field-event-*valid"></a>
5951
5952                <div class="fixedFont">
5953                 <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>)
5954
5955                 </div>
5956
5957                 <div class="mdesc">
5958
5959                    <div class="short">Fires after the field has been validated with no errors.
5960
5961                 </div>
5962
5963                     <div class="long">
5964
5965                         Fires after the field has been validated with no errors.
5966
5967
5968
5969
5970
5971                                 <dl class="detailList">
5972                                 <dt class="heading">Parameters:</dt>
5973
5974                                         <dt>
5975                                                 <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>
5976
5977                                         </dt>
5978                                         <dd></dd>
5979
5980                                 </dl>
5981
5982
5983
5984
5985
5986
5987
5988
5989
5990
5991
5992                     </div>
5993                 </div>
5994
5995             </td>
5996             <td class="msource">
5997                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5998             </td>
5999         </tr>
6000
6001
6002     </table>
6003
6004
6005
6006
6007
6008 <!-- ============================== footer ================================= -->
6009                 <div class="fineprint" style="clear:both">
6010
6011                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:54 GMT+0800 (HKT)
6012                         Based on
6013                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
6014                 </div>
6015         </body>
6016 </html>