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