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

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