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