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>checked</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.
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>checked</b>
3529
3530                                         </dt>
3531                                         <dd>True, 'true', '1', or 'on' to check the checkbox, any other value will uncheck it.</dd>
3532
3533                                 </dl>
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545                     </div>
3546                 </div>
3547
3548             </td>
3549             <td class="msource">
3550
3551                         Roo.form.Checkbox
3552                 &nbsp;
3553             </td>
3554         </tr>
3555
3556
3557           <tr class="method-row config-row-alt1 expandable">
3558             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3559
3560
3561             <td class="sig">
3562                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3563                 <div class="fixedFont">
3564                         <span class="attributes"></span><b class="itemname">setVisible</b>
3565
3566                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3567
3568
3569                                          :
3570
3571
3572                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3573
3574
3575
3576
3577
3578                 </div>
3579                 <div class="mdesc">
3580
3581                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3582
3583
3584
3585                     <div class="long">
3586
3587                                 Convenience function to hide or show this component by boolean.
3588
3589
3590
3591
3592
3593
3594                                 <dl class="detailList">
3595                                 <dt class="heading">Parameters:</dt>
3596
3597                                         <dt>
3598                                                 <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>
3599
3600                                         </dt>
3601                                         <dd>True to show, false to hide</dd>
3602
3603                                 </dl>
3604
3605
3606
3607
3608
3609                                 <dl class="detailList">
3610                                 <dt class="heading">Returns:</dt>
3611
3612                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3613
3614                                 </dl>
3615
3616
3617
3618
3619
3620
3621
3622                     </div>
3623                 </div>
3624
3625             </td>
3626             <td class="msource">
3627
3628                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3629                 &nbsp;
3630             </td>
3631         </tr>
3632
3633
3634           <tr class="method-row config-row-alt0 expandable">
3635             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3636
3637
3638             <td class="sig">
3639                 <a id="Roo.Component-method-show"   name=".show"></a>
3640                 <div class="fixedFont">
3641                         <span class="attributes"></span><b class="itemname">show</b>
3642
3643                                  ()
3644
3645
3646                                          :
3647
3648
3649                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3650
3651
3652
3653
3654
3655                 </div>
3656                 <div class="mdesc">
3657
3658                    <div class="short">Show this component.</div>
3659
3660
3661
3662                     <div class="long">
3663
3664                                 Show this component.
3665
3666
3667
3668
3669
3670
3671
3672
3673
3674
3675                                 <dl class="detailList">
3676                                 <dt class="heading">Returns:</dt>
3677
3678                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3679
3680                                 </dl>
3681
3682
3683
3684
3685
3686
3687
3688                     </div>
3689                 </div>
3690
3691             </td>
3692             <td class="msource">
3693
3694                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3695                 &nbsp;
3696             </td>
3697         </tr>
3698
3699
3700           <tr class="method-row config-row-alt1 expandable">
3701             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3702
3703
3704             <td class="sig">
3705                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
3706                 <div class="fixedFont">
3707                         <span class="attributes"></span><b class="itemname">syncSize</b>
3708
3709                                  ()
3710
3711
3712
3713                 </div>
3714                 <div class="mdesc">
3715
3716                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
3717
3718
3719
3720                     <div class="long">
3721
3722                                 Force the component's size to recalculate based on the underlying element's current height and width.
3723
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733
3734
3735
3736
3737
3738
3739                     </div>
3740                 </div>
3741
3742             </td>
3743             <td class="msource">
3744
3745                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3746                 &nbsp;
3747             </td>
3748         </tr>
3749
3750
3751           <tr class="method-row config-row-alt0 expandable">
3752             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3753
3754
3755             <td class="sig">
3756                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
3757                 <div class="fixedFont">
3758                         <span class="attributes"></span><b class="itemname">un</b>
3759
3760                                  (<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>)
3761
3762
3763
3764                 </div>
3765                 <div class="mdesc">
3766
3767                    <div class="short">Removes a listener (shorthand for removeListener)</div>
3768
3769
3770
3771                     <div class="long">
3772
3773                                 Removes a listener (shorthand for removeListener)
3774
3775
3776
3777
3778
3779
3780                                 <dl class="detailList">
3781                                 <dt class="heading">Parameters:</dt>
3782
3783                                         <dt>
3784                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3785
3786                                         </dt>
3787                                         <dd>The type of event to listen for</dd>
3788
3789                                         <dt>
3790                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3791
3792                                         </dt>
3793                                         <dd>The handler to remove</dd>
3794
3795                                         <dt>
3796                                                 <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>
3797
3798                                         </dt>
3799                                         <dd>(optional) The scope (this object) for the handler</dd>
3800
3801                                 </dl>
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812
3813                     </div>
3814                 </div>
3815
3816             </td>
3817             <td class="msource">
3818
3819                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3820                 &nbsp;
3821             </td>
3822         </tr>
3823
3824
3825           <tr class="method-row config-row-alt1 expandable">
3826             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3827
3828
3829             <td class="sig">
3830                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
3831                 <div class="fixedFont">
3832                         <span class="attributes"></span><b class="itemname">updateBox</b>
3833
3834                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
3835
3836
3837
3838                 </div>
3839                 <div class="mdesc">
3840
3841                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
3842
3843
3844
3845                     <div class="long">
3846
3847                                 Sets the current box measurements of the component's underlying element.
3848
3849
3850
3851
3852
3853
3854                                 <dl class="detailList">
3855                                 <dt class="heading">Parameters:</dt>
3856
3857                                         <dt>
3858                                                 <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>
3859
3860                                         </dt>
3861                                         <dd>An object in the format {x, y, width, height}</dd>
3862
3863                                 </dl>
3864
3865
3866
3867
3868
3869
3870
3871
3872
3873
3874
3875                     </div>
3876                 </div>
3877
3878             </td>
3879             <td class="msource">
3880
3881                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3882                 &nbsp;
3883             </td>
3884         </tr>
3885
3886
3887           <tr class="method-row config-row-alt0 expandable">
3888             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3889
3890
3891             <td class="sig">
3892                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
3893                 <div class="fixedFont">
3894                         <span class="attributes"></span><b class="itemname">validate</b>
3895
3896                                  ()
3897
3898
3899                                          :
3900
3901
3902                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3903
3904
3905
3906
3907
3908                 </div>
3909                 <div class="mdesc">
3910
3911                    <div class="short">Validates the field value</div>
3912
3913
3914
3915                     <div class="long">
3916
3917                                 Validates the field value
3918
3919
3920
3921
3922
3923
3924
3925
3926
3927
3928                                 <dl class="detailList">
3929                                 <dt class="heading">Returns:</dt>
3930
3931                                         <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>
3932
3933                                 </dl>
3934
3935
3936
3937
3938
3939
3940
3941                     </div>
3942                 </div>
3943
3944             </td>
3945             <td class="msource">
3946
3947                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3948                 &nbsp;
3949             </td>
3950         </tr>
3951
3952
3953     </table>
3954
3955
3956   <!-- ============================== events summary / details ======================== -->
3957
3958
3959   <a id="Roo.form.Checkbox-events"></a>
3960
3961
3962
3963
3964
3965
3966
3967
3968       <table cellspacing="0" class="member-table">
3969                 <caption>Events</caption>
3970               <thead>
3971                 <tr>
3972                     <th class="sig-header" colspan="2">Event</th>
3973                     <th class="msource-header">Defined By</th>
3974
3975                 </tr>
3976               </thead>
3977
3978
3979
3980
3981
3982           <tr class="method-row expandable config-row-alt0">
3983             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3984
3985             <td class="sig">
3986                 <a id="Roo.Component-event-*beforedestroy"></a>
3987
3988                <div class="fixedFont">
3989                 <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>)
3990
3991                 </div>
3992
3993                 <div class="mdesc">
3994
3995                    <div class="short">Fires before the component is destroyed.
3996
3997                 </div>
3998
3999                     <div class="long">
4000
4001                         Fires before the component is destroyed. Return false to stop the destroy.
4002
4003
4004
4005
4006
4007                                 <dl class="detailList">
4008                                 <dt class="heading">Parameters:</dt>
4009
4010                                         <dt>
4011                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4012
4013                                         </dt>
4014                                         <dd></dd>
4015
4016                                 </dl>
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027
4028                     </div>
4029                 </div>
4030
4031             </td>
4032             <td class="msource">
4033                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4034             </td>
4035         </tr>
4036
4037           <tr class="method-row expandable config-row-alt1">
4038             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4039
4040             <td class="sig">
4041                 <a id="Roo.Component-event-*beforehide"></a>
4042
4043                <div class="fixedFont">
4044                 <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>)
4045
4046                 </div>
4047
4048                 <div class="mdesc">
4049
4050                    <div class="short">Fires before the component is hidden.
4051
4052                 </div>
4053
4054                     <div class="long">
4055
4056                         Fires before the component is hidden. Return false to stop the hide.
4057
4058
4059
4060
4061
4062                                 <dl class="detailList">
4063                                 <dt class="heading">Parameters:</dt>
4064
4065                                         <dt>
4066                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4067
4068                                         </dt>
4069                                         <dd></dd>
4070
4071                                 </dl>
4072
4073
4074
4075
4076
4077
4078
4079
4080
4081
4082
4083                     </div>
4084                 </div>
4085
4086             </td>
4087             <td class="msource">
4088                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4089             </td>
4090         </tr>
4091
4092           <tr class="method-row expandable config-row-alt0">
4093             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4094
4095             <td class="sig">
4096                 <a id="Roo.Component-event-*beforerender"></a>
4097
4098                <div class="fixedFont">
4099                 <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>)
4100
4101                 </div>
4102
4103                 <div class="mdesc">
4104
4105                    <div class="short">Fires before the component is rendered.
4106
4107                 </div>
4108
4109                     <div class="long">
4110
4111                         Fires before the component is rendered. Return false to stop the render.
4112
4113
4114
4115
4116
4117                                 <dl class="detailList">
4118                                 <dt class="heading">Parameters:</dt>
4119
4120                                         <dt>
4121                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4122
4123                                         </dt>
4124                                         <dd></dd>
4125
4126                                 </dl>
4127
4128
4129
4130
4131
4132
4133
4134
4135
4136
4137
4138                     </div>
4139                 </div>
4140
4141             </td>
4142             <td class="msource">
4143                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4144             </td>
4145         </tr>
4146
4147           <tr class="method-row expandable config-row-alt1">
4148             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4149
4150             <td class="sig">
4151                 <a id="Roo.Component-event-*beforeshow"></a>
4152
4153                <div class="fixedFont">
4154                 <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>)
4155
4156                 </div>
4157
4158                 <div class="mdesc">
4159
4160                    <div class="short">Fires before the component is shown.
4161
4162                 </div>
4163
4164                     <div class="long">
4165
4166                         Fires before the component is shown.  Return false to stop the show.
4167
4168
4169
4170
4171
4172                                 <dl class="detailList">
4173                                 <dt class="heading">Parameters:</dt>
4174
4175                                         <dt>
4176                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4177
4178                                         </dt>
4179                                         <dd></dd>
4180
4181                                 </dl>
4182
4183
4184
4185
4186
4187
4188
4189
4190
4191
4192
4193                     </div>
4194                 </div>
4195
4196             </td>
4197             <td class="msource">
4198                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4199             </td>
4200         </tr>
4201
4202           <tr class="method-row expandable config-row-alt0">
4203             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4204
4205             <td class="sig">
4206                 <a id="Roo.form.Field-event-*blur"></a>
4207
4208                <div class="fixedFont">
4209                 <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>)
4210
4211                 </div>
4212
4213                 <div class="mdesc">
4214
4215                    <div class="short">Fires when this field loses input focus.
4216
4217                 </div>
4218
4219                     <div class="long">
4220
4221                         Fires when this field loses input focus.
4222
4223
4224
4225
4226
4227                                 <dl class="detailList">
4228                                 <dt class="heading">Parameters:</dt>
4229
4230                                         <dt>
4231                                                 <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>
4232
4233                                         </dt>
4234                                         <dd></dd>
4235
4236                                 </dl>
4237
4238
4239
4240
4241
4242
4243
4244
4245
4246
4247
4248                     </div>
4249                 </div>
4250
4251             </td>
4252             <td class="msource">
4253                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4254             </td>
4255         </tr>
4256
4257           <tr class="method-row expandable config-row-alt1">
4258             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4259
4260             <td class="sig">
4261                 <a id="Roo.form.Field-event-*change"></a>
4262
4263                <div class="fixedFont">
4264                 <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>)
4265
4266                 </div>
4267
4268                 <div class="mdesc">
4269
4270                    <div class="short">Fires just before the field blurs if the field value has changed.
4271
4272                 </div>
4273
4274                     <div class="long">
4275
4276                         Fires just before the field blurs if the field value has changed.
4277
4278
4279
4280
4281
4282                                 <dl class="detailList">
4283                                 <dt class="heading">Parameters:</dt>
4284
4285                                         <dt>
4286                                                 <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>
4287
4288                                         </dt>
4289                                         <dd></dd>
4290
4291                                         <dt>
4292                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4293
4294                                         </dt>
4295                                         <dd>The new value</dd>
4296
4297                                         <dt>
4298                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4299
4300                                         </dt>
4301                                         <dd>The original value</dd>
4302
4303                                 </dl>
4304
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314
4315                     </div>
4316                 </div>
4317
4318             </td>
4319             <td class="msource">
4320                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4321             </td>
4322         </tr>
4323
4324           <tr class="method-row expandable config-row-alt0 notInherited">
4325             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4326
4327             <td class="sig">
4328                 <a id="Roo.form.Checkbox-event-*check"></a>
4329
4330                <div class="fixedFont">
4331                 <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>)
4332
4333                 </div>
4334
4335                 <div class="mdesc">
4336
4337                    <div class="short">Fires when the checkbox is checked or unchecked.
4338
4339                 </div>
4340
4341                     <div class="long">
4342
4343                         Fires when the checkbox is checked or unchecked.
4344
4345
4346
4347
4348
4349                                 <dl class="detailList">
4350                                 <dt class="heading">Parameters:</dt>
4351
4352                                         <dt>
4353                                                 <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>
4354
4355                                         </dt>
4356                                         <dd>This checkbox</dd>
4357
4358                                         <dt>
4359                                                 <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>
4360
4361                                         </dt>
4362                                         <dd>The new checked value</dd>
4363
4364                                 </dl>
4365
4366
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376                     </div>
4377                 </div>
4378
4379             </td>
4380             <td class="msource">
4381                 Roo.form.Checkbox
4382             </td>
4383         </tr>
4384
4385           <tr class="method-row expandable config-row-alt1">
4386             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4387
4388             <td class="sig">
4389                 <a id="Roo.Component-event-*destroy"></a>
4390
4391                <div class="fixedFont">
4392                 <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>)
4393
4394                 </div>
4395
4396                 <div class="mdesc">
4397
4398                    <div class="short">Fires after the component is destroyed.
4399
4400                 </div>
4401
4402                     <div class="long">
4403
4404                         Fires after the component is destroyed.
4405
4406
4407
4408
4409
4410                                 <dl class="detailList">
4411                                 <dt class="heading">Parameters:</dt>
4412
4413                                         <dt>
4414                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4415
4416                                         </dt>
4417                                         <dd></dd>
4418
4419                                 </dl>
4420
4421
4422
4423
4424
4425
4426
4427
4428
4429
4430
4431                     </div>
4432                 </div>
4433
4434             </td>
4435             <td class="msource">
4436                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4437             </td>
4438         </tr>
4439
4440           <tr class="method-row expandable config-row-alt0">
4441             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4442
4443             <td class="sig">
4444                 <a id="Roo.Component-event-*disable"></a>
4445
4446                <div class="fixedFont">
4447                 <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>)
4448
4449                 </div>
4450
4451                 <div class="mdesc">
4452
4453                    <div class="short">Fires after the component is disabled.
4454
4455                 </div>
4456
4457                     <div class="long">
4458
4459                         Fires after the component is disabled.
4460
4461
4462
4463
4464
4465                                 <dl class="detailList">
4466                                 <dt class="heading">Parameters:</dt>
4467
4468                                         <dt>
4469                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4470
4471                                         </dt>
4472                                         <dd></dd>
4473
4474                                 </dl>
4475
4476
4477
4478
4479
4480
4481
4482
4483
4484
4485
4486                     </div>
4487                 </div>
4488
4489             </td>
4490             <td class="msource">
4491                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4492             </td>
4493         </tr>
4494
4495           <tr class="method-row expandable config-row-alt1">
4496             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4497
4498             <td class="sig">
4499                 <a id="Roo.Component-event-*enable"></a>
4500
4501                <div class="fixedFont">
4502                 <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>)
4503
4504                 </div>
4505
4506                 <div class="mdesc">
4507
4508                    <div class="short">Fires after the component is enabled.
4509
4510                 </div>
4511
4512                     <div class="long">
4513
4514                         Fires after the component is enabled.
4515
4516
4517
4518
4519
4520                                 <dl class="detailList">
4521                                 <dt class="heading">Parameters:</dt>
4522
4523                                         <dt>
4524                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4525
4526                                         </dt>
4527                                         <dd></dd>
4528
4529                                 </dl>
4530
4531
4532
4533
4534
4535
4536
4537
4538
4539
4540
4541                     </div>
4542                 </div>
4543
4544             </td>
4545             <td class="msource">
4546                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4547             </td>
4548         </tr>
4549
4550           <tr class="method-row expandable config-row-alt0">
4551             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4552
4553             <td class="sig">
4554                 <a id="Roo.form.Field-event-*focus"></a>
4555
4556                <div class="fixedFont">
4557                 <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>)
4558
4559                 </div>
4560
4561                 <div class="mdesc">
4562
4563                    <div class="short">Fires when this field receives input focus.
4564
4565                 </div>
4566
4567                     <div class="long">
4568
4569                         Fires when this field receives input focus.
4570
4571
4572
4573
4574
4575                                 <dl class="detailList">
4576                                 <dt class="heading">Parameters:</dt>
4577
4578                                         <dt>
4579                                                 <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>
4580
4581                                         </dt>
4582                                         <dd></dd>
4583
4584                                 </dl>
4585
4586
4587
4588
4589
4590
4591
4592
4593
4594
4595
4596                     </div>
4597                 </div>
4598
4599             </td>
4600             <td class="msource">
4601                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4602             </td>
4603         </tr>
4604
4605           <tr class="method-row expandable config-row-alt1">
4606             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4607
4608             <td class="sig">
4609                 <a id="Roo.Component-event-*hide"></a>
4610
4611                <div class="fixedFont">
4612                 <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>)
4613
4614                 </div>
4615
4616                 <div class="mdesc">
4617
4618                    <div class="short">Fires after the component is hidden.
4619
4620                 </div>
4621
4622                     <div class="long">
4623
4624                         Fires after the component is hidden.
4625
4626
4627
4628
4629
4630                                 <dl class="detailList">
4631                                 <dt class="heading">Parameters:</dt>
4632
4633                                         <dt>
4634                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4635
4636                                         </dt>
4637                                         <dd></dd>
4638
4639                                 </dl>
4640
4641
4642
4643
4644
4645
4646
4647
4648
4649
4650
4651                     </div>
4652                 </div>
4653
4654             </td>
4655             <td class="msource">
4656                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4657             </td>
4658         </tr>
4659
4660           <tr class="method-row expandable config-row-alt0">
4661             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4662
4663             <td class="sig">
4664                 <a id="Roo.form.Field-event-*invalid"></a>
4665
4666                <div class="fixedFont">
4667                 <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>)
4668
4669                 </div>
4670
4671                 <div class="mdesc">
4672
4673                    <div class="short">Fires after the field has been marked as invalid.
4674
4675                 </div>
4676
4677                     <div class="long">
4678
4679                         Fires after the field has been marked as invalid.
4680
4681
4682
4683
4684
4685                                 <dl class="detailList">
4686                                 <dt class="heading">Parameters:</dt>
4687
4688                                         <dt>
4689                                                 <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>
4690
4691                                         </dt>
4692                                         <dd></dd>
4693
4694                                         <dt>
4695                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4696
4697                                         </dt>
4698                                         <dd>The validation message</dd>
4699
4700                                 </dl>
4701
4702
4703
4704
4705
4706
4707
4708
4709
4710
4711
4712                     </div>
4713                 </div>
4714
4715             </td>
4716             <td class="msource">
4717                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4718             </td>
4719         </tr>
4720
4721           <tr class="method-row expandable config-row-alt1">
4722             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4723
4724             <td class="sig">
4725                 <a id="Roo.BoxComponent-event-*move"></a>
4726
4727                <div class="fixedFont">
4728                 <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>)
4729
4730                 </div>
4731
4732                 <div class="mdesc">
4733
4734                    <div class="short">Fires after the component is moved.
4735
4736                 </div>
4737
4738                     <div class="long">
4739
4740                         Fires after the component is moved.
4741
4742
4743
4744
4745
4746                                 <dl class="detailList">
4747                                 <dt class="heading">Parameters:</dt>
4748
4749                                         <dt>
4750                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4751
4752                                         </dt>
4753                                         <dd></dd>
4754
4755                                         <dt>
4756                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
4757
4758                                         </dt>
4759                                         <dd>The new x position</dd>
4760
4761                                         <dt>
4762                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
4763
4764                                         </dt>
4765                                         <dd>The new y position</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.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</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.Component-event-*render"></a>
4793
4794                <div class="fixedFont">
4795                 <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>)
4796
4797                 </div>
4798
4799                 <div class="mdesc">
4800
4801                    <div class="short">Fires after the component is rendered.
4802
4803                 </div>
4804
4805                     <div class="long">
4806
4807                         Fires after the component is rendered.
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                                 </dl>
4823
4824
4825
4826
4827
4828
4829
4830
4831
4832
4833
4834                     </div>
4835                 </div>
4836
4837             </td>
4838             <td class="msource">
4839                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4840             </td>
4841         </tr>
4842
4843           <tr class="method-row expandable config-row-alt1">
4844             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4845
4846             <td class="sig">
4847                 <a id="Roo.BoxComponent-event-*resize"></a>
4848
4849                <div class="fixedFont">
4850                 <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>)
4851
4852                 </div>
4853
4854                 <div class="mdesc">
4855
4856                    <div class="short">Fires after the component is resized.
4857
4858                 </div>
4859
4860                     <div class="long">
4861
4862                         Fires after the component is resized.
4863
4864
4865
4866
4867
4868                                 <dl class="detailList">
4869                                 <dt class="heading">Parameters:</dt>
4870
4871                                         <dt>
4872                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4873
4874                                         </dt>
4875                                         <dd></dd>
4876
4877                                         <dt>
4878                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
4879
4880                                         </dt>
4881                                         <dd>The box-adjusted width that was set</dd>
4882
4883                                         <dt>
4884                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
4885
4886                                         </dt>
4887                                         <dd>The box-adjusted height that was set</dd>
4888
4889                                         <dt>
4890                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
4891
4892                                         </dt>
4893                                         <dd>The width that was originally specified</dd>
4894
4895                                         <dt>
4896                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
4897
4898                                         </dt>
4899                                         <dd>The height that was originally specified</dd>
4900
4901                                 </dl>
4902
4903
4904
4905
4906
4907
4908
4909
4910
4911
4912
4913                     </div>
4914                 </div>
4915
4916             </td>
4917             <td class="msource">
4918                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4919             </td>
4920         </tr>
4921
4922           <tr class="method-row expandable config-row-alt0">
4923             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4924
4925             <td class="sig">
4926                 <a id="Roo.Component-event-*show"></a>
4927
4928                <div class="fixedFont">
4929                 <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>)
4930
4931                 </div>
4932
4933                 <div class="mdesc">
4934
4935                    <div class="short">Fires after the component is shown.
4936
4937                 </div>
4938
4939                     <div class="long">
4940
4941                         Fires after the component is shown.
4942
4943
4944
4945
4946
4947                                 <dl class="detailList">
4948                                 <dt class="heading">Parameters:</dt>
4949
4950                                         <dt>
4951                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4952
4953                                         </dt>
4954                                         <dd></dd>
4955
4956                                 </dl>
4957
4958
4959
4960
4961
4962
4963
4964
4965
4966
4967
4968                     </div>
4969                 </div>
4970
4971             </td>
4972             <td class="msource">
4973                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4974             </td>
4975         </tr>
4976
4977           <tr class="method-row expandable config-row-alt1">
4978             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4979
4980             <td class="sig">
4981                 <a id="Roo.form.Field-event-*specialkey"></a>
4982
4983                <div class="fixedFont">
4984                 <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>)
4985
4986                 </div>
4987
4988                 <div class="mdesc">
4989
4990                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
4991
4992                 </div>
4993
4994                     <div class="long">
4995
4996                         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.
4997
4998
4999
5000
5001
5002                                 <dl class="detailList">
5003                                 <dt class="heading">Parameters:</dt>
5004
5005                                         <dt>
5006                                                 <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>
5007
5008                                         </dt>
5009                                         <dd></dd>
5010
5011                                         <dt>
5012                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5013
5014                                         </dt>
5015                                         <dd>The event object</dd>
5016
5017                                 </dl>
5018
5019
5020
5021
5022
5023
5024
5025
5026
5027
5028
5029                     </div>
5030                 </div>
5031
5032             </td>
5033             <td class="msource">
5034                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5035             </td>
5036         </tr>
5037
5038           <tr class="method-row expandable config-row-alt0">
5039             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5040
5041             <td class="sig">
5042                 <a id="Roo.form.Field-event-*valid"></a>
5043
5044                <div class="fixedFont">
5045                 <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>)
5046
5047                 </div>
5048
5049                 <div class="mdesc">
5050
5051                    <div class="short">Fires after the field has been validated with no errors.
5052
5053                 </div>
5054
5055                     <div class="long">
5056
5057                         Fires after the field has been validated with no errors.
5058
5059
5060
5061
5062
5063                                 <dl class="detailList">
5064                                 <dt class="heading">Parameters:</dt>
5065
5066                                         <dt>
5067                                                 <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>
5068
5069                                         </dt>
5070                                         <dd></dd>
5071
5072                                 </dl>
5073
5074
5075
5076
5077
5078
5079
5080
5081
5082
5083
5084                     </div>
5085                 </div>
5086
5087             </td>
5088             <td class="msource">
5089                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5090             </td>
5091         </tr>
5092
5093
5094     </table>
5095
5096
5097
5098
5099
5100 <!-- ============================== footer ================================= -->
5101                 <div class="fineprint" style="clear:both">
5102
5103                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Tue Jul 27 2010 11:05:08 GMT+0800 (HKT)
5104                         Based on
5105                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5106                 </div>
5107         </body>
5108 </html>