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