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