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