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