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