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