git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.DisplayField.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.form.DisplayField</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.form.DisplayField-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.form.DisplayField-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.form.DisplayField-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.form.DisplayField-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45                 <div class="inheritance res-block">
  46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
  49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
  50 <img src="../../images/default/s.gif" height="1"  width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.DisplayField
  51
  52                    </pre>
  53                 </div>
  54
  55 <!-- ============================== class title / details ============================ -->
  56
  57
  58     <h1 class="classTitle">
  59
  60                                 Class Roo.form.DisplayField
  61                         </h1>
  62
  63     <table cellspacing="0" class="class-summary-table">
  64
  65                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form</td></tr>
  66
  67         <tr><td class="label">Defined In:</td><td class="hd-info">
  68
  69                                         <a href="./src/Roo_form_DisplayField.js.html">Roo/form/DisplayField.js</a>.
  70
  71         </td></tr>
  72         <tr><td class="label">Class:</td><td class="hd-info">DisplayField</td></tr>
  73
  74
  75
  76
  77                 <tr><td class="label">Extends:</td><td class="hd-info">
  78                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
  79
  80                 </td></tr>
  81
  82
  83     </table>
  84
  85
  86 <!-- ============================== class summary ========================== -->
  87     <div class="description">
  88         A generic Field to display non-editable data.
  89     </div>
  90
  91
  92 <!-- ============================== Class comment block... ========================== -->
  93
  94 <div class="comments">
  95         <b>Class Comments / Notes</B> =>
  96         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.DisplayField';">[Add Your comment/notes about this class]</u>
  97         <br/>
  98         <iframe frameborder="0"  id="comments-Roo.form" style="border: none;width:100%;"
  99                 src="/blog.php/GtkDjsComments/Roo.form.DisplayField.html"></iframe>
 100 </div>
 101
 102
 103
 104 <!-- ============================== config options ========================== -->
 105
 106
 107
 108
 109     <div class="hr"></div>
 110     <a id="Roo.form.DisplayField-configs"></a>
 111
 112
 113
 114
 115
 116       <table cellspacing="0" class="member-table">
 117       <caption>Config Options (Usually are also Properties)</caption>
 118
 119
 120         <tr>
 121             <th class="sig-header" colspan="2">Options</th>
 122
 123             <th class="msource-header">Defined By</th>
 124         </tr>
 125
 126
 127
 128
 129
 130                 <tr class="config-row expandable config-row-alt0">
 131                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 132                     <td class="sig">
 133
 134                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 135                         <div class="fixedFont">
 136                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 137
 138
 139                         </div>
 140
 141                         <div class="mdesc">
 142                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 143                         </div>
 144
 145                         <div class="mdesc">
 146                             <div class="long">
 147                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 148
 149                 </div>
 150                         </div>
 151
 152
 153
 154                     </td>
 155                     <td class="msource">
 156
 157                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 158
 159                     </td>
 160                 </tr>
 161
 162
 163                 <tr class="config-row expandable config-row-alt1">
 164                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 165                     <td class="sig">
 166
 167                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 168                         <div class="fixedFont">
 169                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 170
 171
 172                         </div>
 173
 174                         <div class="mdesc">
 175                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 176                         </div>
 177
 178                         <div class="mdesc">
 179                             <div class="long">
 180                     Whether the component can move the Dom node when rendering (defaults to true).
 181
 182                 </div>
 183                         </div>
 184
 185
 186
 187                     </td>
 188                     <td class="msource">
 189
 190                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 191
 192                     </td>
 193                 </tr>
 194
 195
 196                 <tr class="config-row expandable config-row-alt0 notInherited">
 197                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 198                     <td class="sig">
 199
 200                         <a id="Roo.form.DisplayField-cfg-autoCreate" name=".autoCreate"></a>
 201                         <div class="fixedFont">
 202                                 <b  class="itemname">autoCreate</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object
 203
 204
 205                         </div>
 206
 207                         <div class="mdesc">
 208                             <div class="short">A DomHelper element spec, or true for a default element spec (defaults to<br/>{tag: "input", type: "checkbox", autocomplete: "off"})</div>
 209                         </div>
 210
 211                         <div class="mdesc">
 212                             <div class="long">
 213                     A DomHelper element spec, or true for a default element spec (defaults to<br/>{tag: "input", type: "checkbox", autocomplete: "off"})
 214
 215                 </div>
 216                         </div>
 217
 218
 219
 220                     </td>
 221                     <td class="msource">
 222
 223                         Roo.form.DisplayField
 224
 225                     </td>
 226                 </tr>
 227
 228
 229                 <tr class="config-row expandable config-row-alt1 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.util.Observable-method-hasListener"   name=".hasListener"></a>
2325                 <div class="fixedFont">
2326                         <span class="attributes"></span><b class="itemname">hasListener</b>
2327
2328                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2329
2330
2331                                          :
2332
2333
2334                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2335
2336
2337
2338
2339
2340                 </div>
2341                 <div class="mdesc">
2342
2343                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2344
2345
2346
2347                     <div class="long">
2348
2349                                 Checks to see if this object has any listeners for a specified event
2350
2351
2352
2353
2354
2355
2356                                 <dl class="detailList">
2357                                 <dt class="heading">Parameters:</dt>
2358
2359                                         <dt>
2360                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2361
2362                                         </dt>
2363                                         <dd>The name of the event to check for</dd>
2364
2365                                 </dl>
2366
2367
2368
2369
2370
2371                                 <dl class="detailList">
2372                                 <dt class="heading">Returns:</dt>
2373
2374                                         <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>
2375
2376                                 </dl>
2377
2378
2379
2380
2381
2382
2383
2384                     </div>
2385                 </div>
2386
2387             </td>
2388             <td class="msource">
2389
2390                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2391                 &nbsp;
2392             </td>
2393         </tr>
2394
2395
2396           <tr class="method-row config-row-alt1 expandable">
2397             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2398
2399
2400             <td class="sig">
2401                 <a id="Roo.Component-method-hide"   name=".hide"></a>
2402                 <div class="fixedFont">
2403                         <span class="attributes"></span><b class="itemname">hide</b>
2404
2405                                  ()
2406
2407
2408                                          :
2409
2410
2411                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2412
2413
2414
2415
2416
2417                 </div>
2418                 <div class="mdesc">
2419
2420                    <div class="short">Hide this component.</div>
2421
2422
2423
2424                     <div class="long">
2425
2426                                 Hide this component.
2427
2428
2429
2430
2431
2432
2433
2434
2435
2436
2437                                 <dl class="detailList">
2438                                 <dt class="heading">Returns:</dt>
2439
2440                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2441
2442                                 </dl>
2443
2444
2445
2446
2447
2448
2449
2450                     </div>
2451                 </div>
2452
2453             </td>
2454             <td class="msource">
2455
2456                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2457                 &nbsp;
2458             </td>
2459         </tr>
2460
2461
2462           <tr class="method-row config-row-alt0 expandable">
2463             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2464
2465
2466             <td class="sig">
2467                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
2468                 <div class="fixedFont">
2469                         <span class="attributes"></span><b class="itemname">isDirty</b>
2470
2471                                  ()
2472
2473
2474
2475                 </div>
2476                 <div class="mdesc">
2477
2478                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
2479
2480
2481
2482                     <div class="long">
2483
2484                                 Returns true if this field has been changed since it was originally loaded and is not disabled.
2485
2486
2487
2488
2489
2490
2491
2492
2493
2494
2495
2496
2497
2498
2499
2500
2501                     </div>
2502                 </div>
2503
2504             </td>
2505             <td class="msource">
2506
2507                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</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-isValid"   name=".isValid"></a>
2519                 <div class="fixedFont">
2520                         <span class="attributes"></span><b class="itemname">isValid</b>
2521
2522                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
2523
2524
2525                                          :
2526
2527
2528                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2529
2530
2531
2532
2533
2534                 </div>
2535                 <div class="mdesc">
2536
2537                    <div class="short">Returns whether or not the field value is currently valid</div>
2538
2539
2540
2541                     <div class="long">
2542
2543                                 Returns whether or not the field value is currently valid
2544
2545
2546
2547
2548
2549
2550                                 <dl class="detailList">
2551                                 <dt class="heading">Parameters:</dt>
2552
2553                                         <dt>
2554                                                 <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>
2555
2556                                         </dt>
2557                                         <dd>True to disable marking the field invalid</dd>
2558
2559                                 </dl>
2560
2561
2562
2563
2564
2565                                 <dl class="detailList">
2566                                 <dt class="heading">Returns:</dt>
2567
2568                                         <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>
2569
2570                                 </dl>
2571
2572
2573
2574
2575
2576
2577
2578                     </div>
2579                 </div>
2580
2581             </td>
2582             <td class="msource">
2583
2584                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2585                 &nbsp;
2586             </td>
2587         </tr>
2588
2589
2590           <tr class="method-row config-row-alt0 expandable">
2591             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2592
2593
2594             <td class="sig">
2595                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
2596                 <div class="fixedFont">
2597                         <span class="attributes"></span><b class="itemname">isVisible</b>
2598
2599                                  ()
2600
2601
2602
2603                 </div>
2604                 <div class="mdesc">
2605
2606                    <div class="short">Returns true if this component is visible.</div>
2607
2608
2609
2610                     <div class="long">
2611
2612                                 Returns true if this component is visible.
2613
2614
2615
2616
2617
2618
2619
2620
2621
2622
2623
2624
2625
2626
2627
2628
2629                     </div>
2630                 </div>
2631
2632             </td>
2633             <td class="msource">
2634
2635                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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.form.Field-method-markInvalid"   name=".markInvalid"></a>
2647                 <div class="fixedFont">
2648                         <span class="attributes"></span><b class="itemname">markInvalid</b>
2649
2650                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
2651
2652
2653
2654                 </div>
2655                 <div class="mdesc">
2656
2657                    <div class="short">Mark this field as invalid</div>
2658
2659
2660
2661                     <div class="long">
2662
2663                                 Mark this field as invalid
2664
2665
2666
2667
2668
2669
2670                                 <dl class="detailList">
2671                                 <dt class="heading">Parameters:</dt>
2672
2673                                         <dt>
2674                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
2675
2676                                         </dt>
2677                                         <dd>The validation message</dd>
2678
2679                                 </dl>
2680
2681
2682
2683
2684
2685
2686
2687
2688
2689
2690
2691                     </div>
2692                 </div>
2693
2694             </td>
2695             <td class="msource">
2696
2697                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2698                 &nbsp;
2699             </td>
2700         </tr>
2701
2702
2703           <tr class="method-row config-row-alt0 expandable">
2704             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2705
2706
2707             <td class="sig">
2708                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
2709                 <div class="fixedFont">
2710                         <span class="attributes"></span><b class="itemname">on</b>
2711
2712                                  (<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>)
2713
2714
2715
2716                 </div>
2717                 <div class="mdesc">
2718
2719                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2720
2721
2722
2723                     <div class="long">
2724
2725                                 Appends an event handler to this element (shorthand for addListener)
2726
2727
2728
2729
2730
2731
2732                                 <dl class="detailList">
2733                                 <dt class="heading">Parameters:</dt>
2734
2735                                         <dt>
2736                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2737
2738                                         </dt>
2739                                         <dd>The type of event to listen for</dd>
2740
2741                                         <dt>
2742                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2743
2744                                         </dt>
2745                                         <dd>The method the event invokes</dd>
2746
2747                                         <dt>
2748                                                 <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>
2749
2750                                         </dt>
2751                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2752
2753                                         <dt>
2754                                                 <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>
2755
2756                                         </dt>
2757                                         <dd>(optional)</dd>
2758
2759                                 </dl>
2760
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771                     </div>
2772                 </div>
2773
2774             </td>
2775             <td class="msource">
2776
2777                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2778                 &nbsp;
2779             </td>
2780         </tr>
2781
2782
2783           <tr class="method-row config-row-alt1 expandable">
2784             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2785
2786
2787             <td class="sig">
2788                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
2789                 <div class="fixedFont">
2790                         <span class="attributes"></span><b class="itemname">onPosition</b>
2791
2792                                  (<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>)
2793
2794
2795
2796                 </div>
2797                 <div class="mdesc">
2798
2799                    <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>
2800
2801
2802
2803                     <div class="long">
2804
2805                                 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.
2806
2807
2808
2809
2810
2811
2812                                 <dl class="detailList">
2813                                 <dt class="heading">Parameters:</dt>
2814
2815                                         <dt>
2816                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
2817
2818                                         </dt>
2819                                         <dd>The new x position</dd>
2820
2821                                         <dt>
2822                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
2823
2824                                         </dt>
2825                                         <dd>The new y position</dd>
2826
2827                                 </dl>
2828
2829
2830
2831
2832
2833
2834
2835
2836
2837
2838
2839                     </div>
2840                 </div>
2841
2842             </td>
2843             <td class="msource">
2844
2845                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2846                 &nbsp;
2847             </td>
2848         </tr>
2849
2850
2851           <tr class="method-row config-row-alt0 expandable">
2852             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2853
2854
2855             <td class="sig">
2856                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
2857                 <div class="fixedFont">
2858                         <span class="attributes"></span><b class="itemname">onResize</b>
2859
2860                                  (<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>)
2861
2862
2863
2864                 </div>
2865                 <div class="mdesc">
2866
2867                    <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>
2868
2869
2870
2871                     <div class="long">
2872
2873                                 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.
2874
2875
2876
2877
2878
2879
2880                                 <dl class="detailList">
2881                                 <dt class="heading">Parameters:</dt>
2882
2883                                         <dt>
2884                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
2885
2886                                         </dt>
2887                                         <dd>The box-adjusted width that was set</dd>
2888
2889                                         <dt>
2890                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
2891
2892                                         </dt>
2893                                         <dd>The box-adjusted height that was set</dd>
2894
2895                                         <dt>
2896                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
2897
2898                                         </dt>
2899                                         <dd>The width that was originally specified</dd>
2900
2901                                         <dt>
2902                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
2903
2904                                         </dt>
2905                                         <dd>The height that was originally specified</dd>
2906
2907                                 </dl>
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919                     </div>
2920                 </div>
2921
2922             </td>
2923             <td class="msource">
2924
2925                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2926                 &nbsp;
2927             </td>
2928         </tr>
2929
2930
2931           <tr class="method-row config-row-alt1 expandable">
2932             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2933
2934
2935             <td class="sig">
2936                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
2937                 <div class="fixedFont">
2938                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
2939
2940                                  ()
2941
2942
2943
2944                 </div>
2945                 <div class="mdesc">
2946
2947                    <div class="short">Removes all listeners for this object</div>
2948
2949
2950
2951                     <div class="long">
2952
2953                                 Removes all listeners for this object
2954
2955
2956
2957
2958
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.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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-removeListener"   name=".removeListener"></a>
2988                 <div class="fixedFont">
2989                         <span class="attributes"></span><b class="itemname">removeListener</b>
2990
2991                                  (<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>)
2992
2993
2994
2995                 </div>
2996                 <div class="mdesc">
2997
2998                    <div class="short">Removes a listener</div>
2999
3000
3001
3002                     <div class="long">
3003
3004                                 Removes a listener
3005
3006
3007
3008
3009
3010
3011                                 <dl class="detailList">
3012                                 <dt class="heading">Parameters:</dt>
3013
3014                                         <dt>
3015                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3016
3017                                         </dt>
3018                                         <dd>The type of event to listen for</dd>
3019
3020                                         <dt>
3021                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3022
3023                                         </dt>
3024                                         <dd>The handler to remove</dd>
3025
3026                                         <dt>
3027                                                 <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>
3028
3029                                         </dt>
3030                                         <dd>(optional) The scope (this object) for the handler</dd>
3031
3032                                 </dl>
3033
3034
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044                     </div>
3045                 </div>
3046
3047             </td>
3048             <td class="msource">
3049
3050                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3051                 &nbsp;
3052             </td>
3053         </tr>
3054
3055
3056           <tr class="method-row config-row-alt1 expandable">
3057             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3058
3059
3060             <td class="sig">
3061                 <a id="Roo.Component-method-render"   name=".render"></a>
3062                 <div class="fixedFont">
3063                         <span class="attributes"></span><b class="itemname">render</b>
3064
3065                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3066
3067
3068
3069                 </div>
3070                 <div class="mdesc">
3071
3072                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3073
3074
3075
3076                     <div class="long">
3077
3078                                 If this is a lazy rendering component, render it to its container element.
3079
3080
3081
3082
3083
3084
3085                                 <dl class="detailList">
3086                                 <dt class="heading">Parameters:</dt>
3087
3088                                         <dt>
3089                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3090
3091                                         </dt>
3092                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3093
3094                                 </dl>
3095
3096
3097
3098
3099
3100
3101
3102
3103
3104
3105
3106                     </div>
3107                 </div>
3108
3109             </td>
3110             <td class="msource">
3111
3112                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3113                 &nbsp;
3114             </td>
3115         </tr>
3116
3117
3118           <tr class="method-row config-row-alt0 expandable">
3119             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3120
3121
3122             <td class="sig">
3123                 <a id="Roo.form.Field-method-reset"   name=".reset"></a>
3124                 <div class="fixedFont">
3125                         <span class="attributes"></span><b class="itemname">reset</b>
3126
3127                                  ()
3128
3129
3130
3131                 </div>
3132                 <div class="mdesc">
3133
3134                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3135
3136
3137
3138                     <div class="long">
3139
3140                                 Resets the current field value to the originally loaded value and clears any validation messages
3141
3142
3143
3144
3145
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.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</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.Component-method-setDisabled"   name=".setDisabled"></a>
3175                 <div class="fixedFont">
3176                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3177
3178                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3179
3180
3181
3182                 </div>
3183                 <div class="mdesc">
3184
3185                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3186
3187
3188
3189                     <div class="long">
3190
3191                                 Convenience function for setting disabled/enabled by boolean.
3192
3193
3194
3195
3196
3197
3198                                 <dl class="detailList">
3199                                 <dt class="heading">Parameters:</dt>
3200
3201                                         <dt>
3202                                                 <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>
3203
3204                                         </dt>
3205                                         <dd></dd>
3206
3207                                 </dl>
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219                     </div>
3220                 </div>
3221
3222             </td>
3223             <td class="msource">
3224
3225                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3226                 &nbsp;
3227             </td>
3228         </tr>
3229
3230
3231           <tr class="method-row config-row-alt0 expandable">
3232             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3233
3234
3235             <td class="sig">
3236                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
3237                 <div class="fixedFont">
3238                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
3239
3240                                  (<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>)
3241
3242
3243
3244                 </div>
3245                 <div class="mdesc">
3246
3247                    <div class="short">Sets the page XY position of the component.</div>
3248
3249
3250
3251                     <div class="long">
3252
3253                                 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.
3254
3255
3256
3257
3258
3259
3260                                 <dl class="detailList">
3261                                 <dt class="heading">Parameters:</dt>
3262
3263                                         <dt>
3264                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3265
3266                                         </dt>
3267                                         <dd>The new x position</dd>
3268
3269                                         <dt>
3270                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3271
3272                                         </dt>
3273                                         <dd>The new y position</dd>
3274
3275                                 </dl>
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287                     </div>
3288                 </div>
3289
3290             </td>
3291             <td class="msource">
3292
3293                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3294                 &nbsp;
3295             </td>
3296         </tr>
3297
3298
3299           <tr class="method-row config-row-alt1 expandable">
3300             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3301
3302
3303             <td class="sig">
3304                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
3305                 <div class="fixedFont">
3306                         <span class="attributes"></span><b class="itemname">setPosition</b>
3307
3308                                  (<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>)
3309
3310
3311
3312                 </div>
3313                 <div class="mdesc">
3314
3315                    <div class="short">Sets the left and top of the component.</div>
3316
3317
3318
3319                     <div class="long">
3320
3321                                 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.
3322
3323
3324
3325
3326
3327
3328                                 <dl class="detailList">
3329                                 <dt class="heading">Parameters:</dt>
3330
3331                                         <dt>
3332                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
3333
3334                                         </dt>
3335                                         <dd>The new left</dd>
3336
3337                                         <dt>
3338                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
3339
3340                                         </dt>
3341                                         <dd>The new top</dd>
3342
3343                                 </dl>
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354
3355                     </div>
3356                 </div>
3357
3358             </td>
3359             <td class="msource">
3360
3361                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3362                 &nbsp;
3363             </td>
3364         </tr>
3365
3366
3367           <tr class="method-row config-row-alt0 expandable">
3368             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3369
3370
3371             <td class="sig">
3372                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
3373                 <div class="fixedFont">
3374                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3375
3376                                  (Mixed <B><i>value</i></B>)
3377
3378
3379
3380                 </div>
3381                 <div class="mdesc">
3382
3383                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3384
3385
3386
3387                     <div class="long">
3388
3389                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3390
3391
3392
3393
3394
3395
3396                                 <dl class="detailList">
3397                                 <dt class="heading">Parameters:</dt>
3398
3399                                         <dt>
3400                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3401
3402                                         </dt>
3403                                         <dd>The value to set</dd>
3404
3405                                 </dl>
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415
3416
3417                     </div>
3418                 </div>
3419
3420             </td>
3421             <td class="msource">
3422
3423                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3424                 &nbsp;
3425             </td>
3426         </tr>
3427
3428
3429           <tr class="method-row config-row-alt1 expandable">
3430             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3431
3432
3433             <td class="sig">
3434                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
3435                 <div class="fixedFont">
3436                         <span class="attributes"></span><b class="itemname">setSize</b>
3437
3438                                  (<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>)
3439
3440
3441                                          :
3442
3443
3444                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3445
3446
3447
3448
3449
3450                 </div>
3451                 <div class="mdesc">
3452
3453                    <div class="short">Sets the width and height of the component.</div>
3454
3455
3456
3457                     <div class="long">
3458
3459                                 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}.
3460
3461
3462
3463
3464
3465
3466                                 <dl class="detailList">
3467                                 <dt class="heading">Parameters:</dt>
3468
3469                                         <dt>
3470                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
3471
3472                                         </dt>
3473                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
3474
3475                                         <dt>
3476                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
3477
3478                                         </dt>
3479                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
3480
3481                                 </dl>
3482
3483
3484
3485
3486
3487                                 <dl class="detailList">
3488                                 <dt class="heading">Returns:</dt>
3489
3490                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
3491
3492                                 </dl>
3493
3494
3495
3496
3497
3498
3499
3500                     </div>
3501                 </div>
3502
3503             </td>
3504             <td class="msource">
3505
3506                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3507                 &nbsp;
3508             </td>
3509         </tr>
3510
3511
3512           <tr class="method-row config-row-alt0 expandable notInherited">
3513             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3514
3515
3516             <td class="sig">
3517                 <a id="Roo.form.DisplayField-method-setValue"   name=".setValue"></a>
3518                 <div class="fixedFont">
3519                         <span class="attributes"></span><b class="itemname">setValue</b>
3520
3521                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String <B><i>checked</i></B>)
3522
3523
3524
3525                 </div>
3526                 <div class="mdesc">
3527
3528                    <div class="short">Sets the checked state of the checkbox.</div>
3529
3530
3531
3532                     <div class="long">
3533
3534                                 Sets the checked state of the checkbox.
3535
3536
3537
3538
3539
3540
3541                                 <dl class="detailList">
3542                                 <dt class="heading">Parameters:</dt>
3543
3544                                         <dt>
3545                                                 <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>
3546
3547                                         </dt>
3548                                         <dd>True, 'true', '1', or 'on' to check the checkbox, any other value will uncheck it.</dd>
3549
3550                                 </dl>
3551
3552
3553
3554
3555
3556
3557
3558
3559
3560
3561
3562                     </div>
3563                 </div>
3564
3565             </td>
3566             <td class="msource">
3567
3568                         Roo.form.DisplayField
3569                 &nbsp;
3570             </td>
3571         </tr>
3572
3573
3574           <tr class="method-row config-row-alt1 expandable">
3575             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3576
3577
3578             <td class="sig">
3579                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3580                 <div class="fixedFont">
3581                         <span class="attributes"></span><b class="itemname">setVisible</b>
3582
3583                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3584
3585
3586                                          :
3587
3588
3589                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3590
3591
3592
3593
3594
3595                 </div>
3596                 <div class="mdesc">
3597
3598                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3599
3600
3601
3602                     <div class="long">
3603
3604                                 Convenience function to hide or show this component by boolean.
3605
3606
3607
3608
3609
3610
3611                                 <dl class="detailList">
3612                                 <dt class="heading">Parameters:</dt>
3613
3614                                         <dt>
3615                                                 <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>
3616
3617                                         </dt>
3618                                         <dd>True to show, false to hide</dd>
3619
3620                                 </dl>
3621
3622
3623
3624
3625
3626                                 <dl class="detailList">
3627                                 <dt class="heading">Returns:</dt>
3628
3629                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3630
3631                                 </dl>
3632
3633
3634
3635
3636
3637
3638
3639                     </div>
3640                 </div>
3641
3642             </td>
3643             <td class="msource">
3644
3645                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3646                 &nbsp;
3647             </td>
3648         </tr>
3649
3650
3651           <tr class="method-row config-row-alt0 expandable">
3652             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3653
3654
3655             <td class="sig">
3656                 <a id="Roo.Component-method-show"   name=".show"></a>
3657                 <div class="fixedFont">
3658                         <span class="attributes"></span><b class="itemname">show</b>
3659
3660                                  ()
3661
3662
3663                                          :
3664
3665
3666                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3667
3668
3669
3670
3671
3672                 </div>
3673                 <div class="mdesc">
3674
3675                    <div class="short">Show this component.</div>
3676
3677
3678
3679                     <div class="long">
3680
3681                                 Show this component.
3682
3683
3684
3685
3686
3687
3688
3689
3690
3691
3692                                 <dl class="detailList">
3693                                 <dt class="heading">Returns:</dt>
3694
3695                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3696
3697                                 </dl>
3698
3699
3700
3701
3702
3703
3704
3705                     </div>
3706                 </div>
3707
3708             </td>
3709             <td class="msource">
3710
3711                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3712                 &nbsp;
3713             </td>
3714         </tr>
3715
3716
3717           <tr class="method-row config-row-alt1 expandable">
3718             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3719
3720
3721             <td class="sig">
3722                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
3723                 <div class="fixedFont">
3724                         <span class="attributes"></span><b class="itemname">syncSize</b>
3725
3726                                  ()
3727
3728
3729
3730                 </div>
3731                 <div class="mdesc">
3732
3733                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
3734
3735
3736
3737                     <div class="long">
3738
3739                                 Force the component's size to recalculate based on the underlying element's current height and width.
3740
3741
3742
3743
3744
3745
3746
3747
3748
3749
3750
3751
3752
3753
3754
3755
3756                     </div>
3757                 </div>
3758
3759             </td>
3760             <td class="msource">
3761
3762                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3763                 &nbsp;
3764             </td>
3765         </tr>
3766
3767
3768           <tr class="method-row config-row-alt0 expandable">
3769             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3770
3771
3772             <td class="sig">
3773                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
3774                 <div class="fixedFont">
3775                         <span class="attributes"></span><b class="itemname">un</b>
3776
3777                                  (<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>)
3778
3779
3780
3781                 </div>
3782                 <div class="mdesc">
3783
3784                    <div class="short">Removes a listener (shorthand for removeListener)</div>
3785
3786
3787
3788                     <div class="long">
3789
3790                                 Removes a listener (shorthand for removeListener)
3791
3792
3793
3794
3795
3796
3797                                 <dl class="detailList">
3798                                 <dt class="heading">Parameters:</dt>
3799
3800                                         <dt>
3801                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3802
3803                                         </dt>
3804                                         <dd>The type of event to listen for</dd>
3805
3806                                         <dt>
3807                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3808
3809                                         </dt>
3810                                         <dd>The handler to remove</dd>
3811
3812                                         <dt>
3813                                                 <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>
3814
3815                                         </dt>
3816                                         <dd>(optional) The scope (this object) for the handler</dd>
3817
3818                                 </dl>
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830                     </div>
3831                 </div>
3832
3833             </td>
3834             <td class="msource">
3835
3836                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3837                 &nbsp;
3838             </td>
3839         </tr>
3840
3841
3842           <tr class="method-row config-row-alt1 expandable">
3843             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3844
3845
3846             <td class="sig">
3847                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
3848                 <div class="fixedFont">
3849                         <span class="attributes"></span><b class="itemname">updateBox</b>
3850
3851                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
3852
3853
3854
3855                 </div>
3856                 <div class="mdesc">
3857
3858                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
3859
3860
3861
3862                     <div class="long">
3863
3864                                 Sets the current box measurements of the component's underlying element.
3865
3866
3867
3868
3869
3870
3871                                 <dl class="detailList">
3872                                 <dt class="heading">Parameters:</dt>
3873
3874                                         <dt>
3875                                                 <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>
3876
3877                                         </dt>
3878                                         <dd>An object in the format {x, y, width, height}</dd>
3879
3880                                 </dl>
3881
3882
3883
3884
3885
3886
3887
3888
3889
3890
3891
3892                     </div>
3893                 </div>
3894
3895             </td>
3896             <td class="msource">
3897
3898                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3899                 &nbsp;
3900             </td>
3901         </tr>
3902
3903
3904           <tr class="method-row config-row-alt0 expandable">
3905             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3906
3907
3908             <td class="sig">
3909                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
3910                 <div class="fixedFont">
3911                         <span class="attributes"></span><b class="itemname">validate</b>
3912
3913                                  ()
3914
3915
3916                                          :
3917
3918
3919                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3920
3921
3922
3923
3924
3925                 </div>
3926                 <div class="mdesc">
3927
3928                    <div class="short">Validates the field value</div>
3929
3930
3931
3932                     <div class="long">
3933
3934                                 Validates the field value
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944
3945                                 <dl class="detailList">
3946                                 <dt class="heading">Returns:</dt>
3947
3948                                         <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>
3949
3950                                 </dl>
3951
3952
3953
3954
3955
3956
3957
3958                     </div>
3959                 </div>
3960
3961             </td>
3962             <td class="msource">
3963
3964                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3965                 &nbsp;
3966             </td>
3967         </tr>
3968
3969
3970     </table>
3971
3972
3973   <!-- ============================== events summary / details ======================== -->
3974
3975
3976   <a id="Roo.form.DisplayField-events"></a>
3977
3978
3979
3980
3981
3982
3983
3984
3985       <table cellspacing="0" class="member-table">
3986                 <caption>Events</caption>
3987               <thead>
3988                 <tr>
3989                     <th class="sig-header" colspan="2">Event</th>
3990                     <th class="msource-header">Defined By</th>
3991
3992                 </tr>
3993               </thead>
3994
3995
3996
3997
3998
3999           <tr class="method-row expandable config-row-alt0">
4000             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4001
4002             <td class="sig">
4003                 <a id="Roo.Component-event-*beforedestroy"></a>
4004
4005                <div class="fixedFont">
4006                 <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>)
4007
4008                 </div>
4009
4010                 <div class="mdesc">
4011
4012                    <div class="short">Fires before the component is destroyed.
4013
4014                 </div>
4015
4016                     <div class="long">
4017
4018                         Fires before the component is destroyed. Return false to stop the destroy.
4019
4020
4021
4022
4023
4024                                 <dl class="detailList">
4025                                 <dt class="heading">Parameters:</dt>
4026
4027                                         <dt>
4028                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4029
4030                                         </dt>
4031                                         <dd></dd>
4032
4033                                 </dl>
4034
4035
4036
4037
4038
4039
4040
4041
4042
4043
4044
4045                     </div>
4046                 </div>
4047
4048             </td>
4049             <td class="msource">
4050                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4051             </td>
4052         </tr>
4053
4054           <tr class="method-row expandable config-row-alt1">
4055             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4056
4057             <td class="sig">
4058                 <a id="Roo.Component-event-*beforehide"></a>
4059
4060                <div class="fixedFont">
4061                 <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>)
4062
4063                 </div>
4064
4065                 <div class="mdesc">
4066
4067                    <div class="short">Fires before the component is hidden.
4068
4069                 </div>
4070
4071                     <div class="long">
4072
4073                         Fires before the component is hidden. Return false to stop the hide.
4074
4075
4076
4077
4078
4079                                 <dl class="detailList">
4080                                 <dt class="heading">Parameters:</dt>
4081
4082                                         <dt>
4083                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4084
4085                                         </dt>
4086                                         <dd></dd>
4087
4088                                 </dl>
4089
4090
4091
4092
4093
4094
4095
4096
4097
4098
4099
4100                     </div>
4101                 </div>
4102
4103             </td>
4104             <td class="msource">
4105                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4106             </td>
4107         </tr>
4108
4109           <tr class="method-row expandable config-row-alt0">
4110             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4111
4112             <td class="sig">
4113                 <a id="Roo.Component-event-*beforerender"></a>
4114
4115                <div class="fixedFont">
4116                 <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>)
4117
4118                 </div>
4119
4120                 <div class="mdesc">
4121
4122                    <div class="short">Fires before the component is rendered.
4123
4124                 </div>
4125
4126                     <div class="long">
4127
4128                         Fires before the component is rendered. Return false to stop the render.
4129
4130
4131
4132
4133
4134                                 <dl class="detailList">
4135                                 <dt class="heading">Parameters:</dt>
4136
4137                                         <dt>
4138                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4139
4140                                         </dt>
4141                                         <dd></dd>
4142
4143                                 </dl>
4144
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155                     </div>
4156                 </div>
4157
4158             </td>
4159             <td class="msource">
4160                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4161             </td>
4162         </tr>
4163
4164           <tr class="method-row expandable config-row-alt1">
4165             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4166
4167             <td class="sig">
4168                 <a id="Roo.Component-event-*beforeshow"></a>
4169
4170                <div class="fixedFont">
4171                 <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>)
4172
4173                 </div>
4174
4175                 <div class="mdesc">
4176
4177                    <div class="short">Fires before the component is shown.
4178
4179                 </div>
4180
4181                     <div class="long">
4182
4183                         Fires before the component is shown.  Return false to stop the show.
4184
4185
4186
4187
4188
4189                                 <dl class="detailList">
4190                                 <dt class="heading">Parameters:</dt>
4191
4192                                         <dt>
4193                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4194
4195                                         </dt>
4196                                         <dd></dd>
4197
4198                                 </dl>
4199
4200
4201
4202
4203
4204
4205
4206
4207
4208
4209
4210                     </div>
4211                 </div>
4212
4213             </td>
4214             <td class="msource">
4215                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4216             </td>
4217         </tr>
4218
4219           <tr class="method-row expandable config-row-alt0">
4220             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4221
4222             <td class="sig">
4223                 <a id="Roo.form.Field-event-*blur"></a>
4224
4225                <div class="fixedFont">
4226                 <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>)
4227
4228                 </div>
4229
4230                 <div class="mdesc">
4231
4232                    <div class="short">Fires when this field loses input focus.
4233
4234                 </div>
4235
4236                     <div class="long">
4237
4238                         Fires when this field loses input focus.
4239
4240
4241
4242
4243
4244                                 <dl class="detailList">
4245                                 <dt class="heading">Parameters:</dt>
4246
4247                                         <dt>
4248                                                 <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>
4249
4250                                         </dt>
4251                                         <dd></dd>
4252
4253                                 </dl>
4254
4255
4256
4257
4258
4259
4260
4261
4262
4263
4264
4265                     </div>
4266                 </div>
4267
4268             </td>
4269             <td class="msource">
4270                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4271             </td>
4272         </tr>
4273
4274           <tr class="method-row expandable config-row-alt1">
4275             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4276
4277             <td class="sig">
4278                 <a id="Roo.form.Field-event-*change"></a>
4279
4280                <div class="fixedFont">
4281                 <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>)
4282
4283                 </div>
4284
4285                 <div class="mdesc">
4286
4287                    <div class="short">Fires just before the field blurs if the field value has changed.
4288
4289                 </div>
4290
4291                     <div class="long">
4292
4293                         Fires just before the field blurs if the field value has changed.
4294
4295
4296
4297
4298
4299                                 <dl class="detailList">
4300                                 <dt class="heading">Parameters:</dt>
4301
4302                                         <dt>
4303                                                 <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>
4304
4305                                         </dt>
4306                                         <dd></dd>
4307
4308                                         <dt>
4309                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4310
4311                                         </dt>
4312                                         <dd>The new value</dd>
4313
4314                                         <dt>
4315                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4316
4317                                         </dt>
4318                                         <dd>The original value</dd>
4319
4320                                 </dl>
4321
4322
4323
4324
4325
4326
4327
4328
4329
4330
4331
4332                     </div>
4333                 </div>
4334
4335             </td>
4336             <td class="msource">
4337                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4338             </td>
4339         </tr>
4340
4341           <tr class="method-row expandable config-row-alt0">
4342             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4343
4344             <td class="sig">
4345                 <a id="Roo.Component-event-*destroy"></a>
4346
4347                <div class="fixedFont">
4348                 <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>)
4349
4350                 </div>
4351
4352                 <div class="mdesc">
4353
4354                    <div class="short">Fires after the component is destroyed.
4355
4356                 </div>
4357
4358                     <div class="long">
4359
4360                         Fires after the component is destroyed.
4361
4362
4363
4364
4365
4366                                 <dl class="detailList">
4367                                 <dt class="heading">Parameters:</dt>
4368
4369                                         <dt>
4370                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4371
4372                                         </dt>
4373                                         <dd></dd>
4374
4375                                 </dl>
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386
4387                     </div>
4388                 </div>
4389
4390             </td>
4391             <td class="msource">
4392                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4393             </td>
4394         </tr>
4395
4396           <tr class="method-row expandable config-row-alt1">
4397             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4398
4399             <td class="sig">
4400                 <a id="Roo.Component-event-*disable"></a>
4401
4402                <div class="fixedFont">
4403                 <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>)
4404
4405                 </div>
4406
4407                 <div class="mdesc">
4408
4409                    <div class="short">Fires after the component is disabled.
4410
4411                 </div>
4412
4413                     <div class="long">
4414
4415                         Fires after the component is disabled.
4416
4417
4418
4419
4420
4421                                 <dl class="detailList">
4422                                 <dt class="heading">Parameters:</dt>
4423
4424                                         <dt>
4425                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4426
4427                                         </dt>
4428                                         <dd></dd>
4429
4430                                 </dl>
4431
4432
4433
4434
4435
4436
4437
4438
4439
4440
4441
4442                     </div>
4443                 </div>
4444
4445             </td>
4446             <td class="msource">
4447                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4448             </td>
4449         </tr>
4450
4451           <tr class="method-row expandable config-row-alt0">
4452             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4453
4454             <td class="sig">
4455                 <a id="Roo.Component-event-*enable"></a>
4456
4457                <div class="fixedFont">
4458                 <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>)
4459
4460                 </div>
4461
4462                 <div class="mdesc">
4463
4464                    <div class="short">Fires after the component is enabled.
4465
4466                 </div>
4467
4468                     <div class="long">
4469
4470                         Fires after the component is enabled.
4471
4472
4473
4474
4475
4476                                 <dl class="detailList">
4477                                 <dt class="heading">Parameters:</dt>
4478
4479                                         <dt>
4480                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4481
4482                                         </dt>
4483                                         <dd></dd>
4484
4485                                 </dl>
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497                     </div>
4498                 </div>
4499
4500             </td>
4501             <td class="msource">
4502                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4503             </td>
4504         </tr>
4505
4506           <tr class="method-row expandable config-row-alt1">
4507             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4508
4509             <td class="sig">
4510                 <a id="Roo.form.Field-event-*focus"></a>
4511
4512                <div class="fixedFont">
4513                 <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>)
4514
4515                 </div>
4516
4517                 <div class="mdesc">
4518
4519                    <div class="short">Fires when this field receives input focus.
4520
4521                 </div>
4522
4523                     <div class="long">
4524
4525                         Fires when this field receives input focus.
4526
4527
4528
4529
4530
4531                                 <dl class="detailList">
4532                                 <dt class="heading">Parameters:</dt>
4533
4534                                         <dt>
4535                                                 <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>
4536
4537                                         </dt>
4538                                         <dd></dd>
4539
4540                                 </dl>
4541
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551
4552                     </div>
4553                 </div>
4554
4555             </td>
4556             <td class="msource">
4557                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4558             </td>
4559         </tr>
4560
4561           <tr class="method-row expandable config-row-alt0">
4562             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4563
4564             <td class="sig">
4565                 <a id="Roo.Component-event-*hide"></a>
4566
4567                <div class="fixedFont">
4568                 <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>)
4569
4570                 </div>
4571
4572                 <div class="mdesc">
4573
4574                    <div class="short">Fires after the component is hidden.
4575
4576                 </div>
4577
4578                     <div class="long">
4579
4580                         Fires after the component is hidden.
4581
4582
4583
4584
4585
4586                                 <dl class="detailList">
4587                                 <dt class="heading">Parameters:</dt>
4588
4589                                         <dt>
4590                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4591
4592                                         </dt>
4593                                         <dd></dd>
4594
4595                                 </dl>
4596
4597
4598
4599
4600
4601
4602
4603
4604
4605
4606
4607                     </div>
4608                 </div>
4609
4610             </td>
4611             <td class="msource">
4612                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4613             </td>
4614         </tr>
4615
4616           <tr class="method-row expandable config-row-alt1">
4617             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4618
4619             <td class="sig">
4620                 <a id="Roo.form.Field-event-*invalid"></a>
4621
4622                <div class="fixedFont">
4623                 <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>)
4624
4625                 </div>
4626
4627                 <div class="mdesc">
4628
4629                    <div class="short">Fires after the field has been marked as invalid.
4630
4631                 </div>
4632
4633                     <div class="long">
4634
4635                         Fires after the field has been marked as invalid.
4636
4637
4638
4639
4640
4641                                 <dl class="detailList">
4642                                 <dt class="heading">Parameters:</dt>
4643
4644                                         <dt>
4645                                                 <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>
4646
4647                                         </dt>
4648                                         <dd></dd>
4649
4650                                         <dt>
4651                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4652
4653                                         </dt>
4654                                         <dd>The validation message</dd>
4655
4656                                 </dl>
4657
4658
4659
4660
4661
4662
4663
4664
4665
4666
4667
4668                     </div>
4669                 </div>
4670
4671             </td>
4672             <td class="msource">
4673                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4674             </td>
4675         </tr>
4676
4677           <tr class="method-row expandable config-row-alt0">
4678             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4679
4680             <td class="sig">
4681                 <a id="Roo.form.Field-event-*keyup"></a>
4682
4683                <div class="fixedFont">
4684                 <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>)
4685
4686                 </div>
4687
4688                 <div class="mdesc">
4689
4690                    <div class="short">Fires after the key up
4691
4692                 </div>
4693
4694                     <div class="long">
4695
4696                         Fires after the key up
4697
4698
4699
4700
4701
4702                                 <dl class="detailList">
4703                                 <dt class="heading">Parameters:</dt>
4704
4705                                         <dt>
4706                                                 <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>
4707
4708                                         </dt>
4709                                         <dd></dd>
4710
4711                                         <dt>
4712                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4713
4714                                         </dt>
4715                                         <dd>The event Object</dd>
4716
4717                                 </dl>
4718
4719
4720
4721
4722
4723
4724
4725
4726
4727
4728
4729                     </div>
4730                 </div>
4731
4732             </td>
4733             <td class="msource">
4734                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4735             </td>
4736         </tr>
4737
4738           <tr class="method-row expandable config-row-alt1">
4739             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4740
4741             <td class="sig">
4742                 <a id="Roo.BoxComponent-event-*move"></a>
4743
4744                <div class="fixedFont">
4745                 <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>)
4746
4747                 </div>
4748
4749                 <div class="mdesc">
4750
4751                    <div class="short">Fires after the component is moved.
4752
4753                 </div>
4754
4755                     <div class="long">
4756
4757                         Fires after the component is moved.
4758
4759
4760
4761
4762
4763                                 <dl class="detailList">
4764                                 <dt class="heading">Parameters:</dt>
4765
4766                                         <dt>
4767                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4768
4769                                         </dt>
4770                                         <dd></dd>
4771
4772                                         <dt>
4773                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
4774
4775                                         </dt>
4776                                         <dd>The new x position</dd>
4777
4778                                         <dt>
4779                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
4780
4781                                         </dt>
4782                                         <dd>The new y position</dd>
4783
4784                                 </dl>
4785
4786
4787
4788
4789
4790
4791
4792
4793
4794
4795
4796                     </div>
4797                 </div>
4798
4799             </td>
4800             <td class="msource">
4801                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4802             </td>
4803         </tr>
4804
4805           <tr class="method-row expandable config-row-alt0">
4806             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4807
4808             <td class="sig">
4809                 <a id="Roo.Component-event-*render"></a>
4810
4811                <div class="fixedFont">
4812                 <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>)
4813
4814                 </div>
4815
4816                 <div class="mdesc">
4817
4818                    <div class="short">Fires after the component is rendered.
4819
4820                 </div>
4821
4822                     <div class="long">
4823
4824                         Fires after the component is rendered.
4825
4826
4827
4828
4829
4830                                 <dl class="detailList">
4831                                 <dt class="heading">Parameters:</dt>
4832
4833                                         <dt>
4834                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4835
4836                                         </dt>
4837                                         <dd></dd>
4838
4839                                 </dl>
4840
4841
4842
4843
4844
4845
4846
4847
4848
4849
4850
4851                     </div>
4852                 </div>
4853
4854             </td>
4855             <td class="msource">
4856                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4857             </td>
4858         </tr>
4859
4860           <tr class="method-row expandable config-row-alt1">
4861             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4862
4863             <td class="sig">
4864                 <a id="Roo.BoxComponent-event-*resize"></a>
4865
4866                <div class="fixedFont">
4867                 <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>)
4868
4869                 </div>
4870
4871                 <div class="mdesc">
4872
4873                    <div class="short">Fires after the component is resized.
4874
4875                 </div>
4876
4877                     <div class="long">
4878
4879                         Fires after the component is resized.
4880
4881
4882
4883
4884
4885                                 <dl class="detailList">
4886                                 <dt class="heading">Parameters:</dt>
4887
4888                                         <dt>
4889                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4890
4891                                         </dt>
4892                                         <dd></dd>
4893
4894                                         <dt>
4895                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
4896
4897                                         </dt>
4898                                         <dd>The box-adjusted width that was set</dd>
4899
4900                                         <dt>
4901                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
4902
4903                                         </dt>
4904                                         <dd>The box-adjusted height that was set</dd>
4905
4906                                         <dt>
4907                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
4908
4909                                         </dt>
4910                                         <dd>The width that was originally specified</dd>
4911
4912                                         <dt>
4913                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
4914
4915                                         </dt>
4916                                         <dd>The height that was originally specified</dd>
4917
4918                                 </dl>
4919
4920
4921
4922
4923
4924
4925
4926
4927
4928
4929
4930                     </div>
4931                 </div>
4932
4933             </td>
4934             <td class="msource">
4935                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4936             </td>
4937         </tr>
4938
4939           <tr class="method-row expandable config-row-alt0">
4940             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4941
4942             <td class="sig">
4943                 <a id="Roo.Component-event-*show"></a>
4944
4945                <div class="fixedFont">
4946                 <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>)
4947
4948                 </div>
4949
4950                 <div class="mdesc">
4951
4952                    <div class="short">Fires after the component is shown.
4953
4954                 </div>
4955
4956                     <div class="long">
4957
4958                         Fires after the component is shown.
4959
4960
4961
4962
4963
4964                                 <dl class="detailList">
4965                                 <dt class="heading">Parameters:</dt>
4966
4967                                         <dt>
4968                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4969
4970                                         </dt>
4971                                         <dd></dd>
4972
4973                                 </dl>
4974
4975
4976
4977
4978
4979
4980
4981
4982
4983
4984
4985                     </div>
4986                 </div>
4987
4988             </td>
4989             <td class="msource">
4990                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4991             </td>
4992         </tr>
4993
4994           <tr class="method-row expandable config-row-alt1">
4995             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4996
4997             <td class="sig">
4998                 <a id="Roo.form.Field-event-*specialkey"></a>
4999
5000                <div class="fixedFont">
5001                 <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>)
5002
5003                 </div>
5004
5005                 <div class="mdesc">
5006
5007                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5008
5009                 </div>
5010
5011                     <div class="long">
5012
5013                         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.
5014
5015
5016
5017
5018
5019                                 <dl class="detailList">
5020                                 <dt class="heading">Parameters:</dt>
5021
5022                                         <dt>
5023                                                 <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>
5024
5025                                         </dt>
5026                                         <dd></dd>
5027
5028                                         <dt>
5029                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5030
5031                                         </dt>
5032                                         <dd>The event object</dd>
5033
5034                                 </dl>
5035
5036
5037
5038
5039
5040
5041
5042
5043
5044
5045
5046                     </div>
5047                 </div>
5048
5049             </td>
5050             <td class="msource">
5051                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5052             </td>
5053         </tr>
5054
5055           <tr class="method-row expandable config-row-alt0">
5056             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5057
5058             <td class="sig">
5059                 <a id="Roo.form.Field-event-*valid"></a>
5060
5061                <div class="fixedFont">
5062                 <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>)
5063
5064                 </div>
5065
5066                 <div class="mdesc">
5067
5068                    <div class="short">Fires after the field has been validated with no errors.
5069
5070                 </div>
5071
5072                     <div class="long">
5073
5074                         Fires after the field has been validated with no errors.
5075
5076
5077
5078
5079
5080                                 <dl class="detailList">
5081                                 <dt class="heading">Parameters:</dt>
5082
5083                                         <dt>
5084                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
5085
5086                                         </dt>
5087                                         <dd></dd>
5088
5089                                 </dl>
5090
5091
5092
5093
5094
5095
5096
5097
5098
5099
5100
5101                     </div>
5102                 </div>
5103
5104             </td>
5105             <td class="msource">
5106                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5107             </td>
5108         </tr>
5109
5110
5111     </table>
5112
5113
5114
5115
5116
5117 <!-- ============================== footer ================================= -->
5118                 <div class="fineprint" style="clear:both">
5119
5120                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 28 2016 18:00:57 GMT+0800 (HKT)
5121                         Based on
5122                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5123                 </div>
5124         </body>
5125 </html>