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