git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.Select.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.Select</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.Select-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.form.Select-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.form.Select-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.form.Select-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 src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
  52 <img src="../../images/default/s.gif" height="1"  width="120"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.Select
  53
  54                    </pre>
  55                 </div>
  56
  57 <!-- ============================== class title / details ============================ -->
  58
  59
  60     <h1 class="classTitle">
  61
  62                                 Class Roo.form.Select
  63                         </h1>
  64
  65     <table cellspacing="0" class="class-summary-table">
  66
  67                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form</td></tr>
  68
  69         <tr><td class="label">Defined In:</td><td class="hd-info">
  70
  71                                         <a href="./src/Roo_form_Select.js.html">Roo/form/Select.js</a>.
  72
  73         </td></tr>
  74         <tr><td class="label">Class:</td><td class="hd-info">Select</td></tr>
  75
  76
  77
  78
  79                 <tr><td class="label">Extends:</td><td class="hd-info">
  80                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
  81
  82                 </td></tr>
  83
  84
  85     </table>
  86
  87
  88 <!-- ============================== class summary ========================== -->
  89     <div class="description">
  90         A combobox control with support for autocomplete, remote-loading, paging and many other features.
  91     </div>
  92
  93
  94 <!-- ============================== Class comment block... ========================== -->
  95
  96 <div class="comments">
  97         <b>Class Comments / Notes</B> =>
  98         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.Select';">[Add Your comment/notes about this class]</u>
  99         <br/>
 100         <iframe frameborder="0"  id="comments-Roo.form" style="border: none;width:100%;"
 101                 src="/blog.php/GtkDjsComments/Roo.form.Select.html"></iframe>
 102 </div>
 103
 104
 105
 106 <!-- ============================== config options ========================== -->
 107
 108
 109
 110
 111     <div class="hr"></div>
 112     <a id="Roo.form.Select-configs"></a>
 113
 114
 115
 116
 117
 118       <table cellspacing="0" class="member-table">
 119       <caption>Config Options (Usually are also Properties)</caption>
 120
 121
 122         <tr>
 123             <th class="sig-header" colspan="2">Options</th>
 124
 125             <th class="msource-header">Defined By</th>
 126         </tr>
 127
 128
 129
 130
 131
 132                 <tr class="config-row expandable config-row-alt0">
 133                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 134                     <td class="sig">
 135
 136                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 137                         <div class="fixedFont">
 138                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 139
 140
 141                         </div>
 142
 143                         <div class="mdesc">
 144                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 145                         </div>
 146
 147                         <div class="mdesc">
 148                             <div class="long">
 149                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 150
 151                 </div>
 152                         </div>
 153
 154
 155
 156                     </td>
 157                     <td class="msource">
 158
 159                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 160
 161                     </td>
 162                 </tr>
 163
 164
 165                 <tr class="config-row expandable config-row-alt1 notInherited">
 166                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 167                     <td class="sig">
 168
 169                         <a id="Roo.form.Select-cfg-allQuery" name=".allQuery"></a>
 170                         <div class="fixedFont">
 171                                 <b  class="itemname">allQuery</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 172
 173
 174                         </div>
 175
 176                         <div class="mdesc">
 177                             <div class="short">The text query to send to the server to return all records for the list with no filtering (defaults to '')</div>
 178                         </div>
 179
 180                         <div class="mdesc">
 181                             <div class="long">
 182                     The text query to send to the server to return all records for the list with no filtering (defaults to '')
 183
 184                 </div>
 185                         </div>
 186
 187
 188
 189                     </td>
 190                     <td class="msource">
 191
 192                         Roo.form.Select
 193
 194                     </td>
 195                 </tr>
 196
 197
 198                 <tr class="config-row expandable config-row-alt0">
 199                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 200                     <td class="sig">
 201
 202                         <a id="Roo.form.TextField-cfg-allowBlank" name=".allowBlank"></a>
 203                         <div class="fixedFont">
 204                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 205
 206
 207                         </div>
 208
 209                         <div class="mdesc">
 210                             <div class="short">False to validate that the value length > 0 (defaults to true)</div>
 211                         </div>
 212
 213                         <div class="mdesc">
 214                             <div class="long">
 215                     False to validate that the value length > 0 (defaults to true)
 216
 217                 </div>
 218                         </div>
 219
 220
 221
 222                     </td>
 223                     <td class="msource">
 224
 225                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 226
 227                     </td>
 228                 </tr>
 229
 230
 231                 <tr class="config-row expandable config-row-alt1">
 232                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 233                     <td class="sig">
 234
 235                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 236                         <div class="fixedFont">
 237                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 238
 239
 240                         </div>
 241
 242                         <div class="mdesc">
 243                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 244                         </div>
 245
 246                         <div class="mdesc">
 247                             <div class="long">
 248                     Whether the component can move the Dom node when rendering (defaults to true).
 249
 250                 </div>
 251                         </div>
 252
 253
 254
 255                     </td>
 256                     <td class="msource">
 257
 258                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 259
 260                     </td>
 261                 </tr>
 262
 263
 264                 <tr class="config-row expandable config-row-alt0 notInherited">
 265                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 266                     <td class="sig">
 267
 268                         <a id="Roo.form.Select-cfg-alwaysQuery" name=".alwaysQuery"></a>
 269                         <div class="fixedFont">
 270                                 <b  class="itemname">alwaysQuery</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 271
 272
 273                         </div>
 274
 275                         <div class="mdesc">
 276                             <div class="short">Disable caching of results, and always send query</div>
 277                         </div>
 278
 279                         <div class="mdesc">
 280                             <div class="long">
 281                     Disable caching of results, and always send query
 282
 283                 </div>
 284                         </div>
 285
 286
 287
 288                     </td>
 289                     <td class="msource">
 290
 291                         Roo.form.Select
 292
 293                     </td>
 294                 </tr>
 295
 296
 297                 <tr class="config-row expandable config-row-alt1 notInherited">
 298                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 299                     <td class="sig">
 300
 301                         <a id="Roo.form.Select-cfg-autoCreate" name=".autoCreate"></a>
 302                         <div class="fixedFont">
 303                                 <b  class="itemname">autoCreate</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object
 304
 305
 306                         </div>
 307
 308                         <div class="mdesc">
 309                             <div class="short">A DomHelper element spec, or true for a default element spec (defaults to:<br/>{tag: "input", type: "text", size: "24", autocomplete: "off"})</div>
 310                         </div>
 311
 312                         <div class="mdesc">
 313                             <div class="long">
 314                     A DomHelper element spec, or true for a default element spec (defaults to:<br/>{tag: "input", type: "text", size: "24", autocomplete: "off"})
 315
 316                 </div>
 317                         </div>
 318
 319
 320
 321                     </td>
 322                     <td class="msource">
 323
 324                         Roo.form.Select
 325
 326                     </td>
 327                 </tr>
 328
 329
 330                 <tr class="config-row expandable config-row-alt0">
 331                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 332                     <td class="sig">
 333
 334                         <a id="Roo.form.TextField-cfg-blankText" name=".blankText"></a>
 335                         <div class="fixedFont">
 336                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 337
 338
 339                         </div>
 340
 341                         <div class="mdesc">
 342                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 343                         </div>
 344
 345                         <div class="mdesc">
 346                             <div class="long">
 347                     Error text to display if the allow blank validation fails (defaults to "This field is required")
 348
 349                 </div>
 350                         </div>
 351
 352
 353
 354                     </td>
 355                     <td class="msource">
 356
 357                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 358
 359                     </td>
 360                 </tr>
 361
 362
 363                 <tr class="config-row expandable config-row-alt1 notInherited">
 364                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 365                     <td class="sig">
 366
 367                         <a id="Roo.form.Select-cfg-blockFocus" name=".blockFocus"></a>
 368                         <div class="fixedFont">
 369                                 <b  class="itemname">blockFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 370
 371
 372                         </div>
 373
 374                         <div class="mdesc">
 375                             <div class="short">Prevents all focus calls, so it can work with things like HTML edtor bar</div>
 376                         </div>
 377
 378                         <div class="mdesc">
 379                             <div class="long">
 380                     Prevents all focus calls, so it can work with things like HTML edtor bar
 381
 382                 </div>
 383                         </div>
 384
 385
 386
 387                     </td>
 388                     <td class="msource">
 389
 390                         Roo.form.Select
 391
 392                     </td>
 393                 </tr>
 394
 395
 396                 <tr class="config-row expandable config-row-alt0">
 397                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 398                     <td class="sig">
 399
 400                         <a id="Roo.form.Field-cfg-cls" name=".cls"></a>
 401                         <div class="fixedFont">
 402                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 403
 404
 405                         </div>
 406
 407                         <div class="mdesc">
 408                             <div class="short">A CSS class to apply to the field's underlying element.</div>
 409                         </div>
 410
 411                         <div class="mdesc">
 412                             <div class="long">
 413                     A CSS class to apply to the field's underlying element.
 414
 415                 </div>
 416                         </div>
 417
 418
 419
 420                     </td>
 421                     <td class="msource">
 422
 423                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 424
 425                     </td>
 426                 </tr>
 427
 428
 429                 <tr class="config-row expandable config-row-alt1 notInherited">
 430                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 431                     <td class="sig">
 432
 433                         <a id="Roo.form.Select-cfg-defaultValue" name=".defaultValue"></a>
 434                         <div class="fixedFont">
 435                                 <b  class="itemname">defaultValue</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 436
 437
 438                         </div>
 439
 440                         <div class="mdesc">
 441                             <div class="short">The value displayed after loading the store.</div>
 442                         </div>
 443
 444                         <div class="mdesc">
 445                             <div class="long">
 446                     The value displayed after loading the store.
 447
 448                 </div>
 449                         </div>
 450
 451
 452
 453                     </td>
 454                     <td class="msource">
 455
 456                         Roo.form.Select
 457
 458                     </td>
 459                 </tr>
 460
 461
 462                 <tr class="config-row expandable config-row-alt0">
 463                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 464                     <td class="sig">
 465
 466                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 467                         <div class="fixedFont">
 468                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 469
 470
 471                         </div>
 472
 473                         <div class="mdesc">
 474                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 475                         </div>
 476
 477                         <div class="mdesc">
 478                             <div class="long">
 479                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 480
 481                 </div>
 482                         </div>
 483
 484
 485
 486                     </td>
 487                     <td class="msource">
 488
 489                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 490
 491                     </td>
 492                 </tr>
 493
 494
 495                 <tr class="config-row expandable config-row-alt1 notInherited">
 496                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 497                     <td class="sig">
 498
 499                         <a id="Roo.form.Select-cfg-disableClear" name=".disableClear"></a>
 500                         <div class="fixedFont">
 501                                 <b  class="itemname">disableClear</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 502
 503
 504                         </div>
 505
 506                         <div class="mdesc">
 507                             <div class="short">Disable showing of clear button.</div>
 508                         </div>
 509
 510                         <div class="mdesc">
 511                             <div class="long">
 512                     Disable showing of clear button.
 513
 514                 </div>
 515                         </div>
 516
 517
 518
 519                     </td>
 520                     <td class="msource">
 521
 522                         Roo.form.Select
 523
 524                     </td>
 525                 </tr>
 526
 527
 528                 <tr class="config-row expandable config-row-alt0">
 529                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 530                     <td class="sig">
 531
 532                         <a id="Roo.form.TextField-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
 533                         <div class="fixedFont">
 534                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 535
 536
 537                         </div>
 538
 539                         <div class="mdesc">
 540                             <div class="short">True to disable input keystroke filtering (defaults to false)</div>
 541                         </div>
 542
 543                         <div class="mdesc">
 544                             <div class="long">
 545                     True to disable input keystroke filtering (defaults to false)
 546
 547                 </div>
 548                         </div>
 549
 550
 551
 552                     </td>
 553                     <td class="msource">
 554
 555                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 556
 557                     </td>
 558                 </tr>
 559
 560
 561                 <tr class="config-row expandable config-row-alt1">
 562                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 563                     <td class="sig">
 564
 565                         <a id="Roo.form.Field-cfg-disabled" name=".disabled"></a>
 566                         <div class="fixedFont">
 567                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 568
 569
 570                         </div>
 571
 572                         <div class="mdesc">
 573                             <div class="short">True to disable the field (defaults to false).</div>
 574                         </div>
 575
 576                         <div class="mdesc">
 577                             <div class="long">
 578                     True to disable the field (defaults to false).
 579
 580                 </div>
 581                         </div>
 582
 583
 584
 585                     </td>
 586                     <td class="msource">
 587
 588                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 589
 590                     </td>
 591                 </tr>
 592
 593
 594                 <tr class="config-row expandable config-row-alt0 notInherited">
 595                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 596                     <td class="sig">
 597
 598                         <a id="Roo.form.Select-cfg-displayField" name=".displayField"></a>
 599                         <div class="fixedFont">
 600                                 <b  class="itemname">displayField</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 601
 602
 603                         </div>
 604
 605                         <div class="mdesc">
 606                             <div class="short">The underlying data field name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'text' if mode = 'local')</div>
 607                         </div>
 608
 609                         <div class="mdesc">
 610                             <div class="long">
 611                     The underlying data field name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'text' if mode = 'local')
 612
 613                 </div>
 614                         </div>
 615
 616
 617
 618                     </td>
 619                     <td class="msource">
 620
 621                         Roo.form.Select
 622
 623                     </td>
 624                 </tr>
 625
 626
 627                 <tr class="config-row expandable config-row-alt1 notInherited">
 628                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 629                     <td class="sig">
 630
 631                         <a id="Roo.form.Select-cfg-editable" name=".editable"></a>
 632                         <div class="fixedFont">
 633                                 <b  class="itemname">editable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 634
 635
 636                         </div>
 637
 638                         <div class="mdesc">
 639                             <div class="short">False to prevent the user from typing text directly into the field, just like a<br/>traditional select (defaults to true)</div>
 640                         </div>
 641
 642                         <div class="mdesc">
 643                             <div class="long">
 644                     False to prevent the user from typing text directly into the field, just like a<br/>traditional select (defaults to true)
 645
 646                 </div>
 647                         </div>
 648
 649
 650
 651                     </td>
 652                     <td class="msource">
 653
 654                         Roo.form.Select
 655
 656                     </td>
 657                 </tr>
 658
 659
 660                 <tr class="config-row expandable config-row-alt0">
 661                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 662                     <td class="sig">
 663
 664                         <a id="Roo.form.TextField-cfg-emptyText" name=".emptyText"></a>
 665                         <div class="fixedFont">
 666                                 <b  class="itemname">emptyText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 667
 668
 669                         </div>
 670
 671                         <div class="mdesc">
 672                             <div class="short">The default text to display in an empty field - placeholder.</div>
 673                         </div>
 674
 675                         <div class="mdesc">
 676                             <div class="long">
 677                     The default text to display in an empty field - placeholder... (defaults to null).
 678
 679                 </div>
 680                         </div>
 681
 682
 683
 684                     </td>
 685                     <td class="msource">
 686
 687                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 688
 689                     </td>
 690                 </tr>
 691
 692
 693                 <tr class="config-row expandable config-row-alt1">
 694                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 695                     <td class="sig">
 696
 697                         <a id="Roo.form.Field-cfg-fieldClass" name=".fieldClass"></a>
 698                         <div class="fixedFont">
 699                                 <b  class="itemname">fieldClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 700
 701
 702                         </div>
 703
 704                         <div class="mdesc">
 705                             <div class="short">The default CSS class for the field (defaults to "x-form-field")</div>
 706                         </div>
 707
 708                         <div class="mdesc">
 709                             <div class="long">
 710                     The default CSS class for the field (defaults to "x-form-field")
 711
 712                 </div>
 713                         </div>
 714
 715
 716
 717                     </td>
 718                     <td class="msource">
 719
 720                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 721
 722                     </td>
 723                 </tr>
 724
 725
 726                 <tr class="config-row expandable config-row-alt0">
 727                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 728                     <td class="sig">
 729
 730                         <a id="Roo.form.Field-cfg-fieldLabel" name=".fieldLabel"></a>
 731                         <div class="fixedFont">
 732                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 733
 734
 735                         </div>
 736
 737                         <div class="mdesc">
 738                             <div class="short">Label to use when rendering a form.</div>
 739                         </div>
 740
 741                         <div class="mdesc">
 742                             <div class="long">
 743                     Label to use when rendering a form.
 744
 745                 </div>
 746                         </div>
 747
 748
 749
 750                     </td>
 751                     <td class="msource">
 752
 753                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 754
 755                     </td>
 756                 </tr>
 757
 758
 759                 <tr class="config-row expandable config-row-alt1">
 760                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 761                     <td class="sig">
 762
 763                         <a id="Roo.form.Field-cfg-focusClass" name=".focusClass"></a>
 764                         <div class="fixedFont">
 765                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 766
 767
 768                         </div>
 769
 770                         <div class="mdesc">
 771                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 772                         </div>
 773
 774                         <div class="mdesc">
 775                             <div class="long">
 776                     The CSS class to use when the field receives focus (defaults to "x-form-focus")
 777
 778                 </div>
 779                         </div>
 780
 781
 782
 783                     </td>
 784                     <td class="msource">
 785
 786                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 787
 788                     </td>
 789                 </tr>
 790
 791
 792                 <tr class="config-row expandable config-row-alt0 notInherited">
 793                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 794                     <td class="sig">
 795
 796                         <a id="Roo.form.Select-cfg-forceSelection" name=".forceSelection"></a>
 797                         <div class="fixedFont">
 798                                 <b  class="itemname">forceSelection</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 799
 800
 801                         </div>
 802
 803                         <div class="mdesc">
 804                             <div class="short">True to restrict the selected value to one of the values in the list, false to<br/>allow the user to set arbitrary text into the field (defaults to false)</div>
 805                         </div>
 806
 807                         <div class="mdesc">
 808                             <div class="long">
 809                     True to restrict the selected value to one of the values in the list, false to<br/>allow the user to set arbitrary text into the field (defaults to false)
 810
 811                 </div>
 812                         </div>
 813
 814
 815
 816                     </td>
 817                     <td class="msource">
 818
 819                         Roo.form.Select
 820
 821                     </td>
 822                 </tr>
 823
 824
 825                 <tr class="config-row expandable config-row-alt1 notInherited">
 826                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 827                     <td class="sig">
 828
 829                         <a id="Roo.form.Select-cfg-grow" name=".grow"></a>
 830                         <div class="fixedFont">
 831                                 <b  class="itemname">grow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 832
 833
 834                         </div>
 835
 836                         <div class="mdesc">
 837                             <div class="short"></div>
 838                         </div>
 839
 840                         <div class="mdesc">
 841                             <div class="long">
 842
 843
 844                 </div>
 845                         </div>
 846
 847
 848
 849                     </td>
 850                     <td class="msource">
 851
 852                         Roo.form.Select
 853
 854                     </td>
 855                 </tr>
 856
 857
 858                 <tr class="config-row expandable config-row-alt0 notInherited">
 859                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 860                     <td class="sig">
 861
 862                         <a id="Roo.form.Select-cfg-growMax" name=".growMax"></a>
 863                         <div class="fixedFont">
 864                                 <b  class="itemname">growMax</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 865
 866
 867                         </div>
 868
 869                         <div class="mdesc">
 870                             <div class="short"></div>
 871                         </div>
 872
 873                         <div class="mdesc">
 874                             <div class="long">
 875
 876
 877                 </div>
 878                         </div>
 879
 880
 881
 882                     </td>
 883                     <td class="msource">
 884
 885                         Roo.form.Select
 886
 887                     </td>
 888                 </tr>
 889
 890
 891                 <tr class="config-row expandable config-row-alt1 notInherited">
 892                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 893                     <td class="sig">
 894
 895                         <a id="Roo.form.Select-cfg-growMin" name=".growMin"></a>
 896                         <div class="fixedFont">
 897                                 <b  class="itemname">growMin</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 898
 899
 900                         </div>
 901
 902                         <div class="mdesc">
 903                             <div class="short"></div>
 904                         </div>
 905
 906                         <div class="mdesc">
 907                             <div class="long">
 908
 909
 910                 </div>
 911                         </div>
 912
 913
 914
 915                     </td>
 916                     <td class="msource">
 917
 918                         Roo.form.Select
 919
 920                     </td>
 921                 </tr>
 922
 923
 924                 <tr class="config-row expandable config-row-alt0 notInherited">
 925                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 926                     <td class="sig">
 927
 928                         <a id="Roo.form.Select-cfg-handleHeight" name=".handleHeight"></a>
 929                         <div class="fixedFont">
 930                                 <b  class="itemname">handleHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 931
 932
 933                         </div>
 934
 935                         <div class="mdesc">
 936                             <div class="short">The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)</div>
 937                         </div>
 938
 939                         <div class="mdesc">
 940                             <div class="long">
 941                     The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)
 942
 943                 </div>
 944                         </div>
 945
 946
 947
 948                     </td>
 949                     <td class="msource">
 950
 951                         Roo.form.Select
 952
 953                     </td>
 954                 </tr>
 955
 956
 957                 <tr class="config-row expandable config-row-alt1">
 958                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 959                     <td class="sig">
 960
 961                         <a id="Roo.BoxComponent-cfg-height" name=".height"></a>
 962                         <div class="fixedFont">
 963                                 <b  class="itemname">height</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 964
 965
 966                         </div>
 967
 968                         <div class="mdesc">
 969                             <div class="short">height (optional) size of component</div>
 970                         </div>
 971
 972                         <div class="mdesc">
 973                             <div class="long">
 974                     height (optional) size of component
 975
 976                 </div>
 977                         </div>
 978
 979
 980
 981                     </td>
 982                     <td class="msource">
 983
 984                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
 985
 986                     </td>
 987                 </tr>
 988
 989
 990                 <tr class="config-row expandable config-row-alt0 notInherited">
 991                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 992                     <td class="sig">
 993
 994                         <a id="Roo.form.Select-cfg-hiddenName" name=".hiddenName"></a>
 995                         <div class="fixedFont">
 996                                 <b  class="itemname">hiddenName</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 997
 998
 999                         </div>
1000
1001                         <div class="mdesc">
1002                             <div class="short">If specified, a hidden form field with this name is dynamically generated to store the<br/>field's data value (defaults to the underlying DOM element's name)</div>
1003                         </div>
1004
1005                         <div class="mdesc">
1006                             <div class="long">
1007                     If specified, a hidden form field with this name is dynamically generated to store the<br/>field's data value (defaults to the underlying DOM element's name)
1008
1009                 </div>
1010                         </div>
1011
1012
1013
1014                     </td>
1015                     <td class="msource">
1016
1017                         Roo.form.Select
1018
1019                     </td>
1020                 </tr>
1021
1022
1023                 <tr class="config-row expandable config-row-alt1">
1024                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1025                     <td class="sig">
1026
1027                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
1028                         <div class="fixedFont">
1029                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1030
1031
1032                         </div>
1033
1034                         <div class="mdesc">
1035                             <div class="short">How this component should hidden.</div>
1036                         </div>
1037
1038                         <div class="mdesc">
1039                             <div class="long">
1040                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
1041                     <BR/>Possible Values: display, visibility
1042                 </div>
1043                         </div>
1044
1045
1046
1047                     </td>
1048                     <td class="msource">
1049
1050                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1051
1052                     </td>
1053                 </tr>
1054
1055
1056                 <tr class="config-row expandable config-row-alt0">
1057                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1058                     <td class="sig">
1059
1060                         <a id="Roo.form.TriggerField-cfg-hideTrigger" name=".hideTrigger"></a>
1061                         <div class="fixedFont">
1062                                 <b  class="itemname">hideTrigger</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1063
1064
1065                         </div>
1066
1067                         <div class="mdesc">
1068                             <div class="short">True to hide the trigger element and display only the base text field (defaults to false)</div>
1069                         </div>
1070
1071                         <div class="mdesc">
1072                             <div class="long">
1073                     True to hide the trigger element and display only the base text field (defaults to false)
1074
1075                 </div>
1076                         </div>
1077
1078
1079
1080                     </td>
1081                     <td class="msource">
1082
1083                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
1084
1085                     </td>
1086                 </tr>
1087
1088
1089                 <tr class="config-row expandable config-row-alt1">
1090                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1091                     <td class="sig">
1092
1093                         <a id="Roo.form.Field-cfg-inputType" name=".inputType"></a>
1094                         <div class="fixedFont">
1095                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1096
1097
1098                         </div>
1099
1100                         <div class="mdesc">
1101                             <div class="short">The type attribute for input fields -- e.g.</div>
1102                         </div>
1103
1104                         <div class="mdesc">
1105                             <div class="long">
1106                     The type attribute for input fields -- e.g. radio, text, password (defaults to "text").
1107
1108                 </div>
1109                         </div>
1110
1111
1112
1113                     </td>
1114                     <td class="msource">
1115
1116                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1117
1118                     </td>
1119                 </tr>
1120
1121
1122                 <tr class="config-row expandable config-row-alt0">
1123                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1124                     <td class="sig">
1125
1126                         <a id="Roo.form.Field-cfg-invalidClass" name=".invalidClass"></a>
1127                         <div class="fixedFont">
1128                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1129
1130
1131                         </div>
1132
1133                         <div class="mdesc">
1134                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
1135                         </div>
1136
1137                         <div class="mdesc">
1138                             <div class="long">
1139                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
1140
1141                 </div>
1142                         </div>
1143
1144
1145
1146                     </td>
1147                     <td class="msource">
1148
1149                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1150
1151                     </td>
1152                 </tr>
1153
1154
1155                 <tr class="config-row expandable config-row-alt1">
1156                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1157                     <td class="sig">
1158
1159                         <a id="Roo.form.Field-cfg-invalidText" name=".invalidText"></a>
1160                         <div class="fixedFont">
1161                                 <b  class="itemname">invalidText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1162
1163
1164                         </div>
1165
1166                         <div class="mdesc">
1167                             <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>
1168                         </div>
1169
1170                         <div class="mdesc">
1171                             <div class="long">
1172                     The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid")
1173
1174                 </div>
1175                         </div>
1176
1177
1178
1179                     </td>
1180                     <td class="msource">
1181
1182                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1183
1184                     </td>
1185                 </tr>
1186
1187
1188                 <tr class="config-row expandable config-row-alt0 notInherited">
1189                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1190                     <td class="sig">
1191
1192                         <a id="Roo.form.Select-cfg-lazyRender" name=".lazyRender"></a>
1193                         <div class="fixedFont">
1194                                 <b  class="itemname">lazyRender</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1195
1196
1197                         </div>
1198
1199                         <div class="mdesc">
1200                             <div class="short">True to prevent the ComboBox from rendering until requested (should always be used when<br/>rendering into an Roo.Editor, defaults to false)</div>
1201                         </div>
1202
1203                         <div class="mdesc">
1204                             <div class="long">
1205                     True to prevent the ComboBox from rendering until requested (should always be used when<br/>rendering into an Roo.Editor, defaults to false)
1206
1207                 </div>
1208                         </div>
1209
1210
1211
1212                     </td>
1213                     <td class="msource">
1214
1215                         Roo.form.Select
1216
1217                     </td>
1218                 </tr>
1219
1220
1221                 <tr class="config-row expandable config-row-alt1 notInherited">
1222                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1223                     <td class="sig">
1224
1225                         <a id="Roo.form.Select-cfg-listAlign" name=".listAlign"></a>
1226                         <div class="fixedFont">
1227                                 <b  class="itemname">listAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1228
1229
1230                         </div>
1231
1232                         <div class="mdesc">
1233                             <div class="short">A valid anchor position value.</div>
1234                         </div>
1235
1236                         <div class="mdesc">
1237                             <div class="long">
1238                     A valid anchor position value. See {<b>link</b> Roo.Element<b>alignTo</b>} for details on supported<br/>anchor positions (defaults to 'tl-bl')
1239
1240                 </div>
1241                         </div>
1242
1243
1244
1245                     </td>
1246                     <td class="msource">
1247
1248                         Roo.form.Select
1249
1250                     </td>
1251                 </tr>
1252
1253
1254                 <tr class="config-row expandable config-row-alt0 notInherited">
1255                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1256                     <td class="sig">
1257
1258                         <a id="Roo.form.Select-cfg-listClass" name=".listClass"></a>
1259                         <div class="fixedFont">
1260                                 <b  class="itemname">listClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1261
1262
1263                         </div>
1264
1265                         <div class="mdesc">
1266                             <div class="short">CSS class to apply to the dropdown list element (defaults to '')</div>
1267                         </div>
1268
1269                         <div class="mdesc">
1270                             <div class="long">
1271                     CSS class to apply to the dropdown list element (defaults to '')
1272
1273                 </div>
1274                         </div>
1275
1276
1277
1278                     </td>
1279                     <td class="msource">
1280
1281                         Roo.form.Select
1282
1283                     </td>
1284                 </tr>
1285
1286
1287                 <tr class="config-row expandable config-row-alt1 notInherited">
1288                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1289                     <td class="sig">
1290
1291                         <a id="Roo.form.Select-cfg-listWidth" name=".listWidth"></a>
1292                         <div class="fixedFont">
1293                                 <b  class="itemname">listWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1294
1295
1296                         </div>
1297
1298                         <div class="mdesc">
1299                             <div class="short">The width in pixels of the dropdown list (defaults to the width of the ComboBox field)</div>
1300                         </div>
1301
1302                         <div class="mdesc">
1303                             <div class="long">
1304                     The width in pixels of the dropdown list (defaults to the width of the ComboBox field)
1305
1306                 </div>
1307                         </div>
1308
1309
1310
1311                     </td>
1312                     <td class="msource">
1313
1314                         Roo.form.Select
1315
1316                     </td>
1317                 </tr>
1318
1319
1320                 <tr class="config-row expandable config-row-alt0">
1321                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1322                     <td class="sig">
1323
1324                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
1325                         <div class="fixedFont">
1326                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1327
1328
1329                         </div>
1330
1331                         <div class="mdesc">
1332                             <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>
1333                         </div>
1334
1335                         <div class="mdesc">
1336                             <div class="long">
1337                     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>
1338
1339                 </div>
1340                         </div>
1341
1342
1343
1344                     </td>
1345                     <td class="msource">
1346
1347                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1348
1349                     </td>
1350                 </tr>
1351
1352
1353                 <tr class="config-row expandable config-row-alt1 notInherited">
1354                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1355                     <td class="sig">
1356
1357                         <a id="Roo.form.Select-cfg-loadingText" name=".loadingText"></a>
1358                         <div class="fixedFont">
1359                                 <b  class="itemname">loadingText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1360
1361
1362                         </div>
1363
1364                         <div class="mdesc">
1365                             <div class="short">The text to display in the dropdown list while data is loading.</div>
1366                         </div>
1367
1368                         <div class="mdesc">
1369                             <div class="long">
1370                     The text to display in the dropdown list while data is loading.  Only applies<br/>when mode = 'remote' (defaults to 'Loading...')
1371
1372                 </div>
1373                         </div>
1374
1375
1376
1377                     </td>
1378                     <td class="msource">
1379
1380                         Roo.form.Select
1381
1382                     </td>
1383                 </tr>
1384
1385
1386                 <tr class="config-row expandable config-row-alt0">
1387                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1388                     <td class="sig">
1389
1390                         <a id="Roo.form.TextField-cfg-maskRe" name=".maskRe"></a>
1391                         <div class="fixedFont">
1392                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1393
1394
1395                         </div>
1396
1397                         <div class="mdesc">
1398                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1399                         </div>
1400
1401                         <div class="mdesc">
1402                             <div class="long">
1403                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
1404
1405                 </div>
1406                         </div>
1407
1408
1409
1410                     </td>
1411                     <td class="msource">
1412
1413                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1414
1415                     </td>
1416                 </tr>
1417
1418
1419                 <tr class="config-row expandable config-row-alt1 notInherited">
1420                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1421                     <td class="sig">
1422
1423                         <a id="Roo.form.Select-cfg-maxHeight" name=".maxHeight"></a>
1424                         <div class="fixedFont">
1425                                 <b  class="itemname">maxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1426
1427
1428                         </div>
1429
1430                         <div class="mdesc">
1431                             <div class="short">The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)</div>
1432                         </div>
1433
1434                         <div class="mdesc">
1435                             <div class="long">
1436                     The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)
1437
1438                 </div>
1439                         </div>
1440
1441
1442
1443                     </td>
1444                     <td class="msource">
1445
1446                         Roo.form.Select
1447
1448                     </td>
1449                 </tr>
1450
1451
1452                 <tr class="config-row expandable config-row-alt0">
1453                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1454                     <td class="sig">
1455
1456                         <a id="Roo.form.TextField-cfg-maxLength" name=".maxLength"></a>
1457                         <div class="fixedFont">
1458                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1459
1460
1461                         </div>
1462
1463                         <div class="mdesc">
1464                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1465                         </div>
1466
1467                         <div class="mdesc">
1468                             <div class="long">
1469                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
1470
1471                 </div>
1472                         </div>
1473
1474
1475
1476                     </td>
1477                     <td class="msource">
1478
1479                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1480
1481                     </td>
1482                 </tr>
1483
1484
1485                 <tr class="config-row expandable config-row-alt1">
1486                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1487                     <td class="sig">
1488
1489                         <a id="Roo.form.TextField-cfg-maxLengthText" name=".maxLengthText"></a>
1490                         <div class="fixedFont">
1491                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1492
1493
1494                         </div>
1495
1496                         <div class="mdesc">
1497                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1498                         </div>
1499
1500                         <div class="mdesc">
1501                             <div class="long">
1502                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
1503
1504                 </div>
1505                         </div>
1506
1507
1508
1509                     </td>
1510                     <td class="msource">
1511
1512                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1513
1514                     </td>
1515                 </tr>
1516
1517
1518                 <tr class="config-row expandable config-row-alt0 notInherited">
1519                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1520                     <td class="sig">
1521
1522                         <a id="Roo.form.Select-cfg-minChars" name=".minChars"></a>
1523                         <div class="fixedFont">
1524                                 <b  class="itemname">minChars</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1525
1526
1527                         </div>
1528
1529                         <div class="mdesc">
1530                             <div class="short">The minimum number of characters the user must type before autocomplete and typeahead activate<br/>(defaults to 4, does not apply if editable = false)</div>
1531                         </div>
1532
1533                         <div class="mdesc">
1534                             <div class="long">
1535                     The minimum number of characters the user must type before autocomplete and typeahead activate<br/>(defaults to 4, does not apply if editable = false)
1536
1537                 </div>
1538                         </div>
1539
1540
1541
1542                     </td>
1543                     <td class="msource">
1544
1545                         Roo.form.Select
1546
1547                     </td>
1548                 </tr>
1549
1550
1551                 <tr class="config-row expandable config-row-alt1">
1552                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1553                     <td class="sig">
1554
1555                         <a id="Roo.form.TextField-cfg-minLength" name=".minLength"></a>
1556                         <div class="fixedFont">
1557                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1558
1559
1560                         </div>
1561
1562                         <div class="mdesc">
1563                             <div class="short">Minimum input field length required (defaults to 0)</div>
1564                         </div>
1565
1566                         <div class="mdesc">
1567                             <div class="long">
1568                     Minimum input field length required (defaults to 0)
1569
1570                 </div>
1571                         </div>
1572
1573
1574
1575                     </td>
1576                     <td class="msource">
1577
1578                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1579
1580                     </td>
1581                 </tr>
1582
1583
1584                 <tr class="config-row expandable config-row-alt0">
1585                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1586                     <td class="sig">
1587
1588                         <a id="Roo.form.TextField-cfg-minLengthText" name=".minLengthText"></a>
1589                         <div class="fixedFont">
1590                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1591
1592
1593                         </div>
1594
1595                         <div class="mdesc">
1596                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1597                         </div>
1598
1599                         <div class="mdesc">
1600                             <div class="long">
1601                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
1602
1603                 </div>
1604                         </div>
1605
1606
1607
1608                     </td>
1609                     <td class="msource">
1610
1611                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1612
1613                     </td>
1614                 </tr>
1615
1616
1617                 <tr class="config-row expandable config-row-alt1 notInherited">
1618                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1619                     <td class="sig">
1620
1621                         <a id="Roo.form.Select-cfg-minListWidth" name=".minListWidth"></a>
1622                         <div class="fixedFont">
1623                                 <b  class="itemname">minListWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1624
1625
1626                         </div>
1627
1628                         <div class="mdesc">
1629                             <div class="short">The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if<br/>listWidth has a higher value)</div>
1630                         </div>
1631
1632                         <div class="mdesc">
1633                             <div class="long">
1634                     The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if<br/>listWidth has a higher value)
1635
1636                 </div>
1637                         </div>
1638
1639
1640
1641                     </td>
1642                     <td class="msource">
1643
1644                         Roo.form.Select
1645
1646                     </td>
1647                 </tr>
1648
1649
1650                 <tr class="config-row expandable config-row-alt0 notInherited">
1651                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1652                     <td class="sig">
1653
1654                         <a id="Roo.form.Select-cfg-mode" name=".mode"></a>
1655                         <div class="fixedFont">
1656                                 <b  class="itemname">mode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1657
1658
1659                         </div>
1660
1661                         <div class="mdesc">
1662                             <div class="short">Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)</div>
1663                         </div>
1664
1665                         <div class="mdesc">
1666                             <div class="long">
1667                     Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)
1668
1669                 </div>
1670                         </div>
1671
1672
1673
1674                     </td>
1675                     <td class="msource">
1676
1677                         Roo.form.Select
1678
1679                     </td>
1680                 </tr>
1681
1682
1683                 <tr class="config-row expandable config-row-alt1">
1684                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1685                     <td class="sig">
1686
1687                         <a id="Roo.form.Field-cfg-msgFx" name=".msgFx"></a>
1688                         <div class="fixedFont">
1689                                 <b  class="itemname">msgFx</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1690
1691
1692                         </div>
1693
1694                         <div class="mdesc">
1695                             <div class="short"><b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').</div>
1696                         </div>
1697
1698                         <div class="mdesc">
1699                             <div class="long">
1700                     <b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').
1701
1702                 </div>
1703                         </div>
1704
1705
1706
1707                     </td>
1708                     <td class="msource">
1709
1710                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1711
1712                     </td>
1713                 </tr>
1714
1715
1716                 <tr class="config-row expandable config-row-alt0">
1717                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1718                     <td class="sig">
1719
1720                         <a id="Roo.form.Field-cfg-msgTarget" name=".msgTarget"></a>
1721                         <div class="fixedFont">
1722                                 <b  class="itemname">msgTarget</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1723
1724
1725                         </div>
1726
1727                         <div class="mdesc">
1728                             <div class="short">The location where error text should display.</div>
1729                         </div>
1730
1731                         <div class="mdesc">
1732                             <div class="long">
1733                     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>
1734
1735                 </div>
1736                         </div>
1737
1738
1739
1740                     </td>
1741                     <td class="msource">
1742
1743                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1744
1745                     </td>
1746                 </tr>
1747
1748
1749                 <tr class="config-row expandable config-row-alt1">
1750                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1751                     <td class="sig">
1752
1753                         <a id="Roo.form.Field-cfg-name" name=".name"></a>
1754                         <div class="fixedFont">
1755                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1756
1757
1758                         </div>
1759
1760                         <div class="mdesc">
1761                             <div class="short">The field's HTML name attribute.</div>
1762                         </div>
1763
1764                         <div class="mdesc">
1765                             <div class="long">
1766                     The field's HTML name attribute.
1767
1768                 </div>
1769                         </div>
1770
1771
1772
1773                     </td>
1774                     <td class="msource">
1775
1776                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1777
1778                     </td>
1779                 </tr>
1780
1781
1782                 <tr class="config-row expandable config-row-alt0 notInherited">
1783                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1784                     <td class="sig">
1785
1786                         <a id="Roo.form.Select-cfg-pageSize" name=".pageSize"></a>
1787                         <div class="fixedFont">
1788                                 <b  class="itemname">pageSize</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1789
1790
1791                         </div>
1792
1793                         <div class="mdesc">
1794                             <div class="short">If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the<br/>filter queries will execute with page start and limit parameters.</div>
1795                         </div>
1796
1797                         <div class="mdesc">
1798                             <div class="long">
1799                     If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the<br/>filter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)
1800
1801                 </div>
1802                         </div>
1803
1804
1805
1806                     </td>
1807                     <td class="msource">
1808
1809                         Roo.form.Select
1810
1811                     </td>
1812                 </tr>
1813
1814
1815                 <tr class="config-row expandable config-row-alt1">
1816                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1817                     <td class="sig">
1818
1819                         <a id="Roo.form.Field-cfg-qtip" name=".qtip"></a>
1820                         <div class="fixedFont">
1821                                 <b  class="itemname">qtip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1822
1823
1824                         </div>
1825
1826                         <div class="mdesc">
1827                             <div class="short">Mouse over tip</div>
1828                         </div>
1829
1830                         <div class="mdesc">
1831                             <div class="long">
1832                     Mouse over tip
1833
1834                 </div>
1835                         </div>
1836
1837
1838
1839                     </td>
1840                     <td class="msource">
1841
1842                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1843
1844                     </td>
1845                 </tr>
1846
1847
1848                 <tr class="config-row expandable config-row-alt0 notInherited">
1849                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1850                     <td class="sig">
1851
1852                         <a id="Roo.form.Select-cfg-queryDelay" name=".queryDelay"></a>
1853                         <div class="fixedFont">
1854                                 <b  class="itemname">queryDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1855
1856
1857                         </div>
1858
1859                         <div class="mdesc">
1860                             <div class="short">The length of time in milliseconds to delay between the start of typing and sending the<br/>query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')</div>
1861                         </div>
1862
1863                         <div class="mdesc">
1864                             <div class="long">
1865                     The length of time in milliseconds to delay between the start of typing and sending the<br/>query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')
1866
1867                 </div>
1868                         </div>
1869
1870
1871
1872                     </td>
1873                     <td class="msource">
1874
1875                         Roo.form.Select
1876
1877                     </td>
1878                 </tr>
1879
1880
1881                 <tr class="config-row expandable config-row-alt1 notInherited">
1882                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1883                     <td class="sig">
1884
1885                         <a id="Roo.form.Select-cfg-queryParam" name=".queryParam"></a>
1886                         <div class="fixedFont">
1887                                 <b  class="itemname">queryParam</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1888
1889
1890                         </div>
1891
1892                         <div class="mdesc">
1893                             <div class="short">Name of the query as it will be passed on the querystring (defaults to 'query')</div>
1894                         </div>
1895
1896                         <div class="mdesc">
1897                             <div class="long">
1898                     Name of the query as it will be passed on the querystring (defaults to 'query')
1899
1900                 </div>
1901                         </div>
1902
1903
1904
1905                     </td>
1906                     <td class="msource">
1907
1908                         Roo.form.Select
1909
1910                     </td>
1911                 </tr>
1912
1913
1914                 <tr class="config-row expandable config-row-alt0">
1915                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1916                     <td class="sig">
1917
1918                         <a id="Roo.form.Field-cfg-readOnly" name=".readOnly"></a>
1919                         <div class="fixedFont">
1920                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1921
1922
1923                         </div>
1924
1925                         <div class="mdesc">
1926                             <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>
1927                         </div>
1928
1929                         <div class="mdesc">
1930                             <div class="long">
1931                     True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.
1932
1933                 </div>
1934                         </div>
1935
1936
1937
1938                     </td>
1939                     <td class="msource">
1940
1941                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1942
1943                     </td>
1944                 </tr>
1945
1946
1947                 <tr class="config-row expandable config-row-alt1">
1948                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1949                     <td class="sig">
1950
1951                         <a id="Roo.form.TextField-cfg-regex" name=".regex"></a>
1952                         <div class="fixedFont">
1953                                 <b  class="itemname">regex</b> : RegExp
1954
1955
1956                         </div>
1957
1958                         <div class="mdesc">
1959                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1960                         </div>
1961
1962                         <div class="mdesc">
1963                             <div class="long">
1964                     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>}.
1965
1966                 </div>
1967                         </div>
1968
1969
1970
1971                     </td>
1972                     <td class="msource">
1973
1974                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1975
1976                     </td>
1977                 </tr>
1978
1979
1980                 <tr class="config-row expandable config-row-alt0">
1981                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1982                     <td class="sig">
1983
1984                         <a id="Roo.form.TextField-cfg-regexText" name=".regexText"></a>
1985                         <div class="fixedFont">
1986                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1987
1988
1989                         </div>
1990
1991                         <div class="mdesc">
1992                             <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>
1993                         </div>
1994
1995                         <div class="mdesc">
1996                             <div class="long">
1997                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
1998
1999                 </div>
2000                         </div>
2001
2002
2003
2004                     </td>
2005                     <td class="msource">
2006
2007                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2008
2009                     </td>
2010                 </tr>
2011
2012
2013                 <tr class="config-row expandable config-row-alt1 notInherited">
2014                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2015                     <td class="sig">
2016
2017                         <a id="Roo.form.Select-cfg-resizable" name=".resizable"></a>
2018                         <div class="fixedFont">
2019                                 <b  class="itemname">resizable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2020
2021
2022                         </div>
2023
2024                         <div class="mdesc">
2025                             <div class="short">True to add a resize handle to the bottom of the dropdown list (defaults to false)</div>
2026                         </div>
2027
2028                         <div class="mdesc">
2029                             <div class="long">
2030                     True to add a resize handle to the bottom of the dropdown list (defaults to false)
2031
2032                 </div>
2033                         </div>
2034
2035
2036
2037                     </td>
2038                     <td class="msource">
2039
2040                         Roo.form.Select
2041
2042                     </td>
2043                 </tr>
2044
2045
2046                 <tr class="config-row expandable config-row-alt0 notInherited">
2047                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2048                     <td class="sig">
2049
2050                         <a id="Roo.form.Select-cfg-selectOnFocus" name=".selectOnFocus"></a>
2051                         <div class="fixedFont">
2052                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2053
2054
2055                         </div>
2056
2057                         <div class="mdesc">
2058                             <div class="short">True to select any existing text in the field immediately on focus.</div>
2059                         </div>
2060
2061                         <div class="mdesc">
2062                             <div class="long">
2063                     True to select any existing text in the field immediately on focus.  Only applies<br/>when editable = true (defaults to false)
2064
2065                 </div>
2066                         </div>
2067
2068
2069
2070                     </td>
2071                     <td class="msource">
2072
2073                         Roo.form.Select
2074
2075                     </td>
2076                 </tr>
2077
2078
2079                 <tr class="config-row expandable config-row-alt1 notInherited">
2080                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2081                     <td class="sig">
2082
2083                         <a id="Roo.form.Select-cfg-selectedClass" name=".selectedClass"></a>
2084                         <div class="fixedFont">
2085                                 <b  class="itemname">selectedClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2086
2087
2088                         </div>
2089
2090                         <div class="mdesc">
2091                             <div class="short">CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')</div>
2092                         </div>
2093
2094                         <div class="mdesc">
2095                             <div class="long">
2096                     CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')
2097
2098                 </div>
2099                         </div>
2100
2101
2102
2103                     </td>
2104                     <td class="msource">
2105
2106                         Roo.form.Select
2107
2108                     </td>
2109                 </tr>
2110
2111
2112                 <tr class="config-row expandable config-row-alt0 notInherited">
2113                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2114                     <td class="sig">
2115
2116                         <a id="Roo.form.Select-cfg-shadow" name=".shadow"></a>
2117                         <div class="fixedFont">
2118                                 <b  class="itemname">shadow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String
2119
2120
2121                         </div>
2122
2123                         <div class="mdesc">
2124                             <div class="short">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right</div>
2125                         </div>
2126
2127                         <div class="mdesc">
2128                             <div class="long">
2129                     True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right
2130
2131                 </div>
2132                         </div>
2133
2134
2135
2136                     </td>
2137                     <td class="msource">
2138
2139                         Roo.form.Select
2140
2141                     </td>
2142                 </tr>
2143
2144
2145                 <tr class="config-row expandable config-row-alt1 notInherited">
2146                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2147                     <td class="sig">
2148
2149                         <a id="Roo.form.Select-cfg-store" name=".store"></a>
2150                         <div class="fixedFont">
2151                                 <b  class="itemname">store</b> : <a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a>
2152
2153
2154                         </div>
2155
2156                         <div class="mdesc">
2157                             <div class="short">The data store to which this combo is bound (defaults to undefined)</div>
2158                         </div>
2159
2160                         <div class="mdesc">
2161                             <div class="long">
2162                     The data store to which this combo is bound (defaults to undefined)
2163
2164                 </div>
2165                         </div>
2166
2167
2168
2169                     </td>
2170                     <td class="msource">
2171
2172                         Roo.form.Select
2173
2174                     </td>
2175                 </tr>
2176
2177
2178                 <tr class="config-row expandable config-row-alt0">
2179                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2180                     <td class="sig">
2181
2182                         <a id="Roo.form.Field-cfg-tabIndex" name=".tabIndex"></a>
2183                         <div class="fixedFont">
2184                                 <b  class="itemname">tabIndex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2185
2186
2187                         </div>
2188
2189                         <div class="mdesc">
2190                             <div class="short">The tabIndex for this field.</div>
2191                         </div>
2192
2193                         <div class="mdesc">
2194                             <div class="long">
2195                     The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).
2196
2197                 </div>
2198                         </div>
2199
2200
2201
2202                     </td>
2203                     <td class="msource">
2204
2205                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2206
2207                     </td>
2208                 </tr>
2209
2210
2211                 <tr class="config-row expandable config-row-alt1 notInherited">
2212                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2213                     <td class="sig">
2214
2215                         <a id="Roo.form.Select-cfg-title" name=".title"></a>
2216                         <div class="fixedFont">
2217                                 <b  class="itemname">title</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2218
2219
2220                         </div>
2221
2222                         <div class="mdesc">
2223                             <div class="short">If supplied, a header element is created containing this text and added into the top of<br/>the dropdown list (defaults to undefined, with no header element)</div>
2224                         </div>
2225
2226                         <div class="mdesc">
2227                             <div class="long">
2228                     If supplied, a header element is created containing this text and added into the top of<br/>the dropdown list (defaults to undefined, with no header element)
2229
2230                 </div>
2231                         </div>
2232
2233
2234
2235                     </td>
2236                     <td class="msource">
2237
2238                         Roo.form.Select
2239
2240                     </td>
2241                 </tr>
2242
2243
2244                 <tr class="config-row expandable config-row-alt0 notInherited">
2245                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2246                     <td class="sig">
2247
2248                         <a id="Roo.form.Select-cfg-tpl" name=".tpl"></a>
2249                         <div class="fixedFont">
2250                                 <b  class="itemname">tpl</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Roo.Template
2251
2252
2253                         </div>
2254
2255                         <div class="mdesc">
2256                             <div class="short">The template to use to render the output</div>
2257                         </div>
2258
2259                         <div class="mdesc">
2260                             <div class="long">
2261                     The template to use to render the output
2262
2263                 </div>
2264                         </div>
2265
2266
2267
2268                     </td>
2269                     <td class="msource">
2270
2271                         Roo.form.Select
2272
2273                     </td>
2274                 </tr>
2275
2276
2277                 <tr class="config-row expandable config-row-alt1 notInherited">
2278                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2279                     <td class="sig">
2280
2281                         <a id="Roo.form.Select-cfg-transform" name=".transform"></a>
2282                         <div class="fixedFont">
2283                                 <b  class="itemname">transform</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element
2284
2285
2286                         </div>
2287
2288                         <div class="mdesc">
2289                             <div class="short">The id, DOM node or element of an existing select to convert to a ComboBox</div>
2290                         </div>
2291
2292                         <div class="mdesc">
2293                             <div class="long">
2294                     The id, DOM node or element of an existing select to convert to a ComboBox
2295
2296                 </div>
2297                         </div>
2298
2299
2300
2301                     </td>
2302                     <td class="msource">
2303
2304                         Roo.form.Select
2305
2306                     </td>
2307                 </tr>
2308
2309
2310                 <tr class="config-row expandable config-row-alt0 notInherited">
2311                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2312                     <td class="sig">
2313
2314                         <a id="Roo.form.Select-cfg-triggerAction" name=".triggerAction"></a>
2315                         <div class="fixedFont">
2316                                 <b  class="itemname">triggerAction</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2317
2318
2319                         </div>
2320
2321                         <div class="mdesc">
2322                             <div class="short">The action to execute when the trigger field is activated.</div>
2323                         </div>
2324
2325                         <div class="mdesc">
2326                             <div class="long">
2327                     The action to execute when the trigger field is activated.  Use 'all' to run the<br/>query specified by the allQuery config option (defaults to 'query')
2328
2329                 </div>
2330                         </div>
2331
2332
2333
2334                     </td>
2335                     <td class="msource">
2336
2337                         Roo.form.Select
2338
2339                     </td>
2340                 </tr>
2341
2342
2343                 <tr class="config-row expandable config-row-alt1 notInherited">
2344                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2345                     <td class="sig">
2346
2347                         <a id="Roo.form.Select-cfg-triggerClass" name=".triggerClass"></a>
2348                         <div class="fixedFont">
2349                                 <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2350
2351
2352                         </div>
2353
2354                         <div class="mdesc">
2355                             <div class="short">An additional CSS class used to style the trigger button.</div>
2356                         </div>
2357
2358                         <div class="mdesc">
2359                             <div class="long">
2360                     An additional CSS class used to style the trigger button.  The trigger will always get the<br/>class 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'<br/>which displays a downward arrow icon).
2361
2362                 </div>
2363                         </div>
2364
2365
2366
2367                     </td>
2368                     <td class="msource">
2369
2370                         Roo.form.Select
2371
2372                     </td>
2373                 </tr>
2374
2375
2376                 <tr class="config-row expandable config-row-alt0 notInherited">
2377                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2378                     <td class="sig">
2379
2380                         <a id="Roo.form.Select-cfg-typeAhead" name=".typeAhead"></a>
2381                         <div class="fixedFont">
2382                                 <b  class="itemname">typeAhead</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2383
2384
2385                         </div>
2386
2387                         <div class="mdesc">
2388                             <div class="short">True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)</div>
2389                         </div>
2390
2391                         <div class="mdesc">
2392                             <div class="long">
2393                     True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)
2394
2395                 </div>
2396                         </div>
2397
2398
2399
2400                     </td>
2401                     <td class="msource">
2402
2403                         Roo.form.Select
2404
2405                     </td>
2406                 </tr>
2407
2408
2409                 <tr class="config-row expandable config-row-alt1 notInherited">
2410                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2411                     <td class="sig">
2412
2413                         <a id="Roo.form.Select-cfg-typeAheadDelay" name=".typeAheadDelay"></a>
2414                         <div class="fixedFont">
2415                                 <b  class="itemname">typeAheadDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2416
2417
2418                         </div>
2419
2420                         <div class="mdesc">
2421                             <div class="short">The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)</div>
2422                         </div>
2423
2424                         <div class="mdesc">
2425                             <div class="long">
2426                     The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)
2427
2428                 </div>
2429                         </div>
2430
2431
2432
2433                     </td>
2434                     <td class="msource">
2435
2436                         Roo.form.Select
2437
2438                     </td>
2439                 </tr>
2440
2441
2442                 <tr class="config-row expandable config-row-alt0">
2443                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2444                     <td class="sig">
2445
2446                         <a id="Roo.form.Field-cfg-validateOnBlur" name=".validateOnBlur"></a>
2447                         <div class="fixedFont">
2448                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2449
2450
2451                         </div>
2452
2453                         <div class="mdesc">
2454                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
2455                         </div>
2456
2457                         <div class="mdesc">
2458                             <div class="long">
2459                     Whether the field should validate when it loses focus (defaults to true).
2460
2461                 </div>
2462                         </div>
2463
2464
2465
2466                     </td>
2467                     <td class="msource">
2468
2469                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2470
2471                     </td>
2472                 </tr>
2473
2474
2475                 <tr class="config-row expandable config-row-alt1">
2476                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2477                     <td class="sig">
2478
2479                         <a id="Roo.form.Field-cfg-validationDelay" name=".validationDelay"></a>
2480                         <div class="fixedFont">
2481                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2482
2483
2484                         </div>
2485
2486                         <div class="mdesc">
2487                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
2488                         </div>
2489
2490                         <div class="mdesc">
2491                             <div class="long">
2492                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
2493
2494                 </div>
2495                         </div>
2496
2497
2498
2499                     </td>
2500                     <td class="msource">
2501
2502                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2503
2504                     </td>
2505                 </tr>
2506
2507
2508                 <tr class="config-row expandable config-row-alt0">
2509                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2510                     <td class="sig">
2511
2512                         <a id="Roo.form.Field-cfg-validationEvent" name=".validationEvent"></a>
2513                         <div class="fixedFont">
2514                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
2515
2516
2517                         </div>
2518
2519                         <div class="mdesc">
2520                             <div class="short">The event that should initiate field validation.</div>
2521                         </div>
2522
2523                         <div class="mdesc">
2524                             <div class="long">
2525                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
2526
2527                 </div>
2528                         </div>
2529
2530
2531
2532                     </td>
2533                     <td class="msource">
2534
2535                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2536
2537                     </td>
2538                 </tr>
2539
2540
2541                 <tr class="config-row expandable config-row-alt1">
2542                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2543                     <td class="sig">
2544
2545                         <a id="Roo.form.TextField-cfg-validator" name=".validator"></a>
2546                         <div class="fixedFont">
2547                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
2548
2549
2550                         </div>
2551
2552                         <div class="mdesc">
2553                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
2554                         </div>
2555
2556                         <div class="mdesc">
2557                             <div class="long">
2558                     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.
2559
2560                 </div>
2561                         </div>
2562
2563
2564
2565                     </td>
2566                     <td class="msource">
2567
2568                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2569
2570                     </td>
2571                 </tr>
2572
2573
2574                 <tr class="config-row expandable config-row-alt0">
2575                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2576                     <td class="sig">
2577
2578                         <a id="Roo.form.Field-cfg-value" name=".value"></a>
2579                         <div class="fixedFont">
2580                                 <b  class="itemname">value</b> : Mixed
2581
2582
2583                         </div>
2584
2585                         <div class="mdesc">
2586                             <div class="short">A value to initialize this field with.</div>
2587                         </div>
2588
2589                         <div class="mdesc">
2590                             <div class="long">
2591                     A value to initialize this field with.
2592
2593                 </div>
2594                         </div>
2595
2596
2597
2598                     </td>
2599                     <td class="msource">
2600
2601                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2602
2603                     </td>
2604                 </tr>
2605
2606
2607                 <tr class="config-row expandable config-row-alt1 notInherited">
2608                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2609                     <td class="sig">
2610
2611                         <a id="Roo.form.Select-cfg-valueField" name=".valueField"></a>
2612                         <div class="fixedFont">
2613                                 <b  class="itemname">valueField</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2614
2615
2616                         </div>
2617
2618                         <div class="mdesc">
2619                             <div class="short">The underlying data value name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'value' if mode = 'local').</div>
2620                         </div>
2621
2622                         <div class="mdesc">
2623                             <div class="long">
2624                     The underlying data value name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'value' if mode = 'local'). <br/>Note: use of a valueField requires the user make a selection<br/>in order for a value to be mapped.
2625
2626                 </div>
2627                         </div>
2628
2629
2630
2631                     </td>
2632                     <td class="msource">
2633
2634                         Roo.form.Select
2635
2636                     </td>
2637                 </tr>
2638
2639
2640                 <tr class="config-row expandable config-row-alt0 notInherited">
2641                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2642                     <td class="sig">
2643
2644                         <a id="Roo.form.Select-cfg-valueNotFoundText" name=".valueNotFoundText"></a>
2645                         <div class="fixedFont">
2646                                 <b  class="itemname">valueNotFoundText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2647
2648
2649                         </div>
2650
2651                         <div class="mdesc">
2652                             <div class="short">When using a name/value combo, if the value passed to setValue is not found in<br/>the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)</div>
2653                         </div>
2654
2655                         <div class="mdesc">
2656                             <div class="long">
2657                     When using a name/value combo, if the value passed to setValue is not found in<br/>the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)
2658
2659                 </div>
2660                         </div>
2661
2662
2663
2664                     </td>
2665                     <td class="msource">
2666
2667                         Roo.form.Select
2668
2669                     </td>
2670                 </tr>
2671
2672
2673                 <tr class="config-row expandable config-row-alt1">
2674                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2675                     <td class="sig">
2676
2677                         <a id="Roo.form.TextField-cfg-vtype" name=".vtype"></a>
2678                         <div class="fixedFont">
2679                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2680
2681
2682                         </div>
2683
2684                         <div class="mdesc">
2685                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
2686                         </div>
2687
2688                         <div class="mdesc">
2689                             <div class="long">
2690                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
2691
2692                 </div>
2693                         </div>
2694
2695
2696
2697                     </td>
2698                     <td class="msource">
2699
2700                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2701
2702                     </td>
2703                 </tr>
2704
2705
2706                 <tr class="config-row expandable config-row-alt0">
2707                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2708                     <td class="sig">
2709
2710                         <a id="Roo.BoxComponent-cfg-width" name=".width"></a>
2711                         <div class="fixedFont">
2712                                 <b  class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2713
2714
2715                         </div>
2716
2717                         <div class="mdesc">
2718                             <div class="short">width (optional) size of component</div>
2719                         </div>
2720
2721                         <div class="mdesc">
2722                             <div class="long">
2723                     width (optional) size of component
2724
2725                 </div>
2726                         </div>
2727
2728
2729
2730                     </td>
2731                     <td class="msource">
2732
2733                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2734
2735                     </td>
2736                 </tr>
2737
2738
2739     </table>
2740
2741
2742
2743
2744
2745
2746
2747
2748
2749   <!-- ============================== public properties ==================== -->
2750
2751
2752
2753     <a id="Roo.form.Select-props"></a>
2754
2755
2756
2757
2758
2759      <table cellspacing="0" class="member-table">
2760       <caption class="Empty">Public Properties - Has None</caption>
2761      </table>
2762
2763
2764
2765
2766   <!-- ============================== methods summary / details ======================== -->
2767
2768
2769   <a id="Roo.form.Select-methods"></a>
2770         <!-- constructor?? -->
2771
2772         <!-- static's first
2773
2774
2775         -->
2776
2777         <!-- then dynamics first -->
2778
2779
2780
2781
2782
2783
2784       <table cellspacing="0" class="member-table">
2785       <caption>Public Methods</caption>
2786         <tr>
2787             <th class="sig-header" colspan="2">Method</th>
2788             <th class="msource-header">Defined By</th>
2789
2790         </tr>
2791
2792
2793
2794
2795
2796
2797
2798           <tr class="method-row config-row-alt0 expandable notInherited">
2799             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2800
2801
2802             <td class="sig">
2803                 <a id="Roo.form-method-Select"   name=".Select"></a>
2804                 <div class="fixedFont">
2805                         <span class="attributes">new <B>Roo.form.</B></span><b class="itemname">Select</b>
2806
2807                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2808
2809
2810
2811                 </div>
2812                 <div class="mdesc">
2813
2814
2815                         <div class="short">Create a new Roo.form.Select</div>
2816
2817
2818                     <div class="long">
2819
2820
2821
2822                                 Create a new Roo.form.Select
2823
2824
2825                                 <dl class="detailList">
2826                                 <dt class="heading">Parameters:</dt>
2827
2828                                         <dt>
2829                                                 <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>
2830
2831                                         </dt>
2832                                         <dd>Configuration options</dd>
2833
2834                                 </dl>
2835
2836
2837
2838
2839
2840
2841
2842
2843
2844
2845
2846                     </div>
2847                 </div>
2848
2849             </td>
2850             <td class="msource">
2851                 &nbsp;
2852             </td>
2853         </tr>
2854
2855
2856           <tr class="method-row config-row-alt1 expandable">
2857             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2858
2859
2860             <td class="sig">
2861                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2862                 <div class="fixedFont">
2863                         <span class="attributes"></span><b class="itemname">addEvents</b>
2864
2865                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2866
2867
2868
2869                 </div>
2870                 <div class="mdesc">
2871
2872                    <div class="short">Used to define events on this Observable</div>
2873
2874
2875
2876                     <div class="long">
2877
2878                                 Used to define events on this Observable
2879
2880
2881
2882
2883
2884
2885                                 <dl class="detailList">
2886                                 <dt class="heading">Parameters:</dt>
2887
2888                                         <dt>
2889                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>object</b>
2890
2891                                         </dt>
2892                                         <dd>The object with the events defined</dd>
2893
2894                                 </dl>
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905
2906                     </div>
2907                 </div>
2908
2909             </td>
2910             <td class="msource">
2911
2912                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2913                 &nbsp;
2914             </td>
2915         </tr>
2916
2917
2918           <tr class="method-row config-row-alt0 expandable">
2919             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2920
2921
2922             <td class="sig">
2923                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2924                 <div class="fixedFont">
2925                         <span class="attributes"></span><b class="itemname">addListener</b>
2926
2927                                  (<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>)
2928
2929
2930
2931                 </div>
2932                 <div class="mdesc">
2933
2934                    <div class="short">Appends an event handler to this component</div>
2935
2936
2937
2938                     <div class="long">
2939
2940                                 Appends an event handler to this component
2941
2942
2943
2944
2945
2946
2947                                 <dl class="detailList">
2948                                 <dt class="heading">Parameters:</dt>
2949
2950                                         <dt>
2951                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2952
2953                                         </dt>
2954                                         <dd>The type of event to listen for</dd>
2955
2956                                         <dt>
2957                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2958
2959                                         </dt>
2960                                         <dd>The method the event invokes</dd>
2961
2962                                         <dt>
2963                                                 <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>
2964
2965                                         </dt>
2966                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2967
2968                                         <dt>
2969                                                 <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>
2970
2971                                         </dt>
2972                                         <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>
2973
2974                                 </dl>
2975
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986                     </div>
2987                 </div>
2988
2989             </td>
2990             <td class="msource">
2991
2992                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2993                 &nbsp;
2994             </td>
2995         </tr>
2996
2997
2998           <tr class="method-row config-row-alt1 expandable">
2999             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3000
3001
3002             <td class="sig">
3003                 <a id="Roo.form.Field-method-applyTo"   name=".applyTo"></a>
3004                 <div class="fixedFont">
3005                         <span class="attributes"></span><b class="itemname">applyTo</b>
3006
3007                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
3008
3009
3010                                          :
3011
3012
3013                                                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3014
3015
3016
3017
3018
3019                 </div>
3020                 <div class="mdesc">
3021
3022                    <div class="short">Apply the behaviors of this component to an existing element.</div>
3023
3024
3025
3026                     <div class="long">
3027
3028                                 Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>
3029
3030
3031
3032
3033
3034
3035                                 <dl class="detailList">
3036                                 <dt class="heading">Parameters:</dt>
3037
3038                                         <dt>
3039                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
3040
3041                                         </dt>
3042                                         <dd>The id of the node, a DOM node or an existing Element</dd>
3043
3044                                 </dl>
3045
3046
3047
3048
3049
3050                                 <dl class="detailList">
3051                                 <dt class="heading">Returns:</dt>
3052
3053                                         <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>
3054
3055                                 </dl>
3056
3057
3058
3059
3060
3061
3062
3063                     </div>
3064                 </div>
3065
3066             </td>
3067             <td class="msource">
3068
3069                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3070                 &nbsp;
3071             </td>
3072         </tr>
3073
3074
3075           <tr class="method-row config-row-alt0 expandable">
3076             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3077
3078
3079             <td class="sig">
3080                 <a id="Roo.form.TriggerField-method-autoSize"   name=".autoSize"></a>
3081                 <div class="fixedFont">
3082                         <span class="attributes"></span><b class="itemname">autoSize</b>
3083
3084                                  ()
3085
3086
3087
3088                 </div>
3089                 <div class="mdesc">
3090
3091                    <div class="short"></div>
3092
3093
3094
3095                     <div class="long">
3096
3097
3098
3099
3100
3101
3102
3103
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114                     </div>
3115                 </div>
3116
3117             </td>
3118             <td class="msource">
3119
3120                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
3121                 &nbsp;
3122             </td>
3123         </tr>
3124
3125
3126           <tr class="method-row config-row-alt1 expandable">
3127             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3128
3129
3130             <td class="sig">
3131                 <a id="Roo.form.Field-method-clearInvalid"   name=".clearInvalid"></a>
3132                 <div class="fixedFont">
3133                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
3134
3135                                  ()
3136
3137
3138
3139                 </div>
3140                 <div class="mdesc">
3141
3142                    <div class="short">Clear any invalid styles/messages for this field</div>
3143
3144
3145
3146                     <div class="long">
3147
3148                                 Clear any invalid styles/messages for this field
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165                     </div>
3166                 </div>
3167
3168             </td>
3169             <td class="msource">
3170
3171                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3172                 &nbsp;
3173             </td>
3174         </tr>
3175
3176
3177           <tr class="method-row config-row-alt0 expandable notInherited">
3178             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3179
3180
3181             <td class="sig">
3182                 <a id="Roo.form.Select-method-clearValue"   name=".clearValue"></a>
3183                 <div class="fixedFont">
3184                         <span class="attributes"></span><b class="itemname">clearValue</b>
3185
3186                                  ()
3187
3188
3189
3190                 </div>
3191                 <div class="mdesc">
3192
3193                    <div class="short">Clears any text/value currently set in the field</div>
3194
3195
3196
3197                     <div class="long">
3198
3199                                 Clears any text/value currently set in the field
3200
3201
3202
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216                     </div>
3217                 </div>
3218
3219             </td>
3220             <td class="msource">
3221
3222                         Roo.form.Select
3223                 &nbsp;
3224             </td>
3225         </tr>
3226
3227
3228           <tr class="method-row config-row-alt1 expandable notInherited">
3229             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3230
3231
3232             <td class="sig">
3233                 <a id="Roo.form.Select-method-collapse"   name=".collapse"></a>
3234                 <div class="fixedFont">
3235                         <span class="attributes"></span><b class="itemname">collapse</b>
3236
3237                                  ()
3238
3239
3240
3241                 </div>
3242                 <div class="mdesc">
3243
3244                    <div class="short">Hides the dropdown list if it is currently expanded.</div>
3245
3246
3247
3248                     <div class="long">
3249
3250                                 Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267                     </div>
3268                 </div>
3269
3270             </td>
3271             <td class="msource">
3272
3273                         Roo.form.Select
3274                 &nbsp;
3275             </td>
3276         </tr>
3277
3278
3279           <tr class="method-row config-row-alt0 expandable">
3280             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3281
3282
3283             <td class="sig">
3284                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
3285                 <div class="fixedFont">
3286                         <span class="attributes"></span><b class="itemname">destroy</b>
3287
3288                                  ()
3289
3290
3291
3292                 </div>
3293                 <div class="mdesc">
3294
3295                    <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>
3296
3297
3298
3299                     <div class="long">
3300
3301                                 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}.
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318                     </div>
3319                 </div>
3320
3321             </td>
3322             <td class="msource">
3323
3324                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3325                 &nbsp;
3326             </td>
3327         </tr>
3328
3329
3330           <tr class="method-row config-row-alt1 expandable">
3331             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3332
3333
3334             <td class="sig">
3335                 <a id="Roo.Component-method-disable"   name=".disable"></a>
3336                 <div class="fixedFont">
3337                         <span class="attributes"></span><b class="itemname">disable</b>
3338
3339                                  ()
3340
3341
3342                                          :
3343
3344
3345                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3346
3347
3348
3349
3350
3351                 </div>
3352                 <div class="mdesc">
3353
3354                    <div class="short">Disable this component.</div>
3355
3356
3357
3358                     <div class="long">
3359
3360                                 Disable this component.
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370
3371                                 <dl class="detailList">
3372                                 <dt class="heading">Returns:</dt>
3373
3374                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3375
3376                                 </dl>
3377
3378
3379
3380
3381
3382
3383
3384                     </div>
3385                 </div>
3386
3387             </td>
3388             <td class="msource">
3389
3390                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3391                 &nbsp;
3392             </td>
3393         </tr>
3394
3395
3396           <tr class="method-row config-row-alt0 expandable notInherited">
3397             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3398
3399
3400             <td class="sig">
3401                 <a id="Roo.form.Select-method-doQuery"   name=".doQuery"></a>
3402                 <div class="fixedFont">
3403                         <span class="attributes"></span><b class="itemname">doQuery</b>
3404
3405                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>query</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceAll</i></B>)
3406
3407
3408
3409                 </div>
3410                 <div class="mdesc">
3411
3412                    <div class="short">Execute a query to filter the dropdown list.</div>
3413
3414
3415
3416                     <div class="long">
3417
3418                                 Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the<br/>query allowing the query action to be canceled if needed.
3419
3420
3421
3422
3423
3424
3425                                 <dl class="detailList">
3426                                 <dt class="heading">Parameters:</dt>
3427
3428                                         <dt>
3429                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>query</b>
3430
3431                                         </dt>
3432                                         <dd>The SQL query to execute</dd>
3433
3434                                         <dt>
3435                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>forceAll</b>
3436
3437                                         </dt>
3438                                         <dd>True to force the query to execute even if there are currently fewer characters<br/>in the field than the minimum specified by the minChars config option.  It also clears any filter previously<br/>saved in the current store (defaults to false)</dd>
3439
3440                                 </dl>
3441
3442
3443
3444
3445
3446
3447
3448
3449
3450
3451
3452                     </div>
3453                 </div>
3454
3455             </td>
3456             <td class="msource">
3457
3458                         Roo.form.Select
3459                 &nbsp;
3460             </td>
3461         </tr>
3462
3463
3464           <tr class="method-row config-row-alt1 expandable">
3465             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3466
3467
3468             <td class="sig">
3469                 <a id="Roo.Component-method-enable"   name=".enable"></a>
3470                 <div class="fixedFont">
3471                         <span class="attributes"></span><b class="itemname">enable</b>
3472
3473                                  ()
3474
3475
3476                                          :
3477
3478
3479                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3480
3481
3482
3483
3484
3485                 </div>
3486                 <div class="mdesc">
3487
3488                    <div class="short">Enable this component.</div>
3489
3490
3491
3492                     <div class="long">
3493
3494                                 Enable this component.
3495
3496
3497
3498
3499
3500
3501
3502
3503
3504
3505                                 <dl class="detailList">
3506                                 <dt class="heading">Returns:</dt>
3507
3508                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3509
3510                                 </dl>
3511
3512
3513
3514
3515
3516
3517
3518                     </div>
3519                 </div>
3520
3521             </td>
3522             <td class="msource">
3523
3524                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3525                 &nbsp;
3526             </td>
3527         </tr>
3528
3529
3530           <tr class="method-row config-row-alt0 expandable notInherited">
3531             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3532
3533
3534             <td class="sig">
3535                 <a id="Roo.form.Select-method-expand"   name=".expand"></a>
3536                 <div class="fixedFont">
3537                         <span class="attributes"></span><b class="itemname">expand</b>
3538
3539                                  ()
3540
3541
3542
3543                 </div>
3544                 <div class="mdesc">
3545
3546                    <div class="short">Expands the dropdown list if it is currently hidden.</div>
3547
3548
3549
3550                     <div class="long">
3551
3552                                 Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.
3553
3554
3555
3556
3557
3558
3559
3560
3561
3562
3563
3564
3565
3566
3567
3568
3569                     </div>
3570                 </div>
3571
3572             </td>
3573             <td class="msource">
3574
3575                         Roo.form.Select
3576                 &nbsp;
3577             </td>
3578         </tr>
3579
3580
3581           <tr class="method-row config-row-alt1 expandable">
3582             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3583
3584
3585             <td class="sig">
3586                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
3587                 <div class="fixedFont">
3588                         <span class="attributes"></span><b class="itemname">fireEvent</b>
3589
3590                                  (<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>)
3591
3592
3593                                          :
3594
3595
3596                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3597
3598
3599
3600
3601
3602                 </div>
3603                 <div class="mdesc">
3604
3605                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
3606
3607
3608
3609                     <div class="long">
3610
3611                                 Fires the specified event with the passed parameters (minus the event name).
3612
3613
3614
3615
3616
3617
3618                                 <dl class="detailList">
3619                                 <dt class="heading">Parameters:</dt>
3620
3621                                         <dt>
3622                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3623
3624                                         </dt>
3625                                         <dd></dd>
3626
3627                                         <dt>
3628                                                 <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>
3629
3630                                         </dt>
3631                                         <dd>Variable number of parameters are passed to handlers</dd>
3632
3633                                 </dl>
3634
3635
3636
3637
3638
3639                                 <dl class="detailList">
3640                                 <dt class="heading">Returns:</dt>
3641
3642                                         <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>
3643
3644                                 </dl>
3645
3646
3647
3648
3649
3650
3651
3652                     </div>
3653                 </div>
3654
3655             </td>
3656             <td class="msource">
3657
3658                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3659                 &nbsp;
3660             </td>
3661         </tr>
3662
3663
3664           <tr class="method-row config-row-alt0 expandable">
3665             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3666
3667
3668             <td class="sig">
3669                 <a id="Roo.Component-method-focus"   name=".focus"></a>
3670                 <div class="fixedFont">
3671                         <span class="attributes"></span><b class="itemname">focus</b>
3672
3673                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
3674
3675
3676                                          :
3677
3678
3679                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3680
3681
3682
3683
3684
3685                 </div>
3686                 <div class="mdesc">
3687
3688                    <div class="short">Try to focus this component.</div>
3689
3690
3691
3692                     <div class="long">
3693
3694                                 Try to focus this component.
3695
3696
3697
3698
3699
3700
3701                                 <dl class="detailList">
3702                                 <dt class="heading">Parameters:</dt>
3703
3704                                         <dt>
3705                                                 <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>
3706
3707                                         </dt>
3708                                         <dd>True to also select the text in this component (if applicable)</dd>
3709
3710                                 </dl>
3711
3712
3713
3714
3715
3716                                 <dl class="detailList">
3717                                 <dt class="heading">Returns:</dt>
3718
3719                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3720
3721                                 </dl>
3722
3723
3724
3725
3726
3727
3728
3729                     </div>
3730                 </div>
3731
3732             </td>
3733             <td class="msource">
3734
3735                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3736                 &nbsp;
3737             </td>
3738         </tr>
3739
3740
3741           <tr class="method-row config-row-alt1 expandable">
3742             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3743
3744
3745             <td class="sig">
3746                 <a id="Roo.BoxComponent-method-getBox"   name=".getBox"></a>
3747                 <div class="fixedFont">
3748                         <span class="attributes"></span><b class="itemname">getBox</b>
3749
3750                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3751
3752
3753
3754                 </div>
3755                 <div class="mdesc">
3756
3757                    <div class="short">Gets the current box measurements of the component's underlying element.</div>
3758
3759
3760
3761                     <div class="long">
3762
3763                                 Gets the current box measurements of the component's underlying element.
3764
3765
3766
3767
3768
3769
3770                                 <dl class="detailList">
3771                                 <dt class="heading">Parameters:</dt>
3772
3773                                         <dt>
3774                                                 <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>
3775
3776                                         </dt>
3777                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
3778
3779                                 </dl>
3780
3781
3782
3783
3784
3785
3786
3787
3788
3789
3790
3791                     </div>
3792                 </div>
3793
3794             </td>
3795             <td class="msource">
3796
3797                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3798                 &nbsp;
3799             </td>
3800         </tr>
3801
3802
3803           <tr class="method-row config-row-alt0 expandable">
3804             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3805
3806
3807             <td class="sig">
3808                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
3809                 <div class="fixedFont">
3810                         <span class="attributes"></span><b class="itemname">getEl</b>
3811
3812                                  ()
3813
3814
3815                                          :
3816
3817
3818                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3819
3820
3821
3822
3823
3824                 </div>
3825                 <div class="mdesc">
3826
3827                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
3828
3829
3830
3831                     <div class="long">
3832
3833                                 Returns the underlying {<b>link</b> Roo.Element}.
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844                                 <dl class="detailList">
3845                                 <dt class="heading">Returns:</dt>
3846
3847                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
3848
3849                                 </dl>
3850
3851
3852
3853
3854
3855
3856
3857                     </div>
3858                 </div>
3859
3860             </td>
3861             <td class="msource">
3862
3863                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3864                 &nbsp;
3865             </td>
3866         </tr>
3867
3868
3869           <tr class="method-row config-row-alt1 expandable">
3870             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3871
3872
3873             <td class="sig">
3874                 <a id="Roo.Component-method-getId"   name=".getId"></a>
3875                 <div class="fixedFont">
3876                         <span class="attributes"></span><b class="itemname">getId</b>
3877
3878                                  ()
3879
3880
3881                                          :
3882
3883
3884                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3885
3886
3887
3888
3889
3890                 </div>
3891                 <div class="mdesc">
3892
3893                    <div class="short">Returns the id of this component.</div>
3894
3895
3896
3897                     <div class="long">
3898
3899                                 Returns the id of this component.
3900
3901
3902
3903
3904
3905
3906
3907
3908
3909
3910                                 <dl class="detailList">
3911                                 <dt class="heading">Returns:</dt>
3912
3913                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
3914
3915                                 </dl>
3916
3917
3918
3919
3920
3921
3922
3923                     </div>
3924                 </div>
3925
3926             </td>
3927             <td class="msource">
3928
3929                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3930                 &nbsp;
3931             </td>
3932         </tr>
3933
3934
3935           <tr class="method-row config-row-alt0 expandable">
3936             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3937
3938
3939             <td class="sig">
3940                 <a id="Roo.form.Field-method-getName"   name=".getName"></a>
3941                 <div class="fixedFont">
3942                         <span class="attributes"></span><b class="itemname">getName</b>
3943
3944                                  ()
3945
3946
3947                                          :
3948
3949
3950                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3951
3952
3953
3954
3955
3956                 </div>
3957                 <div class="mdesc">
3958
3959                    <div class="short">Returns the name attribute of the field if available</div>
3960
3961
3962
3963                     <div class="long">
3964
3965                                 Returns the name attribute of the field if available
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975
3976                                 <dl class="detailList">
3977                                 <dt class="heading">Returns:</dt>
3978
3979                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  name The field name</dd>
3980
3981                                 </dl>
3982
3983
3984
3985
3986
3987
3988
3989                     </div>
3990                 </div>
3991
3992             </td>
3993             <td class="msource">
3994
3995                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3996                 &nbsp;
3997             </td>
3998         </tr>
3999
4000
4001           <tr class="method-row config-row-alt1 expandable">
4002             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4003
4004
4005             <td class="sig">
4006                 <a id="Roo.BoxComponent-method-getPosition"   name=".getPosition"></a>
4007                 <div class="fixedFont">
4008                         <span class="attributes"></span><b class="itemname">getPosition</b>
4009
4010                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4011
4012
4013                                          :
4014
4015
4016                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
4017
4018
4019
4020
4021
4022                 </div>
4023                 <div class="mdesc">
4024
4025                    <div class="short">Gets the current XY position of the component's underlying element.</div>
4026
4027
4028
4029                     <div class="long">
4030
4031                                 Gets the current XY position of the component's underlying element.
4032
4033
4034
4035
4036
4037
4038                                 <dl class="detailList">
4039                                 <dt class="heading">Parameters:</dt>
4040
4041                                         <dt>
4042                                                 <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>
4043
4044                                         </dt>
4045                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
4046
4047                                 </dl>
4048
4049
4050
4051
4052
4053                                 <dl class="detailList">
4054                                 <dt class="heading">Returns:</dt>
4055
4056                                         <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>
4057
4058                                 </dl>
4059
4060
4061
4062
4063
4064
4065
4066                     </div>
4067                 </div>
4068
4069             </td>
4070             <td class="msource">
4071
4072                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4073                 &nbsp;
4074             </td>
4075         </tr>
4076
4077
4078           <tr class="method-row config-row-alt0 expandable">
4079             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4080
4081
4082             <td class="sig">
4083                 <a id="Roo.form.Field-method-getRawValue"   name=".getRawValue"></a>
4084                 <div class="fixedFont">
4085                         <span class="attributes"></span><b class="itemname">getRawValue</b>
4086
4087                                  ()
4088
4089
4090                                          :
4091
4092
4093                                                 Mixed
4094
4095
4096
4097
4098
4099                 </div>
4100                 <div class="mdesc">
4101
4102                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
4103
4104
4105
4106                     <div class="long">
4107
4108                                 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>}.
4109
4110
4111
4112
4113
4114
4115
4116
4117
4118
4119                                 <dl class="detailList">
4120                                 <dt class="heading">Returns:</dt>
4121
4122                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
4123
4124                                 </dl>
4125
4126
4127
4128
4129
4130
4131
4132                     </div>
4133                 </div>
4134
4135             </td>
4136             <td class="msource">
4137
4138                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4139                 &nbsp;
4140             </td>
4141         </tr>
4142
4143
4144           <tr class="method-row config-row-alt1 expandable">
4145             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4146
4147
4148             <td class="sig">
4149                 <a id="Roo.BoxComponent-method-getSize"   name=".getSize"></a>
4150                 <div class="fixedFont">
4151                         <span class="attributes"></span><b class="itemname">getSize</b>
4152
4153                                  ()
4154
4155
4156                                          :
4157
4158
4159                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4160
4161
4162
4163
4164
4165                 </div>
4166                 <div class="mdesc">
4167
4168                    <div class="short">Gets the current size of the component's underlying element.</div>
4169
4170
4171
4172                     <div class="long">
4173
4174                                 Gets the current size of the component's underlying element.
4175
4176
4177
4178
4179
4180
4181
4182
4183
4184
4185                                 <dl class="detailList">
4186                                 <dt class="heading">Returns:</dt>
4187
4188                                         <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>
4189
4190                                 </dl>
4191
4192
4193
4194
4195
4196
4197
4198                     </div>
4199                 </div>
4200
4201             </td>
4202             <td class="msource">
4203
4204                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4205                 &nbsp;
4206             </td>
4207         </tr>
4208
4209
4210           <tr class="method-row config-row-alt0 expandable notInherited">
4211             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4212
4213
4214             <td class="sig">
4215                 <a id="Roo.form.Select-method-getValue"   name=".getValue"></a>
4216                 <div class="fixedFont">
4217                         <span class="attributes"></span><b class="itemname">getValue</b>
4218
4219                                  ()
4220
4221
4222                                          :
4223
4224
4225                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
4226
4227
4228
4229
4230
4231                 </div>
4232                 <div class="mdesc">
4233
4234                    <div class="short">Returns the currently selected field value or empty string if no value is set.</div>
4235
4236
4237
4238                     <div class="long">
4239
4240                                 Returns the currently selected field value or empty string if no value is set.
4241
4242
4243
4244
4245
4246
4247
4248
4249
4250
4251                                 <dl class="detailList">
4252                                 <dt class="heading">Returns:</dt>
4253
4254                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  value The selected value</dd>
4255
4256                                 </dl>
4257
4258
4259
4260
4261
4262
4263
4264                     </div>
4265                 </div>
4266
4267             </td>
4268             <td class="msource">
4269
4270                         Roo.form.Select
4271                 &nbsp;
4272             </td>
4273         </tr>
4274
4275
4276           <tr class="method-row config-row-alt1 expandable">
4277             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4278
4279
4280             <td class="sig">
4281                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
4282                 <div class="fixedFont">
4283                         <span class="attributes"></span><b class="itemname">hasListener</b>
4284
4285                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
4286
4287
4288                                          :
4289
4290
4291                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4292
4293
4294
4295
4296
4297                 </div>
4298                 <div class="mdesc">
4299
4300                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
4301
4302
4303
4304                     <div class="long">
4305
4306                                 Checks to see if this object has any listeners for a specified event
4307
4308
4309
4310
4311
4312
4313                                 <dl class="detailList">
4314                                 <dt class="heading">Parameters:</dt>
4315
4316                                         <dt>
4317                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4318
4319                                         </dt>
4320                                         <dd>The name of the event to check for</dd>
4321
4322                                 </dl>
4323
4324
4325
4326
4327
4328                                 <dl class="detailList">
4329                                 <dt class="heading">Returns:</dt>
4330
4331                                         <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>
4332
4333                                 </dl>
4334
4335
4336
4337
4338
4339
4340
4341                     </div>
4342                 </div>
4343
4344             </td>
4345             <td class="msource">
4346
4347                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4348                 &nbsp;
4349             </td>
4350         </tr>
4351
4352
4353           <tr class="method-row config-row-alt0 expandable">
4354             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4355
4356
4357             <td class="sig">
4358                 <a id="Roo.Component-method-hide"   name=".hide"></a>
4359                 <div class="fixedFont">
4360                         <span class="attributes"></span><b class="itemname">hide</b>
4361
4362                                  ()
4363
4364
4365                                          :
4366
4367
4368                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4369
4370
4371
4372
4373
4374                 </div>
4375                 <div class="mdesc">
4376
4377                    <div class="short">Hide this component.</div>
4378
4379
4380
4381                     <div class="long">
4382
4383                                 Hide this component.
4384
4385
4386
4387
4388
4389
4390
4391
4392
4393
4394                                 <dl class="detailList">
4395                                 <dt class="heading">Returns:</dt>
4396
4397                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4398
4399                                 </dl>
4400
4401
4402
4403
4404
4405
4406
4407                     </div>
4408                 </div>
4409
4410             </td>
4411             <td class="msource">
4412
4413                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4414                 &nbsp;
4415             </td>
4416         </tr>
4417
4418
4419           <tr class="method-row config-row-alt1 expandable">
4420             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4421
4422
4423             <td class="sig">
4424                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
4425                 <div class="fixedFont">
4426                         <span class="attributes"></span><b class="itemname">isDirty</b>
4427
4428                                  ()
4429
4430
4431
4432                 </div>
4433                 <div class="mdesc">
4434
4435                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
4436
4437
4438
4439                     <div class="long">
4440
4441                                 Returns true if this field has been changed since it was originally loaded and is not disabled.
4442
4443
4444
4445
4446
4447
4448
4449
4450
4451
4452
4453
4454
4455
4456
4457
4458                     </div>
4459                 </div>
4460
4461             </td>
4462             <td class="msource">
4463
4464                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4465                 &nbsp;
4466             </td>
4467         </tr>
4468
4469
4470           <tr class="method-row config-row-alt0 expandable notInherited">
4471             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4472
4473
4474             <td class="sig">
4475                 <a id="Roo.form.Select-method-isExpanded"   name=".isExpanded"></a>
4476                 <div class="fixedFont">
4477                         <span class="attributes"></span><b class="itemname">isExpanded</b>
4478
4479                                  ()
4480
4481
4482
4483                 </div>
4484                 <div class="mdesc">
4485
4486                    <div class="short">Returns true if the dropdown list is expanded, else false.</div>
4487
4488
4489
4490                     <div class="long">
4491
4492                                 Returns true if the dropdown list is expanded, else false.
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509                     </div>
4510                 </div>
4511
4512             </td>
4513             <td class="msource">
4514
4515                         Roo.form.Select
4516                 &nbsp;
4517             </td>
4518         </tr>
4519
4520
4521           <tr class="method-row config-row-alt1 expandable">
4522             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4523
4524
4525             <td class="sig">
4526                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
4527                 <div class="fixedFont">
4528                         <span class="attributes"></span><b class="itemname">isValid</b>
4529
4530                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
4531
4532
4533                                          :
4534
4535
4536                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4537
4538
4539
4540
4541
4542                 </div>
4543                 <div class="mdesc">
4544
4545                    <div class="short">Returns whether or not the field value is currently valid</div>
4546
4547
4548
4549                     <div class="long">
4550
4551                                 Returns whether or not the field value is currently valid
4552
4553
4554
4555
4556
4557
4558                                 <dl class="detailList">
4559                                 <dt class="heading">Parameters:</dt>
4560
4561                                         <dt>
4562                                                 <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>
4563
4564                                         </dt>
4565                                         <dd>True to disable marking the field invalid</dd>
4566
4567                                 </dl>
4568
4569
4570
4571
4572
4573                                 <dl class="detailList">
4574                                 <dt class="heading">Returns:</dt>
4575
4576                                         <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>
4577
4578                                 </dl>
4579
4580
4581
4582
4583
4584
4585
4586                     </div>
4587                 </div>
4588
4589             </td>
4590             <td class="msource">
4591
4592                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4593                 &nbsp;
4594             </td>
4595         </tr>
4596
4597
4598           <tr class="method-row config-row-alt0 expandable">
4599             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4600
4601
4602             <td class="sig">
4603                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
4604                 <div class="fixedFont">
4605                         <span class="attributes"></span><b class="itemname">isVisible</b>
4606
4607                                  ()
4608
4609
4610
4611                 </div>
4612                 <div class="mdesc">
4613
4614                    <div class="short">Returns true if this component is visible.</div>
4615
4616
4617
4618                     <div class="long">
4619
4620                                 Returns true if this component is visible.
4621
4622
4623
4624
4625
4626
4627
4628
4629
4630
4631
4632
4633
4634
4635
4636
4637                     </div>
4638                 </div>
4639
4640             </td>
4641             <td class="msource">
4642
4643                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4644                 &nbsp;
4645             </td>
4646         </tr>
4647
4648
4649           <tr class="method-row config-row-alt1 expandable">
4650             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4651
4652
4653             <td class="sig">
4654                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
4655                 <div class="fixedFont">
4656                         <span class="attributes"></span><b class="itemname">markInvalid</b>
4657
4658                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
4659
4660
4661
4662                 </div>
4663                 <div class="mdesc">
4664
4665                    <div class="short">Mark this field as invalid</div>
4666
4667
4668
4669                     <div class="long">
4670
4671                                 Mark this field as invalid
4672
4673
4674
4675
4676
4677
4678                                 <dl class="detailList">
4679                                 <dt class="heading">Parameters:</dt>
4680
4681                                         <dt>
4682                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
4683
4684                                         </dt>
4685                                         <dd>The validation message</dd>
4686
4687                                 </dl>
4688
4689
4690
4691
4692
4693
4694
4695
4696
4697
4698
4699                     </div>
4700                 </div>
4701
4702             </td>
4703             <td class="msource">
4704
4705                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4706                 &nbsp;
4707             </td>
4708         </tr>
4709
4710
4711           <tr class="method-row config-row-alt0 expandable">
4712             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4713
4714
4715             <td class="sig">
4716                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
4717                 <div class="fixedFont">
4718                         <span class="attributes"></span><b class="itemname">on</b>
4719
4720                                  (<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>)
4721
4722
4723
4724                 </div>
4725                 <div class="mdesc">
4726
4727                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
4728
4729
4730
4731                     <div class="long">
4732
4733                                 Appends an event handler to this element (shorthand for addListener)
4734
4735
4736
4737
4738
4739
4740                                 <dl class="detailList">
4741                                 <dt class="heading">Parameters:</dt>
4742
4743                                         <dt>
4744                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4745
4746                                         </dt>
4747                                         <dd>The type of event to listen for</dd>
4748
4749                                         <dt>
4750                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4751
4752                                         </dt>
4753                                         <dd>The method the event invokes</dd>
4754
4755                                         <dt>
4756                                                 <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>
4757
4758                                         </dt>
4759                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
4760
4761                                         <dt>
4762                                                 <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>
4763
4764                                         </dt>
4765                                         <dd>(optional)</dd>
4766
4767                                 </dl>
4768
4769
4770
4771
4772
4773
4774
4775
4776
4777
4778
4779                     </div>
4780                 </div>
4781
4782             </td>
4783             <td class="msource">
4784
4785                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4786                 &nbsp;
4787             </td>
4788         </tr>
4789
4790
4791           <tr class="method-row config-row-alt1 expandable">
4792             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4793
4794
4795             <td class="sig">
4796                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
4797                 <div class="fixedFont">
4798                         <span class="attributes"></span><b class="itemname">onPosition</b>
4799
4800                                  (<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>)
4801
4802
4803
4804                 </div>
4805                 <div class="mdesc">
4806
4807                    <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>
4808
4809
4810
4811                     <div class="long">
4812
4813                                 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.
4814
4815
4816
4817
4818
4819
4820                                 <dl class="detailList">
4821                                 <dt class="heading">Parameters:</dt>
4822
4823                                         <dt>
4824                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
4825
4826                                         </dt>
4827                                         <dd>The new x position</dd>
4828
4829                                         <dt>
4830                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
4831
4832                                         </dt>
4833                                         <dd>The new y position</dd>
4834
4835                                 </dl>
4836
4837
4838
4839
4840
4841
4842
4843
4844
4845
4846
4847                     </div>
4848                 </div>
4849
4850             </td>
4851             <td class="msource">
4852
4853                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4854                 &nbsp;
4855             </td>
4856         </tr>
4857
4858
4859           <tr class="method-row config-row-alt0 expandable">
4860             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4861
4862
4863             <td class="sig">
4864                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
4865                 <div class="fixedFont">
4866                         <span class="attributes"></span><b class="itemname">onResize</b>
4867
4868                                  (<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>)
4869
4870
4871
4872                 </div>
4873                 <div class="mdesc">
4874
4875                    <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>
4876
4877
4878
4879                     <div class="long">
4880
4881                                 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.
4882
4883
4884
4885
4886
4887
4888                                 <dl class="detailList">
4889                                 <dt class="heading">Parameters:</dt>
4890
4891                                         <dt>
4892                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
4893
4894                                         </dt>
4895                                         <dd>The box-adjusted width that was set</dd>
4896
4897                                         <dt>
4898                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
4899
4900                                         </dt>
4901                                         <dd>The box-adjusted height that was set</dd>
4902
4903                                         <dt>
4904                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
4905
4906                                         </dt>
4907                                         <dd>The width that was originally specified</dd>
4908
4909                                         <dt>
4910                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
4911
4912                                         </dt>
4913                                         <dd>The height that was originally specified</dd>
4914
4915                                 </dl>
4916
4917
4918
4919
4920
4921
4922
4923
4924
4925
4926
4927                     </div>
4928                 </div>
4929
4930             </td>
4931             <td class="msource">
4932
4933                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4934                 &nbsp;
4935             </td>
4936         </tr>
4937
4938
4939           <tr class="method-row config-row-alt1 expandable">
4940             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4941
4942
4943             <td class="sig">
4944                 <a id="Roo.form.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
4945                 <div class="fixedFont">
4946                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
4947
4948                                  (EventObject <B><i>e</i></B>)
4949
4950
4951
4952                 </div>
4953                 <div class="mdesc">
4954
4955                    <div class="short">The function that should handle the trigger's click event.</div>
4956
4957
4958
4959                     <div class="long">
4960
4961                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
4962
4963
4964
4965
4966
4967
4968                                 <dl class="detailList">
4969                                 <dt class="heading">Parameters:</dt>
4970
4971                                         <dt>
4972                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
4973
4974                                         </dt>
4975                                         <dd></dd>
4976
4977                                 </dl>
4978
4979
4980
4981
4982
4983
4984
4985
4986
4987
4988
4989                     </div>
4990                 </div>
4991
4992             </td>
4993             <td class="msource">
4994
4995                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
4996                 &nbsp;
4997             </td>
4998         </tr>
4999
5000
5001           <tr class="method-row config-row-alt0 expandable">
5002             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5003
5004
5005             <td class="sig">
5006                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
5007                 <div class="fixedFont">
5008                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
5009
5010                                  ()
5011
5012
5013
5014                 </div>
5015                 <div class="mdesc">
5016
5017                    <div class="short">Removes all listeners for this object</div>
5018
5019
5020
5021                     <div class="long">
5022
5023                                 Removes all listeners for this object
5024
5025
5026
5027
5028
5029
5030
5031
5032
5033
5034
5035
5036
5037
5038
5039
5040                     </div>
5041                 </div>
5042
5043             </td>
5044             <td class="msource">
5045
5046                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5047                 &nbsp;
5048             </td>
5049         </tr>
5050
5051
5052           <tr class="method-row config-row-alt1 expandable">
5053             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5054
5055
5056             <td class="sig">
5057                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
5058                 <div class="fixedFont">
5059                         <span class="attributes"></span><b class="itemname">removeListener</b>
5060
5061                                  (<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>)
5062
5063
5064
5065                 </div>
5066                 <div class="mdesc">
5067
5068                    <div class="short">Removes a listener</div>
5069
5070
5071
5072                     <div class="long">
5073
5074                                 Removes a listener
5075
5076
5077
5078
5079
5080
5081                                 <dl class="detailList">
5082                                 <dt class="heading">Parameters:</dt>
5083
5084                                         <dt>
5085                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
5086
5087                                         </dt>
5088                                         <dd>The type of event to listen for</dd>
5089
5090                                         <dt>
5091                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
5092
5093                                         </dt>
5094                                         <dd>The handler to remove</dd>
5095
5096                                         <dt>
5097                                                 <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>
5098
5099                                         </dt>
5100                                         <dd>(optional) The scope (this object) for the handler</dd>
5101
5102                                 </dl>
5103
5104
5105
5106
5107
5108
5109
5110
5111
5112
5113
5114                     </div>
5115                 </div>
5116
5117             </td>
5118             <td class="msource">
5119
5120                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5121                 &nbsp;
5122             </td>
5123         </tr>
5124
5125
5126           <tr class="method-row config-row-alt0 expandable">
5127             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5128
5129
5130             <td class="sig">
5131                 <a id="Roo.Component-method-render"   name=".render"></a>
5132                 <div class="fixedFont">
5133                         <span class="attributes"></span><b class="itemname">render</b>
5134
5135                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
5136
5137
5138
5139                 </div>
5140                 <div class="mdesc">
5141
5142                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
5143
5144
5145
5146                     <div class="long">
5147
5148                                 If this is a lazy rendering component, render it to its container element.
5149
5150
5151
5152
5153
5154
5155                                 <dl class="detailList">
5156                                 <dt class="heading">Parameters:</dt>
5157
5158                                         <dt>
5159                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
5160
5161                                         </dt>
5162                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
5163
5164                                 </dl>
5165
5166
5167
5168
5169
5170
5171
5172
5173
5174
5175
5176                     </div>
5177                 </div>
5178
5179             </td>
5180             <td class="msource">
5181
5182                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5183                 &nbsp;
5184             </td>
5185         </tr>
5186
5187
5188           <tr class="method-row config-row-alt1 expandable">
5189             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5190
5191
5192             <td class="sig">
5193                 <a id="Roo.form.TextField-method-reset"   name=".reset"></a>
5194                 <div class="fixedFont">
5195                         <span class="attributes"></span><b class="itemname">reset</b>
5196
5197                                  ()
5198
5199
5200
5201                 </div>
5202                 <div class="mdesc">
5203
5204                    <div class="short">Resets the current field value to the originally-loaded value and clears any validation messages.</div>
5205
5206
5207
5208                     <div class="long">
5209
5210                                 Resets the current field value to the originally-loaded value and clears any validation messages.
5211
5212
5213
5214
5215
5216
5217
5218
5219
5220
5221
5222
5223
5224
5225
5226
5227                     </div>
5228                 </div>
5229
5230             </td>
5231             <td class="msource">
5232
5233                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5234                 &nbsp;
5235             </td>
5236         </tr>
5237
5238
5239           <tr class="method-row config-row-alt0 expandable notInherited">
5240             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5241
5242
5243             <td class="sig">
5244                 <a id="Roo.form.Select-method-select"   name=".select"></a>
5245                 <div class="fixedFont">
5246                         <span class="attributes"></span><b class="itemname">select</b>
5247
5248                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>scrollIntoView</i></B>)
5249
5250
5251
5252                 </div>
5253                 <div class="mdesc">
5254
5255                    <div class="short">Select an item in the dropdown list by its numeric index in the list.</div>
5256
5257
5258
5259                     <div class="long">
5260
5261                                 Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.<br/>The store must be loaded and the list expanded for this function to work, otherwise use setValue.
5262
5263
5264
5265
5266
5267
5268                                 <dl class="detailList">
5269                                 <dt class="heading">Parameters:</dt>
5270
5271                                         <dt>
5272                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>index</b>
5273
5274                                         </dt>
5275                                         <dd>The zero-based index of the list item to select</dd>
5276
5277                                         <dt>
5278                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>scrollIntoView</b>
5279
5280                                         </dt>
5281                                         <dd>False to prevent the dropdown list from autoscrolling to display the<br/>selected item if it is not currently in view (defaults to true)</dd>
5282
5283                                 </dl>
5284
5285
5286
5287
5288
5289
5290
5291
5292
5293
5294
5295                     </div>
5296                 </div>
5297
5298             </td>
5299             <td class="msource">
5300
5301                         Roo.form.Select
5302                 &nbsp;
5303             </td>
5304         </tr>
5305
5306
5307           <tr class="method-row config-row-alt1 expandable notInherited">
5308             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5309
5310
5311             <td class="sig">
5312                 <a id="Roo.form.Select-method-selectByValue"   name=".selectByValue"></a>
5313                 <div class="fixedFont">
5314                         <span class="attributes"></span><b class="itemname">selectByValue</b>
5315
5316                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>scrollIntoView</i></B>)
5317
5318
5319                                          :
5320
5321
5322                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5323
5324
5325
5326
5327
5328                 </div>
5329                 <div class="mdesc">
5330
5331                    <div class="short">Select an item in the dropdown list by its data value.</div>
5332
5333
5334
5335                     <div class="long">
5336
5337                                 Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.<br/>The store must be loaded and the list expanded for this function to work, otherwise use setValue.
5338
5339
5340
5341
5342
5343
5344                                 <dl class="detailList">
5345                                 <dt class="heading">Parameters:</dt>
5346
5347                                         <dt>
5348                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5349
5350                                         </dt>
5351                                         <dd>The data value of the item to select</dd>
5352
5353                                         <dt>
5354                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>scrollIntoView</b>
5355
5356                                         </dt>
5357                                         <dd>False to prevent the dropdown list from autoscrolling to display the<br/>selected item if it is not currently in view (defaults to true)</dd>
5358
5359                                 </dl>
5360
5361
5362
5363
5364
5365                                 <dl class="detailList">
5366                                 <dt class="heading">Returns:</dt>
5367
5368                                         <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 matched an item in the list, else false</dd>
5369
5370                                 </dl>
5371
5372
5373
5374
5375
5376
5377
5378                     </div>
5379                 </div>
5380
5381             </td>
5382             <td class="msource">
5383
5384                         Roo.form.Select
5385                 &nbsp;
5386             </td>
5387         </tr>
5388
5389
5390           <tr class="method-row config-row-alt0 expandable">
5391             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5392
5393
5394             <td class="sig">
5395                 <a id="Roo.form.TextField-method-selectText"   name=".selectText"></a>
5396                 <div class="fixedFont">
5397                         <span class="attributes"></span><b class="itemname">selectText</b>
5398
5399                                  (<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>)
5400
5401
5402
5403                 </div>
5404                 <div class="mdesc">
5405
5406                    <div class="short">Selects text in this field</div>
5407
5408
5409
5410                     <div class="long">
5411
5412                                 Selects text in this field
5413
5414
5415
5416
5417
5418
5419                                 <dl class="detailList">
5420                                 <dt class="heading">Parameters:</dt>
5421
5422                                         <dt>
5423                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>start</b>
5424
5425                                         </dt>
5426                                         <dd>(optional) The index where the selection should start (defaults to 0)</dd>
5427
5428                                         <dt>
5429                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>end</b>
5430
5431                                         </dt>
5432                                         <dd>(optional) The index where the selection should end (defaults to the text length)</dd>
5433
5434                                 </dl>
5435
5436
5437
5438
5439
5440
5441
5442
5443
5444
5445
5446                     </div>
5447                 </div>
5448
5449             </td>
5450             <td class="msource">
5451
5452                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5453                 &nbsp;
5454             </td>
5455         </tr>
5456
5457
5458           <tr class="method-row config-row-alt1 expandable">
5459             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5460
5461
5462             <td class="sig">
5463                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
5464                 <div class="fixedFont">
5465                         <span class="attributes"></span><b class="itemname">setDisabled</b>
5466
5467                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
5468
5469
5470
5471                 </div>
5472                 <div class="mdesc">
5473
5474                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
5475
5476
5477
5478                     <div class="long">
5479
5480                                 Convenience function for setting disabled/enabled by boolean.
5481
5482
5483
5484
5485
5486
5487                                 <dl class="detailList">
5488                                 <dt class="heading">Parameters:</dt>
5489
5490                                         <dt>
5491                                                 <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>
5492
5493                                         </dt>
5494                                         <dd></dd>
5495
5496                                 </dl>
5497
5498
5499
5500
5501
5502
5503
5504
5505
5506
5507
5508                     </div>
5509                 </div>
5510
5511             </td>
5512             <td class="msource">
5513
5514                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5515                 &nbsp;
5516             </td>
5517         </tr>
5518
5519
5520           <tr class="method-row config-row-alt0 expandable notInherited">
5521             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5522
5523
5524             <td class="sig">
5525                 <a id="Roo.form.Select-method-setEditable"   name=".setEditable"></a>
5526                 <div class="fixedFont">
5527                         <span class="attributes"></span><b class="itemname">setEditable</b>
5528
5529                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
5530
5531
5532
5533                 </div>
5534                 <div class="mdesc">
5535
5536                    <div class="short">Allow or prevent the user from directly editing the field text.</div>
5537
5538
5539
5540                     <div class="long">
5541
5542                                 Allow or prevent the user from directly editing the field text.  If false is passed,<br/>the user will only be able to select from the items defined in the dropdown list.  This method<br/>is the runtime equivalent of setting the 'editable' config option at config time.
5543
5544
5545
5546
5547
5548
5549                                 <dl class="detailList">
5550                                 <dt class="heading">Parameters:</dt>
5551
5552                                         <dt>
5553                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>value</b>
5554
5555                                         </dt>
5556                                         <dd>True to allow the user to directly edit the field text</dd>
5557
5558                                 </dl>
5559
5560
5561
5562
5563
5564
5565
5566
5567
5568
5569
5570                     </div>
5571                 </div>
5572
5573             </td>
5574             <td class="msource">
5575
5576                         Roo.form.Select
5577                 &nbsp;
5578             </td>
5579         </tr>
5580
5581
5582           <tr class="method-row config-row-alt1 expandable notInherited">
5583             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5584
5585
5586             <td class="sig">
5587                 <a id="Roo.form.Select-method-setFromData"   name=".setFromData"></a>
5588                 <div class="fixedFont">
5589                         <span class="attributes"></span><b class="itemname">setFromData</b>
5590
5591                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>value</i></B>)
5592
5593
5594
5595                 </div>
5596                 <div class="mdesc">
5597
5598                    <div class="short">Sets the value of the field based on a object which is related to the record format for the store.</div>
5599
5600
5601
5602                     <div class="long">
5603
5604                                 Sets the value of the field based on a object which is related to the record format for the store.
5605
5606
5607
5608
5609
5610
5611                                 <dl class="detailList">
5612                                 <dt class="heading">Parameters:</dt>
5613
5614                                         <dt>
5615                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>value</b>
5616
5617                                         </dt>
5618                                         <dd>the value to set as. or false on reset?</dd>
5619
5620                                 </dl>
5621
5622
5623
5624
5625
5626
5627
5628
5629
5630
5631
5632                     </div>
5633                 </div>
5634
5635             </td>
5636             <td class="msource">
5637
5638                         Roo.form.Select
5639                 &nbsp;
5640             </td>
5641         </tr>
5642
5643
5644           <tr class="method-row config-row-alt0 expandable">
5645             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5646
5647
5648             <td class="sig">
5649                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
5650                 <div class="fixedFont">
5651                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
5652
5653                                  (<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>)
5654
5655
5656
5657                 </div>
5658                 <div class="mdesc">
5659
5660                    <div class="short">Sets the page XY position of the component.</div>
5661
5662
5663
5664                     <div class="long">
5665
5666                                 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.
5667
5668
5669
5670
5671
5672
5673                                 <dl class="detailList">
5674                                 <dt class="heading">Parameters:</dt>
5675
5676                                         <dt>
5677                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
5678
5679                                         </dt>
5680                                         <dd>The new x position</dd>
5681
5682                                         <dt>
5683                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
5684
5685                                         </dt>
5686                                         <dd>The new y position</dd>
5687
5688                                 </dl>
5689
5690
5691
5692
5693
5694
5695
5696
5697
5698
5699
5700                     </div>
5701                 </div>
5702
5703             </td>
5704             <td class="msource">
5705
5706                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5707                 &nbsp;
5708             </td>
5709         </tr>
5710
5711
5712           <tr class="method-row config-row-alt1 expandable">
5713             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5714
5715
5716             <td class="sig">
5717                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
5718                 <div class="fixedFont">
5719                         <span class="attributes"></span><b class="itemname">setPosition</b>
5720
5721                                  (<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>)
5722
5723
5724
5725                 </div>
5726                 <div class="mdesc">
5727
5728                    <div class="short">Sets the left and top of the component.</div>
5729
5730
5731
5732                     <div class="long">
5733
5734                                 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.
5735
5736
5737
5738
5739
5740
5741                                 <dl class="detailList">
5742                                 <dt class="heading">Parameters:</dt>
5743
5744                                         <dt>
5745                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
5746
5747                                         </dt>
5748                                         <dd>The new left</dd>
5749
5750                                         <dt>
5751                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
5752
5753                                         </dt>
5754                                         <dd>The new top</dd>
5755
5756                                 </dl>
5757
5758
5759
5760
5761
5762
5763
5764
5765
5766
5767
5768                     </div>
5769                 </div>
5770
5771             </td>
5772             <td class="msource">
5773
5774                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5775                 &nbsp;
5776             </td>
5777         </tr>
5778
5779
5780           <tr class="method-row config-row-alt0 expandable">
5781             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5782
5783
5784             <td class="sig">
5785                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
5786                 <div class="fixedFont">
5787                         <span class="attributes"></span><b class="itemname">setRawValue</b>
5788
5789                                  (Mixed <B><i>value</i></B>)
5790
5791
5792
5793                 </div>
5794                 <div class="mdesc">
5795
5796                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
5797
5798
5799
5800                     <div class="long">
5801
5802                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
5803
5804
5805
5806
5807
5808
5809                                 <dl class="detailList">
5810                                 <dt class="heading">Parameters:</dt>
5811
5812                                         <dt>
5813                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
5814
5815                                         </dt>
5816                                         <dd>The value to set</dd>
5817
5818                                 </dl>
5819
5820
5821
5822
5823
5824
5825
5826
5827
5828
5829
5830                     </div>
5831                 </div>
5832
5833             </td>
5834             <td class="msource">
5835
5836                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5837                 &nbsp;
5838             </td>
5839         </tr>
5840
5841
5842           <tr class="method-row config-row-alt1 expandable">
5843             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5844
5845
5846             <td class="sig">
5847                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
5848                 <div class="fixedFont">
5849                         <span class="attributes"></span><b class="itemname">setSize</b>
5850
5851                                  (<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>)
5852
5853
5854                                          :
5855
5856
5857                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5858
5859
5860
5861
5862
5863                 </div>
5864                 <div class="mdesc">
5865
5866                    <div class="short">Sets the width and height of the component.</div>
5867
5868
5869
5870                     <div class="long">
5871
5872                                 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}.
5873
5874
5875
5876
5877
5878
5879                                 <dl class="detailList">
5880                                 <dt class="heading">Parameters:</dt>
5881
5882                                         <dt>
5883                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
5884
5885                                         </dt>
5886                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
5887
5888                                         <dt>
5889                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
5890
5891                                         </dt>
5892                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
5893
5894                                 </dl>
5895
5896
5897
5898
5899
5900                                 <dl class="detailList">
5901                                 <dt class="heading">Returns:</dt>
5902
5903                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
5904
5905                                 </dl>
5906
5907
5908
5909
5910
5911
5912
5913                     </div>
5914                 </div>
5915
5916             </td>
5917             <td class="msource">
5918
5919                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5920                 &nbsp;
5921             </td>
5922         </tr>
5923
5924
5925           <tr class="method-row config-row-alt0 expandable notInherited">
5926             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5927
5928
5929             <td class="sig">
5930                 <a id="Roo.form.Select-method-setValue"   name=".setValue"></a>
5931                 <div class="fixedFont">
5932                         <span class="attributes"></span><b class="itemname">setValue</b>
5933
5934                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
5935
5936
5937
5938                 </div>
5939                 <div class="mdesc">
5940
5941                    <div class="short">Sets the specified value into the field.</div>
5942
5943
5944
5945                     <div class="long">
5946
5947                                 Sets the specified value into the field.  If the value finds a match, the corresponding record text<br/>will be displayed in the field.  If the value does not match the data value of an existing item,<br/>and the valueNotFoundText config option is defined, it will be displayed as the default field text.<br/>Otherwise the field will be blank (although the value will still be set).
5948
5949
5950
5951
5952
5953
5954                                 <dl class="detailList">
5955                                 <dt class="heading">Parameters:</dt>
5956
5957                                         <dt>
5958                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5959
5960                                         </dt>
5961                                         <dd>The value to match</dd>
5962
5963                                 </dl>
5964
5965
5966
5967
5968
5969
5970
5971
5972
5973
5974
5975                     </div>
5976                 </div>
5977
5978             </td>
5979             <td class="msource">
5980
5981                         Roo.form.Select
5982                 &nbsp;
5983             </td>
5984         </tr>
5985
5986
5987           <tr class="method-row config-row-alt1 expandable">
5988             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5989
5990
5991             <td class="sig">
5992                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
5993                 <div class="fixedFont">
5994                         <span class="attributes"></span><b class="itemname">setVisible</b>
5995
5996                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
5997
5998
5999                                          :
6000
6001
6002                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6003
6004
6005
6006
6007
6008                 </div>
6009                 <div class="mdesc">
6010
6011                    <div class="short">Convenience function to hide or show this component by boolean.</div>
6012
6013
6014
6015                     <div class="long">
6016
6017                                 Convenience function to hide or show this component by boolean.
6018
6019
6020
6021
6022
6023
6024                                 <dl class="detailList">
6025                                 <dt class="heading">Parameters:</dt>
6026
6027                                         <dt>
6028                                                 <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>
6029
6030                                         </dt>
6031                                         <dd>True to show, false to hide</dd>
6032
6033                                 </dl>
6034
6035
6036
6037
6038
6039                                 <dl class="detailList">
6040                                 <dt class="heading">Returns:</dt>
6041
6042                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
6043
6044                                 </dl>
6045
6046
6047
6048
6049
6050
6051
6052                     </div>
6053                 </div>
6054
6055             </td>
6056             <td class="msource">
6057
6058                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6059                 &nbsp;
6060             </td>
6061         </tr>
6062
6063
6064           <tr class="method-row config-row-alt0 expandable notInherited">
6065             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6066
6067
6068             <td class="sig">
6069                 <a id="Roo.form.Select-method-setWidth"   name=".setWidth"></a>
6070                 <div class="fixedFont">
6071                         <span class="attributes"></span><b class="itemname">setWidth</b>
6072
6073                                  ()
6074
6075
6076
6077                 </div>
6078                 <div class="mdesc">
6079
6080                    <div class="short"></div>
6081
6082
6083
6084                     <div class="long">
6085
6086
6087
6088
6089
6090
6091
6092
6093
6094
6095
6096
6097
6098
6099
6100
6101
6102
6103                     </div>
6104                 </div>
6105
6106             </td>
6107             <td class="msource">
6108
6109                         Roo.form.Select
6110                 &nbsp;
6111             </td>
6112         </tr>
6113
6114
6115           <tr class="method-row config-row-alt1 expandable">
6116             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6117
6118
6119             <td class="sig">
6120                 <a id="Roo.Component-method-show"   name=".show"></a>
6121                 <div class="fixedFont">
6122                         <span class="attributes"></span><b class="itemname">show</b>
6123
6124                                  ()
6125
6126
6127                                          :
6128
6129
6130                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6131
6132
6133
6134
6135
6136                 </div>
6137                 <div class="mdesc">
6138
6139                    <div class="short">Show this component.</div>
6140
6141
6142
6143                     <div class="long">
6144
6145                                 Show this component.
6146
6147
6148
6149
6150
6151
6152
6153
6154
6155
6156                                 <dl class="detailList">
6157                                 <dt class="heading">Returns:</dt>
6158
6159                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
6160
6161                                 </dl>
6162
6163
6164
6165
6166
6167
6168
6169                     </div>
6170                 </div>
6171
6172             </td>
6173             <td class="msource">
6174
6175                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6176                 &nbsp;
6177             </td>
6178         </tr>
6179
6180
6181           <tr class="method-row config-row-alt0 expandable">
6182             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6183
6184
6185             <td class="sig">
6186                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
6187                 <div class="fixedFont">
6188                         <span class="attributes"></span><b class="itemname">syncSize</b>
6189
6190                                  ()
6191
6192
6193
6194                 </div>
6195                 <div class="mdesc">
6196
6197                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
6198
6199
6200
6201                     <div class="long">
6202
6203                                 Force the component's size to recalculate based on the underlying element's current height and width.
6204
6205
6206
6207
6208
6209
6210
6211
6212
6213
6214
6215
6216
6217
6218
6219
6220                     </div>
6221                 </div>
6222
6223             </td>
6224             <td class="msource">
6225
6226                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6227                 &nbsp;
6228             </td>
6229         </tr>
6230
6231
6232           <tr class="method-row config-row-alt1 expandable">
6233             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6234
6235
6236             <td class="sig">
6237                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
6238                 <div class="fixedFont">
6239                         <span class="attributes"></span><b class="itemname">un</b>
6240
6241                                  (<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>)
6242
6243
6244
6245                 </div>
6246                 <div class="mdesc">
6247
6248                    <div class="short">Removes a listener (shorthand for removeListener)</div>
6249
6250
6251
6252                     <div class="long">
6253
6254                                 Removes a listener (shorthand for removeListener)
6255
6256
6257
6258
6259
6260
6261                                 <dl class="detailList">
6262                                 <dt class="heading">Parameters:</dt>
6263
6264                                         <dt>
6265                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
6266
6267                                         </dt>
6268                                         <dd>The type of event to listen for</dd>
6269
6270                                         <dt>
6271                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
6272
6273                                         </dt>
6274                                         <dd>The handler to remove</dd>
6275
6276                                         <dt>
6277                                                 <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>
6278
6279                                         </dt>
6280                                         <dd>(optional) The scope (this object) for the handler</dd>
6281
6282                                 </dl>
6283
6284
6285
6286
6287
6288
6289
6290
6291
6292
6293
6294                     </div>
6295                 </div>
6296
6297             </td>
6298             <td class="msource">
6299
6300                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
6301                 &nbsp;
6302             </td>
6303         </tr>
6304
6305
6306           <tr class="method-row config-row-alt0 expandable">
6307             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6308
6309
6310             <td class="sig">
6311                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
6312                 <div class="fixedFont">
6313                         <span class="attributes"></span><b class="itemname">updateBox</b>
6314
6315                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
6316
6317
6318
6319                 </div>
6320                 <div class="mdesc">
6321
6322                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
6323
6324
6325
6326                     <div class="long">
6327
6328                                 Sets the current box measurements of the component's underlying element.
6329
6330
6331
6332
6333
6334
6335                                 <dl class="detailList">
6336                                 <dt class="heading">Parameters:</dt>
6337
6338                                         <dt>
6339                                                 <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>
6340
6341                                         </dt>
6342                                         <dd>An object in the format {x, y, width, height}</dd>
6343
6344                                 </dl>
6345
6346
6347
6348
6349
6350
6351
6352
6353
6354
6355
6356                     </div>
6357                 </div>
6358
6359             </td>
6360             <td class="msource">
6361
6362                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6363                 &nbsp;
6364             </td>
6365         </tr>
6366
6367
6368           <tr class="method-row config-row-alt1 expandable">
6369             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6370
6371
6372             <td class="sig">
6373                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
6374                 <div class="fixedFont">
6375                         <span class="attributes"></span><b class="itemname">validate</b>
6376
6377                                  ()
6378
6379
6380                                          :
6381
6382
6383                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6384
6385
6386
6387
6388
6389                 </div>
6390                 <div class="mdesc">
6391
6392                    <div class="short">Validates the field value</div>
6393
6394
6395
6396                     <div class="long">
6397
6398                                 Validates the field value
6399
6400
6401
6402
6403
6404
6405
6406
6407
6408
6409                                 <dl class="detailList">
6410                                 <dt class="heading">Returns:</dt>
6411
6412                                         <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>
6413
6414                                 </dl>
6415
6416
6417
6418
6419
6420
6421
6422                     </div>
6423                 </div>
6424
6425             </td>
6426             <td class="msource">
6427
6428                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6429                 &nbsp;
6430             </td>
6431         </tr>
6432
6433
6434           <tr class="method-row config-row-alt0 expandable">
6435             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6436
6437
6438             <td class="sig">
6439                 <a id="Roo.form.TextField-method-validateValue"   name=".validateValue"></a>
6440                 <div class="fixedFont">
6441                         <span class="attributes"></span><b class="itemname">validateValue</b>
6442
6443                                  (Mixed <B><i>value</i></B>)
6444
6445
6446                                          :
6447
6448
6449                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6450
6451
6452
6453
6454
6455                 </div>
6456                 <div class="mdesc">
6457
6458                    <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>
6459
6460
6461
6462                     <div class="long">
6463
6464                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
6465
6466
6467
6468
6469
6470
6471                                 <dl class="detailList">
6472                                 <dt class="heading">Parameters:</dt>
6473
6474                                         <dt>
6475                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
6476
6477                                         </dt>
6478                                         <dd>The value to validate</dd>
6479
6480                                 </dl>
6481
6482
6483
6484
6485
6486                                 <dl class="detailList">
6487                                 <dt class="heading">Returns:</dt>
6488
6489                                         <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>
6490
6491                                 </dl>
6492
6493
6494
6495
6496
6497
6498
6499                     </div>
6500                 </div>
6501
6502             </td>
6503             <td class="msource">
6504
6505                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6506                 &nbsp;
6507             </td>
6508         </tr>
6509
6510
6511     </table>
6512
6513
6514   <!-- ============================== events summary / details ======================== -->
6515
6516
6517   <a id="Roo.form.Select-events"></a>
6518
6519
6520
6521
6522
6523
6524
6525
6526       <table cellspacing="0" class="member-table">
6527                 <caption>Events</caption>
6528               <thead>
6529                 <tr>
6530                     <th class="sig-header" colspan="2">Event</th>
6531                     <th class="msource-header">Defined By</th>
6532
6533                 </tr>
6534               </thead>
6535
6536
6537
6538
6539
6540           <tr class="method-row expandable config-row-alt0">
6541             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6542
6543             <td class="sig">
6544                 <a id="Roo.form.TextField-event-*autosize"></a>
6545
6546                <div class="fixedFont">
6547                 <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>)
6548
6549                 </div>
6550
6551                 <div class="mdesc">
6552
6553                    <div class="short">Fires when the autosize function is triggered.
6554
6555                 </div>
6556
6557                     <div class="long">
6558
6559                         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.
6560
6561
6562
6563
6564
6565                                 <dl class="detailList">
6566                                 <dt class="heading">Parameters:</dt>
6567
6568                                         <dt>
6569                                                 <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>
6570
6571                                         </dt>
6572                                         <dd>This text field</dd>
6573
6574                                         <dt>
6575                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
6576
6577                                         </dt>
6578                                         <dd>The new field width</dd>
6579
6580                                 </dl>
6581
6582
6583
6584
6585
6586
6587
6588
6589
6590
6591
6592                     </div>
6593                 </div>
6594
6595             </td>
6596             <td class="msource">
6597                 <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6598             </td>
6599         </tr>
6600
6601           <tr class="method-row expandable config-row-alt1">
6602             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6603
6604             <td class="sig">
6605                 <a id="Roo.Component-event-*beforedestroy"></a>
6606
6607                <div class="fixedFont">
6608                 <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>)
6609
6610                 </div>
6611
6612                 <div class="mdesc">
6613
6614                    <div class="short">Fires before the component is destroyed.
6615
6616                 </div>
6617
6618                     <div class="long">
6619
6620                         Fires before the component is destroyed. Return false to stop the destroy.
6621
6622
6623
6624
6625
6626                                 <dl class="detailList">
6627                                 <dt class="heading">Parameters:</dt>
6628
6629                                         <dt>
6630                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6631
6632                                         </dt>
6633                                         <dd></dd>
6634
6635                                 </dl>
6636
6637
6638
6639
6640
6641
6642
6643
6644
6645
6646
6647                     </div>
6648                 </div>
6649
6650             </td>
6651             <td class="msource">
6652                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6653             </td>
6654         </tr>
6655
6656           <tr class="method-row expandable config-row-alt0">
6657             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6658
6659             <td class="sig">
6660                 <a id="Roo.Component-event-*beforehide"></a>
6661
6662                <div class="fixedFont">
6663                 <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>)
6664
6665                 </div>
6666
6667                 <div class="mdesc">
6668
6669                    <div class="short">Fires before the component is hidden.
6670
6671                 </div>
6672
6673                     <div class="long">
6674
6675                         Fires before the component is hidden. Return false to stop the hide.
6676
6677
6678
6679
6680
6681                                 <dl class="detailList">
6682                                 <dt class="heading">Parameters:</dt>
6683
6684                                         <dt>
6685                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6686
6687                                         </dt>
6688                                         <dd></dd>
6689
6690                                 </dl>
6691
6692
6693
6694
6695
6696
6697
6698
6699
6700
6701
6702                     </div>
6703                 </div>
6704
6705             </td>
6706             <td class="msource">
6707                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6708             </td>
6709         </tr>
6710
6711           <tr class="method-row expandable config-row-alt1">
6712             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6713
6714             <td class="sig">
6715                 <a id="Roo.Component-event-*beforerender"></a>
6716
6717                <div class="fixedFont">
6718                 <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>)
6719
6720                 </div>
6721
6722                 <div class="mdesc">
6723
6724                    <div class="short">Fires before the component is rendered.
6725
6726                 </div>
6727
6728                     <div class="long">
6729
6730                         Fires before the component is rendered. Return false to stop the render.
6731
6732
6733
6734
6735
6736                                 <dl class="detailList">
6737                                 <dt class="heading">Parameters:</dt>
6738
6739                                         <dt>
6740                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6741
6742                                         </dt>
6743                                         <dd></dd>
6744
6745                                 </dl>
6746
6747
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757                     </div>
6758                 </div>
6759
6760             </td>
6761             <td class="msource">
6762                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6763             </td>
6764         </tr>
6765
6766           <tr class="method-row expandable config-row-alt0">
6767             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6768
6769             <td class="sig">
6770                 <a id="Roo.Component-event-*beforeshow"></a>
6771
6772                <div class="fixedFont">
6773                 <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>)
6774
6775                 </div>
6776
6777                 <div class="mdesc">
6778
6779                    <div class="short">Fires before the component is shown.
6780
6781                 </div>
6782
6783                     <div class="long">
6784
6785                         Fires before the component is shown.  Return false to stop the show.
6786
6787
6788
6789
6790
6791                                 <dl class="detailList">
6792                                 <dt class="heading">Parameters:</dt>
6793
6794                                         <dt>
6795                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6796
6797                                         </dt>
6798                                         <dd></dd>
6799
6800                                 </dl>
6801
6802
6803
6804
6805
6806
6807
6808
6809
6810
6811
6812                     </div>
6813                 </div>
6814
6815             </td>
6816             <td class="msource">
6817                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6818             </td>
6819         </tr>
6820
6821           <tr class="method-row expandable config-row-alt1">
6822             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6823
6824             <td class="sig">
6825                 <a id="Roo.form.Field-event-*blur"></a>
6826
6827                <div class="fixedFont">
6828                 <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>)
6829
6830                 </div>
6831
6832                 <div class="mdesc">
6833
6834                    <div class="short">Fires when this field loses input focus.
6835
6836                 </div>
6837
6838                     <div class="long">
6839
6840                         Fires when this field loses input focus.
6841
6842
6843
6844
6845
6846                                 <dl class="detailList">
6847                                 <dt class="heading">Parameters:</dt>
6848
6849                                         <dt>
6850                                                 <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>
6851
6852                                         </dt>
6853                                         <dd></dd>
6854
6855                                 </dl>
6856
6857
6858
6859
6860
6861
6862
6863
6864
6865
6866
6867                     </div>
6868                 </div>
6869
6870             </td>
6871             <td class="msource">
6872                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6873             </td>
6874         </tr>
6875
6876           <tr class="method-row expandable config-row-alt0">
6877             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6878
6879             <td class="sig">
6880                 <a id="Roo.form.Field-event-*change"></a>
6881
6882                <div class="fixedFont">
6883                 <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>)
6884
6885                 </div>
6886
6887                 <div class="mdesc">
6888
6889                    <div class="short">Fires just before the field blurs if the field value has changed.
6890
6891                 </div>
6892
6893                     <div class="long">
6894
6895                         Fires just before the field blurs if the field value has changed.
6896
6897
6898
6899
6900
6901                                 <dl class="detailList">
6902                                 <dt class="heading">Parameters:</dt>
6903
6904                                         <dt>
6905                                                 <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>
6906
6907                                         </dt>
6908                                         <dd></dd>
6909
6910                                         <dt>
6911                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
6912
6913                                         </dt>
6914                                         <dd>The new value</dd>
6915
6916                                         <dt>
6917                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
6918
6919                                         </dt>
6920                                         <dd>The original value</dd>
6921
6922                                 </dl>
6923
6924
6925
6926
6927
6928
6929
6930
6931
6932
6933
6934                     </div>
6935                 </div>
6936
6937             </td>
6938             <td class="msource">
6939                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6940             </td>
6941         </tr>
6942
6943           <tr class="method-row expandable config-row-alt1">
6944             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6945
6946             <td class="sig">
6947                 <a id="Roo.Component-event-*destroy"></a>
6948
6949                <div class="fixedFont">
6950                 <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>)
6951
6952                 </div>
6953
6954                 <div class="mdesc">
6955
6956                    <div class="short">Fires after the component is destroyed.
6957
6958                 </div>
6959
6960                     <div class="long">
6961
6962                         Fires after the component is destroyed.
6963
6964
6965
6966
6967
6968                                 <dl class="detailList">
6969                                 <dt class="heading">Parameters:</dt>
6970
6971                                         <dt>
6972                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6973
6974                                         </dt>
6975                                         <dd></dd>
6976
6977                                 </dl>
6978
6979
6980
6981
6982
6983
6984
6985
6986
6987
6988
6989                     </div>
6990                 </div>
6991
6992             </td>
6993             <td class="msource">
6994                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6995             </td>
6996         </tr>
6997
6998           <tr class="method-row expandable config-row-alt0">
6999             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7000
7001             <td class="sig">
7002                 <a id="Roo.Component-event-*disable"></a>
7003
7004                <div class="fixedFont">
7005                 <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>)
7006
7007                 </div>
7008
7009                 <div class="mdesc">
7010
7011                    <div class="short">Fires after the component is disabled.
7012
7013                 </div>
7014
7015                     <div class="long">
7016
7017                         Fires after the component is disabled.
7018
7019
7020
7021
7022
7023                                 <dl class="detailList">
7024                                 <dt class="heading">Parameters:</dt>
7025
7026                                         <dt>
7027                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7028
7029                                         </dt>
7030                                         <dd></dd>
7031
7032                                 </dl>
7033
7034
7035
7036
7037
7038
7039
7040
7041
7042
7043
7044                     </div>
7045                 </div>
7046
7047             </td>
7048             <td class="msource">
7049                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7050             </td>
7051         </tr>
7052
7053           <tr class="method-row expandable config-row-alt1">
7054             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7055
7056             <td class="sig">
7057                 <a id="Roo.Component-event-*enable"></a>
7058
7059                <div class="fixedFont">
7060                 <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>)
7061
7062                 </div>
7063
7064                 <div class="mdesc">
7065
7066                    <div class="short">Fires after the component is enabled.
7067
7068                 </div>
7069
7070                     <div class="long">
7071
7072                         Fires after the component is enabled.
7073
7074
7075
7076
7077
7078                                 <dl class="detailList">
7079                                 <dt class="heading">Parameters:</dt>
7080
7081                                         <dt>
7082                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7083
7084                                         </dt>
7085                                         <dd></dd>
7086
7087                                 </dl>
7088
7089
7090
7091
7092
7093
7094
7095
7096
7097
7098
7099                     </div>
7100                 </div>
7101
7102             </td>
7103             <td class="msource">
7104                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7105             </td>
7106         </tr>
7107
7108           <tr class="method-row expandable config-row-alt0">
7109             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7110
7111             <td class="sig">
7112                 <a id="Roo.form.Field-event-*focus"></a>
7113
7114                <div class="fixedFont">
7115                 <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>)
7116
7117                 </div>
7118
7119                 <div class="mdesc">
7120
7121                    <div class="short">Fires when this field receives input focus.
7122
7123                 </div>
7124
7125                     <div class="long">
7126
7127                         Fires when this field receives input focus.
7128
7129
7130
7131
7132
7133                                 <dl class="detailList">
7134                                 <dt class="heading">Parameters:</dt>
7135
7136                                         <dt>
7137                                                 <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>
7138
7139                                         </dt>
7140                                         <dd></dd>
7141
7142                                 </dl>
7143
7144
7145
7146
7147
7148
7149
7150
7151
7152
7153
7154                     </div>
7155                 </div>
7156
7157             </td>
7158             <td class="msource">
7159                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7160             </td>
7161         </tr>
7162
7163           <tr class="method-row expandable config-row-alt1">
7164             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7165
7166             <td class="sig">
7167                 <a id="Roo.Component-event-*hide"></a>
7168
7169                <div class="fixedFont">
7170                 <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>)
7171
7172                 </div>
7173
7174                 <div class="mdesc">
7175
7176                    <div class="short">Fires after the component is hidden.
7177
7178                 </div>
7179
7180                     <div class="long">
7181
7182                         Fires after the component is hidden.
7183
7184
7185
7186
7187
7188                                 <dl class="detailList">
7189                                 <dt class="heading">Parameters:</dt>
7190
7191                                         <dt>
7192                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7193
7194                                         </dt>
7195                                         <dd></dd>
7196
7197                                 </dl>
7198
7199
7200
7201
7202
7203
7204
7205
7206
7207
7208
7209                     </div>
7210                 </div>
7211
7212             </td>
7213             <td class="msource">
7214                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7215             </td>
7216         </tr>
7217
7218           <tr class="method-row expandable config-row-alt0">
7219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7220
7221             <td class="sig">
7222                 <a id="Roo.form.Field-event-*invalid"></a>
7223
7224                <div class="fixedFont">
7225                 <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>)
7226
7227                 </div>
7228
7229                 <div class="mdesc">
7230
7231                    <div class="short">Fires after the field has been marked as invalid.
7232
7233                 </div>
7234
7235                     <div class="long">
7236
7237                         Fires after the field has been marked as invalid.
7238
7239
7240
7241
7242
7243                                 <dl class="detailList">
7244                                 <dt class="heading">Parameters:</dt>
7245
7246                                         <dt>
7247                                                 <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>
7248
7249                                         </dt>
7250                                         <dd></dd>
7251
7252                                         <dt>
7253                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
7254
7255                                         </dt>
7256                                         <dd>The validation message</dd>
7257
7258                                 </dl>
7259
7260
7261
7262
7263
7264
7265
7266
7267
7268
7269
7270                     </div>
7271                 </div>
7272
7273             </td>
7274             <td class="msource">
7275                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7276             </td>
7277         </tr>
7278
7279           <tr class="method-row expandable config-row-alt1">
7280             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7281
7282             <td class="sig">
7283                 <a id="Roo.form.Field-event-*keyup"></a>
7284
7285                <div class="fixedFont">
7286                 <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>)
7287
7288                 </div>
7289
7290                 <div class="mdesc">
7291
7292                    <div class="short">Fires after the key up
7293
7294                 </div>
7295
7296                     <div class="long">
7297
7298                         Fires after the key up
7299
7300
7301
7302
7303
7304                                 <dl class="detailList">
7305                                 <dt class="heading">Parameters:</dt>
7306
7307                                         <dt>
7308                                                 <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>
7309
7310                                         </dt>
7311                                         <dd></dd>
7312
7313                                         <dt>
7314                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7315
7316                                         </dt>
7317                                         <dd>The event Object</dd>
7318
7319                                 </dl>
7320
7321
7322
7323
7324
7325
7326
7327
7328
7329
7330
7331                     </div>
7332                 </div>
7333
7334             </td>
7335             <td class="msource">
7336                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7337             </td>
7338         </tr>
7339
7340           <tr class="method-row expandable config-row-alt0">
7341             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7342
7343             <td class="sig">
7344                 <a id="Roo.BoxComponent-event-*move"></a>
7345
7346                <div class="fixedFont">
7347                 <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>)
7348
7349                 </div>
7350
7351                 <div class="mdesc">
7352
7353                    <div class="short">Fires after the component is moved.
7354
7355                 </div>
7356
7357                     <div class="long">
7358
7359                         Fires after the component is moved.
7360
7361
7362
7363
7364
7365                                 <dl class="detailList">
7366                                 <dt class="heading">Parameters:</dt>
7367
7368                                         <dt>
7369                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7370
7371                                         </dt>
7372                                         <dd></dd>
7373
7374                                         <dt>
7375                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7376
7377                                         </dt>
7378                                         <dd>The new x position</dd>
7379
7380                                         <dt>
7381                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7382
7383                                         </dt>
7384                                         <dd>The new y position</dd>
7385
7386                                 </dl>
7387
7388
7389
7390
7391
7392
7393
7394
7395
7396
7397
7398                     </div>
7399                 </div>
7400
7401             </td>
7402             <td class="msource">
7403                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7404             </td>
7405         </tr>
7406
7407           <tr class="method-row expandable config-row-alt1">
7408             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7409
7410             <td class="sig">
7411                 <a id="Roo.Component-event-*render"></a>
7412
7413                <div class="fixedFont">
7414                 <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>)
7415
7416                 </div>
7417
7418                 <div class="mdesc">
7419
7420                    <div class="short">Fires after the component is rendered.
7421
7422                 </div>
7423
7424                     <div class="long">
7425
7426                         Fires after the component is rendered.
7427
7428
7429
7430
7431
7432                                 <dl class="detailList">
7433                                 <dt class="heading">Parameters:</dt>
7434
7435                                         <dt>
7436                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7437
7438                                         </dt>
7439                                         <dd></dd>
7440
7441                                 </dl>
7442
7443
7444
7445
7446
7447
7448
7449
7450
7451
7452
7453                     </div>
7454                 </div>
7455
7456             </td>
7457             <td class="msource">
7458                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7459             </td>
7460         </tr>
7461
7462           <tr class="method-row expandable config-row-alt0">
7463             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7464
7465             <td class="sig">
7466                 <a id="Roo.BoxComponent-event-*resize"></a>
7467
7468                <div class="fixedFont">
7469                 <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>)
7470
7471                 </div>
7472
7473                 <div class="mdesc">
7474
7475                    <div class="short">Fires after the component is resized.
7476
7477                 </div>
7478
7479                     <div class="long">
7480
7481                         Fires after the component is resized.
7482
7483
7484
7485
7486
7487                                 <dl class="detailList">
7488                                 <dt class="heading">Parameters:</dt>
7489
7490                                         <dt>
7491                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7492
7493                                         </dt>
7494                                         <dd></dd>
7495
7496                                         <dt>
7497                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
7498
7499                                         </dt>
7500                                         <dd>The box-adjusted width that was set</dd>
7501
7502                                         <dt>
7503                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
7504
7505                                         </dt>
7506                                         <dd>The box-adjusted height that was set</dd>
7507
7508                                         <dt>
7509                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
7510
7511                                         </dt>
7512                                         <dd>The width that was originally specified</dd>
7513
7514                                         <dt>
7515                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
7516
7517                                         </dt>
7518                                         <dd>The height that was originally specified</dd>
7519
7520                                 </dl>
7521
7522
7523
7524
7525
7526
7527
7528
7529
7530
7531
7532                     </div>
7533                 </div>
7534
7535             </td>
7536             <td class="msource">
7537                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7538             </td>
7539         </tr>
7540
7541           <tr class="method-row expandable config-row-alt1">
7542             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7543
7544             <td class="sig">
7545                 <a id="Roo.Component-event-*show"></a>
7546
7547                <div class="fixedFont">
7548                 <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>)
7549
7550                 </div>
7551
7552                 <div class="mdesc">
7553
7554                    <div class="short">Fires after the component is shown.
7555
7556                 </div>
7557
7558                     <div class="long">
7559
7560                         Fires after the component is shown.
7561
7562
7563
7564
7565
7566                                 <dl class="detailList">
7567                                 <dt class="heading">Parameters:</dt>
7568
7569                                         <dt>
7570                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7571
7572                                         </dt>
7573                                         <dd></dd>
7574
7575                                 </dl>
7576
7577
7578
7579
7580
7581
7582
7583
7584
7585
7586
7587                     </div>
7588                 </div>
7589
7590             </td>
7591             <td class="msource">
7592                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7593             </td>
7594         </tr>
7595
7596           <tr class="method-row expandable config-row-alt0">
7597             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7598
7599             <td class="sig">
7600                 <a id="Roo.form.Field-event-*specialkey"></a>
7601
7602                <div class="fixedFont">
7603                 <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>)
7604
7605                 </div>
7606
7607                 <div class="mdesc">
7608
7609                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
7610
7611                 </div>
7612
7613                     <div class="long">
7614
7615                         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.
7616
7617
7618
7619
7620
7621                                 <dl class="detailList">
7622                                 <dt class="heading">Parameters:</dt>
7623
7624                                         <dt>
7625                                                 <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>
7626
7627                                         </dt>
7628                                         <dd></dd>
7629
7630                                         <dt>
7631                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7632
7633                                         </dt>
7634                                         <dd>The event object</dd>
7635
7636                                 </dl>
7637
7638
7639
7640
7641
7642
7643
7644
7645
7646
7647
7648                     </div>
7649                 </div>
7650
7651             </td>
7652             <td class="msource">
7653                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7654             </td>
7655         </tr>
7656
7657           <tr class="method-row expandable config-row-alt1">
7658             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7659
7660             <td class="sig">
7661                 <a id="Roo.form.Field-event-*valid"></a>
7662
7663                <div class="fixedFont">
7664                 <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>)
7665
7666                 </div>
7667
7668                 <div class="mdesc">
7669
7670                    <div class="short">Fires after the field has been validated with no errors.
7671
7672                 </div>
7673
7674                     <div class="long">
7675
7676                         Fires after the field has been validated with no errors.
7677
7678
7679
7680
7681
7682                                 <dl class="detailList">
7683                                 <dt class="heading">Parameters:</dt>
7684
7685                                         <dt>
7686                                                 <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>
7687
7688                                         </dt>
7689                                         <dd></dd>
7690
7691                                 </dl>
7692
7693
7694
7695
7696
7697
7698
7699
7700
7701
7702
7703                     </div>
7704                 </div>
7705
7706             </td>
7707             <td class="msource">
7708                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7709             </td>
7710         </tr>
7711
7712
7713     </table>
7714
7715
7716
7717
7718
7719 <!-- ============================== footer ================================= -->
7720                 <div class="fineprint" style="clear:both">
7721
7722                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 28 2016 18:00:57 GMT+0800 (HKT)
7723                         Based on
7724                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
7725                 </div>
7726         </body>
7727 </html>