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.form.Field-method-hasChanged"   name=".hasChanged"></a>
4282                 <div class="fixedFont">
4283                         <span class="attributes"></span><b class="itemname">hasChanged</b>
4284
4285                                  ()
4286
4287
4288
4289                 </div>
4290                 <div class="mdesc">
4291
4292                    <div class="short">checks the current value against the 'loaded' value.</div>
4293
4294
4295
4296                     <div class="long">
4297
4298                                 checks the current value against the 'loaded' value.<br/>Note - will return false if 'resetHasChanged' has not been called first.
4299
4300
4301
4302
4303
4304
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314
4315                     </div>
4316                 </div>
4317
4318             </td>
4319             <td class="msource">
4320
4321                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4322                 &nbsp;
4323             </td>
4324         </tr>
4325
4326
4327           <tr class="method-row config-row-alt0 expandable">
4328             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4329
4330
4331             <td class="sig">
4332                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
4333                 <div class="fixedFont">
4334                         <span class="attributes"></span><b class="itemname">hasListener</b>
4335
4336                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
4337
4338
4339                                          :
4340
4341
4342                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4343
4344
4345
4346
4347
4348                 </div>
4349                 <div class="mdesc">
4350
4351                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
4352
4353
4354
4355                     <div class="long">
4356
4357                                 Checks to see if this object has any listeners for a specified event
4358
4359
4360
4361
4362
4363
4364                                 <dl class="detailList">
4365                                 <dt class="heading">Parameters:</dt>
4366
4367                                         <dt>
4368                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4369
4370                                         </dt>
4371                                         <dd>The name of the event to check for</dd>
4372
4373                                 </dl>
4374
4375
4376
4377
4378
4379                                 <dl class="detailList">
4380                                 <dt class="heading">Returns:</dt>
4381
4382                                         <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>
4383
4384                                 </dl>
4385
4386
4387
4388
4389
4390
4391
4392                     </div>
4393                 </div>
4394
4395             </td>
4396             <td class="msource">
4397
4398                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4399                 &nbsp;
4400             </td>
4401         </tr>
4402
4403
4404           <tr class="method-row config-row-alt1 expandable">
4405             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4406
4407
4408             <td class="sig">
4409                 <a id="Roo.Component-method-hide"   name=".hide"></a>
4410                 <div class="fixedFont">
4411                         <span class="attributes"></span><b class="itemname">hide</b>
4412
4413                                  ()
4414
4415
4416                                          :
4417
4418
4419                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4420
4421
4422
4423
4424
4425                 </div>
4426                 <div class="mdesc">
4427
4428                    <div class="short">Hide this component.</div>
4429
4430
4431
4432                     <div class="long">
4433
4434                                 Hide this component.
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445                                 <dl class="detailList">
4446                                 <dt class="heading">Returns:</dt>
4447
4448                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4449
4450                                 </dl>
4451
4452
4453
4454
4455
4456
4457
4458                     </div>
4459                 </div>
4460
4461             </td>
4462             <td class="msource">
4463
4464                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4465                 &nbsp;
4466             </td>
4467         </tr>
4468
4469
4470           <tr class="method-row config-row-alt0 expandable">
4471             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4472
4473
4474             <td class="sig">
4475                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
4476                 <div class="fixedFont">
4477                         <span class="attributes"></span><b class="itemname">isDirty</b>
4478
4479                                  ()
4480
4481
4482
4483                 </div>
4484                 <div class="mdesc">
4485
4486                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
4487
4488
4489
4490                     <div class="long">
4491
4492                                 Returns true if this field has been changed since it was originally loaded and is not disabled.<br/>DEPRICATED  - it never worked well - use hasChanged/resetHasChanged.
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                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4516                 &nbsp;
4517             </td>
4518         </tr>
4519
4520
4521           <tr class="method-row config-row-alt1 expandable notInherited">
4522             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4523
4524
4525             <td class="sig">
4526                 <a id="Roo.form.Select-method-isExpanded"   name=".isExpanded"></a>
4527                 <div class="fixedFont">
4528                         <span class="attributes"></span><b class="itemname">isExpanded</b>
4529
4530                                  ()
4531
4532
4533
4534                 </div>
4535                 <div class="mdesc">
4536
4537                    <div class="short">Returns true if the dropdown list is expanded, else false.</div>
4538
4539
4540
4541                     <div class="long">
4542
4543                                 Returns true if the dropdown list is expanded, else false.
4544
4545
4546
4547
4548
4549
4550
4551
4552
4553
4554
4555
4556
4557
4558
4559
4560                     </div>
4561                 </div>
4562
4563             </td>
4564             <td class="msource">
4565
4566                         Roo.form.Select
4567                 &nbsp;
4568             </td>
4569         </tr>
4570
4571
4572           <tr class="method-row config-row-alt0 expandable">
4573             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4574
4575
4576             <td class="sig">
4577                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
4578                 <div class="fixedFont">
4579                         <span class="attributes"></span><b class="itemname">isValid</b>
4580
4581                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
4582
4583
4584                                          :
4585
4586
4587                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4588
4589
4590
4591
4592
4593                 </div>
4594                 <div class="mdesc">
4595
4596                    <div class="short">Returns whether or not the field value is currently valid</div>
4597
4598
4599
4600                     <div class="long">
4601
4602                                 Returns whether or not the field value is currently valid
4603
4604
4605
4606
4607
4608
4609                                 <dl class="detailList">
4610                                 <dt class="heading">Parameters:</dt>
4611
4612                                         <dt>
4613                                                 <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>
4614
4615                                         </dt>
4616                                         <dd>True to disable marking the field invalid</dd>
4617
4618                                 </dl>
4619
4620
4621
4622
4623
4624                                 <dl class="detailList">
4625                                 <dt class="heading">Returns:</dt>
4626
4627                                         <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>
4628
4629                                 </dl>
4630
4631
4632
4633
4634
4635
4636
4637                     </div>
4638                 </div>
4639
4640             </td>
4641             <td class="msource">
4642
4643                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</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.Component-method-isVisible"   name=".isVisible"></a>
4655                 <div class="fixedFont">
4656                         <span class="attributes"></span><b class="itemname">isVisible</b>
4657
4658                                  ()
4659
4660
4661
4662                 </div>
4663                 <div class="mdesc">
4664
4665                    <div class="short">Returns true if this component is visible.</div>
4666
4667
4668
4669                     <div class="long">
4670
4671                                 Returns true if this component is visible.
4672
4673
4674
4675
4676
4677
4678
4679
4680
4681
4682
4683
4684
4685
4686
4687
4688                     </div>
4689                 </div>
4690
4691             </td>
4692             <td class="msource">
4693
4694                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4695                 &nbsp;
4696             </td>
4697         </tr>
4698
4699
4700           <tr class="method-row config-row-alt0 expandable">
4701             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4702
4703
4704             <td class="sig">
4705                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
4706                 <div class="fixedFont">
4707                         <span class="attributes"></span><b class="itemname">markInvalid</b>
4708
4709                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
4710
4711
4712
4713                 </div>
4714                 <div class="mdesc">
4715
4716                    <div class="short">Mark this field as invalid</div>
4717
4718
4719
4720                     <div class="long">
4721
4722                                 Mark this field as invalid
4723
4724
4725
4726
4727
4728
4729                                 <dl class="detailList">
4730                                 <dt class="heading">Parameters:</dt>
4731
4732                                         <dt>
4733                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
4734
4735                                         </dt>
4736                                         <dd>The validation message</dd>
4737
4738                                 </dl>
4739
4740
4741
4742
4743
4744
4745
4746
4747
4748
4749
4750                     </div>
4751                 </div>
4752
4753             </td>
4754             <td class="msource">
4755
4756                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4757                 &nbsp;
4758             </td>
4759         </tr>
4760
4761
4762           <tr class="method-row config-row-alt1 expandable">
4763             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4764
4765
4766             <td class="sig">
4767                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
4768                 <div class="fixedFont">
4769                         <span class="attributes"></span><b class="itemname">on</b>
4770
4771                                  (<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>)
4772
4773
4774
4775                 </div>
4776                 <div class="mdesc">
4777
4778                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
4779
4780
4781
4782                     <div class="long">
4783
4784                                 Appends an event handler to this element (shorthand for addListener)
4785
4786
4787
4788
4789
4790
4791                                 <dl class="detailList">
4792                                 <dt class="heading">Parameters:</dt>
4793
4794                                         <dt>
4795                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4796
4797                                         </dt>
4798                                         <dd>The type of event to listen for</dd>
4799
4800                                         <dt>
4801                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4802
4803                                         </dt>
4804                                         <dd>The method the event invokes</dd>
4805
4806                                         <dt>
4807                                                 <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>
4808
4809                                         </dt>
4810                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
4811
4812                                         <dt>
4813                                                 <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>
4814
4815                                         </dt>
4816                                         <dd>(optional)</dd>
4817
4818                                 </dl>
4819
4820
4821
4822
4823
4824
4825
4826
4827
4828
4829
4830                     </div>
4831                 </div>
4832
4833             </td>
4834             <td class="msource">
4835
4836                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4837                 &nbsp;
4838             </td>
4839         </tr>
4840
4841
4842           <tr class="method-row config-row-alt0 expandable">
4843             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4844
4845
4846             <td class="sig">
4847                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
4848                 <div class="fixedFont">
4849                         <span class="attributes"></span><b class="itemname">onPosition</b>
4850
4851                                  (<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>)
4852
4853
4854
4855                 </div>
4856                 <div class="mdesc">
4857
4858                    <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>
4859
4860
4861
4862                     <div class="long">
4863
4864                                 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.
4865
4866
4867
4868
4869
4870
4871                                 <dl class="detailList">
4872                                 <dt class="heading">Parameters:</dt>
4873
4874                                         <dt>
4875                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
4876
4877                                         </dt>
4878                                         <dd>The new x position</dd>
4879
4880                                         <dt>
4881                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
4882
4883                                         </dt>
4884                                         <dd>The new y position</dd>
4885
4886                                 </dl>
4887
4888
4889
4890
4891
4892
4893
4894
4895
4896
4897
4898                     </div>
4899                 </div>
4900
4901             </td>
4902             <td class="msource">
4903
4904                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4905                 &nbsp;
4906             </td>
4907         </tr>
4908
4909
4910           <tr class="method-row config-row-alt1 expandable">
4911             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4912
4913
4914             <td class="sig">
4915                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
4916                 <div class="fixedFont">
4917                         <span class="attributes"></span><b class="itemname">onResize</b>
4918
4919                                  (<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>)
4920
4921
4922
4923                 </div>
4924                 <div class="mdesc">
4925
4926                    <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>
4927
4928
4929
4930                     <div class="long">
4931
4932                                 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.
4933
4934
4935
4936
4937
4938
4939                                 <dl class="detailList">
4940                                 <dt class="heading">Parameters:</dt>
4941
4942                                         <dt>
4943                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
4944
4945                                         </dt>
4946                                         <dd>The box-adjusted width that was set</dd>
4947
4948                                         <dt>
4949                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
4950
4951                                         </dt>
4952                                         <dd>The box-adjusted height that was set</dd>
4953
4954                                         <dt>
4955                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
4956
4957                                         </dt>
4958                                         <dd>The width that was originally specified</dd>
4959
4960                                         <dt>
4961                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
4962
4963                                         </dt>
4964                                         <dd>The height that was originally specified</dd>
4965
4966                                 </dl>
4967
4968
4969
4970
4971
4972
4973
4974
4975
4976
4977
4978                     </div>
4979                 </div>
4980
4981             </td>
4982             <td class="msource">
4983
4984                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4985                 &nbsp;
4986             </td>
4987         </tr>
4988
4989
4990           <tr class="method-row config-row-alt0 expandable">
4991             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4992
4993
4994             <td class="sig">
4995                 <a id="Roo.form.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
4996                 <div class="fixedFont">
4997                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
4998
4999                                  (EventObject <B><i>e</i></B>)
5000
5001
5002
5003                 </div>
5004                 <div class="mdesc">
5005
5006                    <div class="short">The function that should handle the trigger's click event.</div>
5007
5008
5009
5010                     <div class="long">
5011
5012                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
5013
5014
5015
5016
5017
5018
5019                                 <dl class="detailList">
5020                                 <dt class="heading">Parameters:</dt>
5021
5022                                         <dt>
5023                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
5024
5025                                         </dt>
5026                                         <dd></dd>
5027
5028                                 </dl>
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.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</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-purgeListeners"   name=".purgeListeners"></a>
5058                 <div class="fixedFont">
5059                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
5060
5061                                  ()
5062
5063
5064
5065                 </div>
5066                 <div class="mdesc">
5067
5068                    <div class="short">Removes all listeners for this object</div>
5069
5070
5071
5072                     <div class="long">
5073
5074                                 Removes all listeners for this object
5075
5076
5077
5078
5079
5080
5081
5082
5083
5084
5085
5086
5087
5088
5089
5090
5091                     </div>
5092                 </div>
5093
5094             </td>
5095             <td class="msource">
5096
5097                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5098                 &nbsp;
5099             </td>
5100         </tr>
5101
5102
5103           <tr class="method-row config-row-alt0 expandable">
5104             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5105
5106
5107             <td class="sig">
5108                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
5109                 <div class="fixedFont">
5110                         <span class="attributes"></span><b class="itemname">removeListener</b>
5111
5112                                  (<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>)
5113
5114
5115
5116                 </div>
5117                 <div class="mdesc">
5118
5119                    <div class="short">Removes a listener</div>
5120
5121
5122
5123                     <div class="long">
5124
5125                                 Removes a listener
5126
5127
5128
5129
5130
5131
5132                                 <dl class="detailList">
5133                                 <dt class="heading">Parameters:</dt>
5134
5135                                         <dt>
5136                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
5137
5138                                         </dt>
5139                                         <dd>The type of event to listen for</dd>
5140
5141                                         <dt>
5142                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
5143
5144                                         </dt>
5145                                         <dd>The handler to remove</dd>
5146
5147                                         <dt>
5148                                                 <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>
5149
5150                                         </dt>
5151                                         <dd>(optional) The scope (this object) for the handler</dd>
5152
5153                                 </dl>
5154
5155
5156
5157
5158
5159
5160
5161
5162
5163
5164
5165                     </div>
5166                 </div>
5167
5168             </td>
5169             <td class="msource">
5170
5171                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5172                 &nbsp;
5173             </td>
5174         </tr>
5175
5176
5177           <tr class="method-row config-row-alt1 expandable">
5178             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5179
5180
5181             <td class="sig">
5182                 <a id="Roo.Component-method-render"   name=".render"></a>
5183                 <div class="fixedFont">
5184                         <span class="attributes"></span><b class="itemname">render</b>
5185
5186                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
5187
5188
5189
5190                 </div>
5191                 <div class="mdesc">
5192
5193                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
5194
5195
5196
5197                     <div class="long">
5198
5199                                 If this is a lazy rendering component, render it to its container element.
5200
5201
5202
5203
5204
5205
5206                                 <dl class="detailList">
5207                                 <dt class="heading">Parameters:</dt>
5208
5209                                         <dt>
5210                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
5211
5212                                         </dt>
5213                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
5214
5215                                 </dl>
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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5234                 &nbsp;
5235             </td>
5236         </tr>
5237
5238
5239           <tr class="method-row config-row-alt0 expandable">
5240             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5241
5242
5243             <td class="sig">
5244                 <a id="Roo.form.TextField-method-reset"   name=".reset"></a>
5245                 <div class="fixedFont">
5246                         <span class="attributes"></span><b class="itemname">reset</b>
5247
5248                                  ()
5249
5250
5251
5252                 </div>
5253                 <div class="mdesc">
5254
5255                    <div class="short">Resets the current field value to the originally-loaded value and clears any validation messages.</div>
5256
5257
5258
5259                     <div class="long">
5260
5261                                 Resets the current field value to the originally-loaded value and clears any validation messages.
5262
5263
5264
5265
5266
5267
5268
5269
5270
5271
5272
5273
5274
5275
5276
5277
5278                     </div>
5279                 </div>
5280
5281             </td>
5282             <td class="msource">
5283
5284                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5285                 &nbsp;
5286             </td>
5287         </tr>
5288
5289
5290           <tr class="method-row config-row-alt1 expandable">
5291             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5292
5293
5294             <td class="sig">
5295                 <a id="Roo.form.Field-method-resetHasChanged"   name=".resetHasChanged"></a>
5296                 <div class="fixedFont">
5297                         <span class="attributes"></span><b class="itemname">resetHasChanged</b>
5298
5299                                  ()
5300
5301
5302
5303                 </div>
5304                 <div class="mdesc">
5305
5306                    <div class="short">stores the current value in loadedValue</div>
5307
5308
5309
5310                     <div class="long">
5311
5312                                 stores the current value in loadedValue
5313
5314
5315
5316
5317
5318
5319
5320
5321
5322
5323
5324
5325
5326
5327
5328
5329                     </div>
5330                 </div>
5331
5332             </td>
5333             <td class="msource">
5334
5335                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5336                 &nbsp;
5337             </td>
5338         </tr>
5339
5340
5341           <tr class="method-row config-row-alt0 expandable notInherited">
5342             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5343
5344
5345             <td class="sig">
5346                 <a id="Roo.form.Select-method-select"   name=".select"></a>
5347                 <div class="fixedFont">
5348                         <span class="attributes"></span><b class="itemname">select</b>
5349
5350                                  (<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>)
5351
5352
5353
5354                 </div>
5355                 <div class="mdesc">
5356
5357                    <div class="short">Select an item in the dropdown list by its numeric index in the list.</div>
5358
5359
5360
5361                     <div class="long">
5362
5363                                 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.
5364
5365
5366
5367
5368
5369
5370                                 <dl class="detailList">
5371                                 <dt class="heading">Parameters:</dt>
5372
5373                                         <dt>
5374                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>index</b>
5375
5376                                         </dt>
5377                                         <dd>The zero-based index of the list item to select</dd>
5378
5379                                         <dt>
5380                                                 <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>
5381
5382                                         </dt>
5383                                         <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>
5384
5385                                 </dl>
5386
5387
5388
5389
5390
5391
5392
5393
5394
5395
5396
5397                     </div>
5398                 </div>
5399
5400             </td>
5401             <td class="msource">
5402
5403                         Roo.form.Select
5404                 &nbsp;
5405             </td>
5406         </tr>
5407
5408
5409           <tr class="method-row config-row-alt1 expandable notInherited">
5410             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5411
5412
5413             <td class="sig">
5414                 <a id="Roo.form.Select-method-selectByValue"   name=".selectByValue"></a>
5415                 <div class="fixedFont">
5416                         <span class="attributes"></span><b class="itemname">selectByValue</b>
5417
5418                                  (<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>)
5419
5420
5421                                          :
5422
5423
5424                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5425
5426
5427
5428
5429
5430                 </div>
5431                 <div class="mdesc">
5432
5433                    <div class="short">Select an item in the dropdown list by its data value.</div>
5434
5435
5436
5437                     <div class="long">
5438
5439                                 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.
5440
5441
5442
5443
5444
5445
5446                                 <dl class="detailList">
5447                                 <dt class="heading">Parameters:</dt>
5448
5449                                         <dt>
5450                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5451
5452                                         </dt>
5453                                         <dd>The data value of the item to select</dd>
5454
5455                                         <dt>
5456                                                 <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>
5457
5458                                         </dt>
5459                                         <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>
5460
5461                                 </dl>
5462
5463
5464
5465
5466
5467                                 <dl class="detailList">
5468                                 <dt class="heading">Returns:</dt>
5469
5470                                         <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>
5471
5472                                 </dl>
5473
5474
5475
5476
5477
5478
5479
5480                     </div>
5481                 </div>
5482
5483             </td>
5484             <td class="msource">
5485
5486                         Roo.form.Select
5487                 &nbsp;
5488             </td>
5489         </tr>
5490
5491
5492           <tr class="method-row config-row-alt0 expandable">
5493             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5494
5495
5496             <td class="sig">
5497                 <a id="Roo.form.TextField-method-selectText"   name=".selectText"></a>
5498                 <div class="fixedFont">
5499                         <span class="attributes"></span><b class="itemname">selectText</b>
5500
5501                                  (<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>)
5502
5503
5504
5505                 </div>
5506                 <div class="mdesc">
5507
5508                    <div class="short">Selects text in this field</div>
5509
5510
5511
5512                     <div class="long">
5513
5514                                 Selects text in this field
5515
5516
5517
5518
5519
5520
5521                                 <dl class="detailList">
5522                                 <dt class="heading">Parameters:</dt>
5523
5524                                         <dt>
5525                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>start</b>
5526
5527                                         </dt>
5528                                         <dd>(optional) The index where the selection should start (defaults to 0)</dd>
5529
5530                                         <dt>
5531                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>end</b>
5532
5533                                         </dt>
5534                                         <dd>(optional) The index where the selection should end (defaults to the text length)</dd>
5535
5536                                 </dl>
5537
5538
5539
5540
5541
5542
5543
5544
5545
5546
5547
5548                     </div>
5549                 </div>
5550
5551             </td>
5552             <td class="msource">
5553
5554                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5555                 &nbsp;
5556             </td>
5557         </tr>
5558
5559
5560           <tr class="method-row config-row-alt1 expandable">
5561             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5562
5563
5564             <td class="sig">
5565                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
5566                 <div class="fixedFont">
5567                         <span class="attributes"></span><b class="itemname">setDisabled</b>
5568
5569                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
5570
5571
5572
5573                 </div>
5574                 <div class="mdesc">
5575
5576                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
5577
5578
5579
5580                     <div class="long">
5581
5582                                 Convenience function for setting disabled/enabled by boolean.
5583
5584
5585
5586
5587
5588
5589                                 <dl class="detailList">
5590                                 <dt class="heading">Parameters:</dt>
5591
5592                                         <dt>
5593                                                 <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>
5594
5595                                         </dt>
5596                                         <dd></dd>
5597
5598                                 </dl>
5599
5600
5601
5602
5603
5604
5605
5606
5607
5608
5609
5610                     </div>
5611                 </div>
5612
5613             </td>
5614             <td class="msource">
5615
5616                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5617                 &nbsp;
5618             </td>
5619         </tr>
5620
5621
5622           <tr class="method-row config-row-alt0 expandable notInherited">
5623             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5624
5625
5626             <td class="sig">
5627                 <a id="Roo.form.Select-method-setEditable"   name=".setEditable"></a>
5628                 <div class="fixedFont">
5629                         <span class="attributes"></span><b class="itemname">setEditable</b>
5630
5631                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
5632
5633
5634
5635                 </div>
5636                 <div class="mdesc">
5637
5638                    <div class="short">Allow or prevent the user from directly editing the field text.</div>
5639
5640
5641
5642                     <div class="long">
5643
5644                                 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.
5645
5646
5647
5648
5649
5650
5651                                 <dl class="detailList">
5652                                 <dt class="heading">Parameters:</dt>
5653
5654                                         <dt>
5655                                                 <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>
5656
5657                                         </dt>
5658                                         <dd>True to allow the user to directly edit the field text</dd>
5659
5660                                 </dl>
5661
5662
5663
5664
5665
5666
5667
5668
5669
5670
5671
5672                     </div>
5673                 </div>
5674
5675             </td>
5676             <td class="msource">
5677
5678                         Roo.form.Select
5679                 &nbsp;
5680             </td>
5681         </tr>
5682
5683
5684           <tr class="method-row config-row-alt1 expandable notInherited">
5685             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5686
5687
5688             <td class="sig">
5689                 <a id="Roo.form.Select-method-setFromData"   name=".setFromData"></a>
5690                 <div class="fixedFont">
5691                         <span class="attributes"></span><b class="itemname">setFromData</b>
5692
5693                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>value</i></B>)
5694
5695
5696
5697                 </div>
5698                 <div class="mdesc">
5699
5700                    <div class="short">Sets the value of the field based on a object which is related to the record format for the store.</div>
5701
5702
5703
5704                     <div class="long">
5705
5706                                 Sets the value of the field based on a object which is related to the record format for the store.
5707
5708
5709
5710
5711
5712
5713                                 <dl class="detailList">
5714                                 <dt class="heading">Parameters:</dt>
5715
5716                                         <dt>
5717                                                 <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>
5718
5719                                         </dt>
5720                                         <dd>the value to set as. or false on reset?</dd>
5721
5722                                 </dl>
5723
5724
5725
5726
5727
5728
5729
5730
5731
5732
5733
5734                     </div>
5735                 </div>
5736
5737             </td>
5738             <td class="msource">
5739
5740                         Roo.form.Select
5741                 &nbsp;
5742             </td>
5743         </tr>
5744
5745
5746           <tr class="method-row config-row-alt0 expandable">
5747             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5748
5749
5750             <td class="sig">
5751                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
5752                 <div class="fixedFont">
5753                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
5754
5755                                  (<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>)
5756
5757
5758
5759                 </div>
5760                 <div class="mdesc">
5761
5762                    <div class="short">Sets the page XY position of the component.</div>
5763
5764
5765
5766                     <div class="long">
5767
5768                                 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.
5769
5770
5771
5772
5773
5774
5775                                 <dl class="detailList">
5776                                 <dt class="heading">Parameters:</dt>
5777
5778                                         <dt>
5779                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
5780
5781                                         </dt>
5782                                         <dd>The new x position</dd>
5783
5784                                         <dt>
5785                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
5786
5787                                         </dt>
5788                                         <dd>The new y position</dd>
5789
5790                                 </dl>
5791
5792
5793
5794
5795
5796
5797
5798
5799
5800
5801
5802                     </div>
5803                 </div>
5804
5805             </td>
5806             <td class="msource">
5807
5808                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5809                 &nbsp;
5810             </td>
5811         </tr>
5812
5813
5814           <tr class="method-row config-row-alt1 expandable">
5815             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5816
5817
5818             <td class="sig">
5819                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
5820                 <div class="fixedFont">
5821                         <span class="attributes"></span><b class="itemname">setPosition</b>
5822
5823                                  (<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>)
5824
5825
5826
5827                 </div>
5828                 <div class="mdesc">
5829
5830                    <div class="short">Sets the left and top of the component.</div>
5831
5832
5833
5834                     <div class="long">
5835
5836                                 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.
5837
5838
5839
5840
5841
5842
5843                                 <dl class="detailList">
5844                                 <dt class="heading">Parameters:</dt>
5845
5846                                         <dt>
5847                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
5848
5849                                         </dt>
5850                                         <dd>The new left</dd>
5851
5852                                         <dt>
5853                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
5854
5855                                         </dt>
5856                                         <dd>The new top</dd>
5857
5858                                 </dl>
5859
5860
5861
5862
5863
5864
5865
5866
5867
5868
5869
5870                     </div>
5871                 </div>
5872
5873             </td>
5874             <td class="msource">
5875
5876                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5877                 &nbsp;
5878             </td>
5879         </tr>
5880
5881
5882           <tr class="method-row config-row-alt0 expandable">
5883             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5884
5885
5886             <td class="sig">
5887                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
5888                 <div class="fixedFont">
5889                         <span class="attributes"></span><b class="itemname">setRawValue</b>
5890
5891                                  (Mixed <B><i>value</i></B>)
5892
5893
5894
5895                 </div>
5896                 <div class="mdesc">
5897
5898                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
5899
5900
5901
5902                     <div class="long">
5903
5904                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
5905
5906
5907
5908
5909
5910
5911                                 <dl class="detailList">
5912                                 <dt class="heading">Parameters:</dt>
5913
5914                                         <dt>
5915                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
5916
5917                                         </dt>
5918                                         <dd>The value to set</dd>
5919
5920                                 </dl>
5921
5922
5923
5924
5925
5926
5927
5928
5929
5930
5931
5932                     </div>
5933                 </div>
5934
5935             </td>
5936             <td class="msource">
5937
5938                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5939                 &nbsp;
5940             </td>
5941         </tr>
5942
5943
5944           <tr class="method-row config-row-alt1 expandable">
5945             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5946
5947
5948             <td class="sig">
5949                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
5950                 <div class="fixedFont">
5951                         <span class="attributes"></span><b class="itemname">setSize</b>
5952
5953                                  (<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>)
5954
5955
5956                                          :
5957
5958
5959                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5960
5961
5962
5963
5964
5965                 </div>
5966                 <div class="mdesc">
5967
5968                    <div class="short">Sets the width and height of the component.</div>
5969
5970
5971
5972                     <div class="long">
5973
5974                                 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}.
5975
5976
5977
5978
5979
5980
5981                                 <dl class="detailList">
5982                                 <dt class="heading">Parameters:</dt>
5983
5984                                         <dt>
5985                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
5986
5987                                         </dt>
5988                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
5989
5990                                         <dt>
5991                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
5992
5993                                         </dt>
5994                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
5995
5996                                 </dl>
5997
5998
5999
6000
6001
6002                                 <dl class="detailList">
6003                                 <dt class="heading">Returns:</dt>
6004
6005                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
6006
6007                                 </dl>
6008
6009
6010
6011
6012
6013
6014
6015                     </div>
6016                 </div>
6017
6018             </td>
6019             <td class="msource">
6020
6021                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6022                 &nbsp;
6023             </td>
6024         </tr>
6025
6026
6027           <tr class="method-row config-row-alt0 expandable notInherited">
6028             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6029
6030
6031             <td class="sig">
6032                 <a id="Roo.form.Select-method-setValue"   name=".setValue"></a>
6033                 <div class="fixedFont">
6034                         <span class="attributes"></span><b class="itemname">setValue</b>
6035
6036                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
6037
6038
6039
6040                 </div>
6041                 <div class="mdesc">
6042
6043                    <div class="short">Sets the specified value into the field.</div>
6044
6045
6046
6047                     <div class="long">
6048
6049                                 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).
6050
6051
6052
6053
6054
6055
6056                                 <dl class="detailList">
6057                                 <dt class="heading">Parameters:</dt>
6058
6059                                         <dt>
6060                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
6061
6062                                         </dt>
6063                                         <dd>The value to match</dd>
6064
6065                                 </dl>
6066
6067
6068
6069
6070
6071
6072
6073
6074
6075
6076
6077                     </div>
6078                 </div>
6079
6080             </td>
6081             <td class="msource">
6082
6083                         Roo.form.Select
6084                 &nbsp;
6085             </td>
6086         </tr>
6087
6088
6089           <tr class="method-row config-row-alt1 expandable">
6090             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6091
6092
6093             <td class="sig">
6094                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
6095                 <div class="fixedFont">
6096                         <span class="attributes"></span><b class="itemname">setVisible</b>
6097
6098                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
6099
6100
6101                                          :
6102
6103
6104                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6105
6106
6107
6108
6109
6110                 </div>
6111                 <div class="mdesc">
6112
6113                    <div class="short">Convenience function to hide or show this component by boolean.</div>
6114
6115
6116
6117                     <div class="long">
6118
6119                                 Convenience function to hide or show this component by boolean.
6120
6121
6122
6123
6124
6125
6126                                 <dl class="detailList">
6127                                 <dt class="heading">Parameters:</dt>
6128
6129                                         <dt>
6130                                                 <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>
6131
6132                                         </dt>
6133                                         <dd>True to show, false to hide</dd>
6134
6135                                 </dl>
6136
6137
6138
6139
6140
6141                                 <dl class="detailList">
6142                                 <dt class="heading">Returns:</dt>
6143
6144                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
6145
6146                                 </dl>
6147
6148
6149
6150
6151
6152
6153
6154                     </div>
6155                 </div>
6156
6157             </td>
6158             <td class="msource">
6159
6160                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6161                 &nbsp;
6162             </td>
6163         </tr>
6164
6165
6166           <tr class="method-row config-row-alt0 expandable notInherited">
6167             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6168
6169
6170             <td class="sig">
6171                 <a id="Roo.form.Select-method-setWidth"   name=".setWidth"></a>
6172                 <div class="fixedFont">
6173                         <span class="attributes"></span><b class="itemname">setWidth</b>
6174
6175                                  ()
6176
6177
6178
6179                 </div>
6180                 <div class="mdesc">
6181
6182                    <div class="short"></div>
6183
6184
6185
6186                     <div class="long">
6187
6188
6189
6190
6191
6192
6193
6194
6195
6196
6197
6198
6199
6200
6201
6202
6203
6204
6205                     </div>
6206                 </div>
6207
6208             </td>
6209             <td class="msource">
6210
6211                         Roo.form.Select
6212                 &nbsp;
6213             </td>
6214         </tr>
6215
6216
6217           <tr class="method-row config-row-alt1 expandable">
6218             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6219
6220
6221             <td class="sig">
6222                 <a id="Roo.Component-method-show"   name=".show"></a>
6223                 <div class="fixedFont">
6224                         <span class="attributes"></span><b class="itemname">show</b>
6225
6226                                  ()
6227
6228
6229                                          :
6230
6231
6232                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6233
6234
6235
6236
6237
6238                 </div>
6239                 <div class="mdesc">
6240
6241                    <div class="short">Show this component.</div>
6242
6243
6244
6245                     <div class="long">
6246
6247                                 Show this component.
6248
6249
6250
6251
6252
6253
6254
6255
6256
6257
6258                                 <dl class="detailList">
6259                                 <dt class="heading">Returns:</dt>
6260
6261                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
6262
6263                                 </dl>
6264
6265
6266
6267
6268
6269
6270
6271                     </div>
6272                 </div>
6273
6274             </td>
6275             <td class="msource">
6276
6277                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6278                 &nbsp;
6279             </td>
6280         </tr>
6281
6282
6283           <tr class="method-row config-row-alt0 expandable">
6284             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6285
6286
6287             <td class="sig">
6288                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
6289                 <div class="fixedFont">
6290                         <span class="attributes"></span><b class="itemname">syncSize</b>
6291
6292                                  ()
6293
6294
6295
6296                 </div>
6297                 <div class="mdesc">
6298
6299                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
6300
6301
6302
6303                     <div class="long">
6304
6305                                 Force the component's size to recalculate based on the underlying element's current height and width.
6306
6307
6308
6309
6310
6311
6312
6313
6314
6315
6316
6317
6318
6319
6320
6321
6322                     </div>
6323                 </div>
6324
6325             </td>
6326             <td class="msource">
6327
6328                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6329                 &nbsp;
6330             </td>
6331         </tr>
6332
6333
6334           <tr class="method-row config-row-alt1 expandable">
6335             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6336
6337
6338             <td class="sig">
6339                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
6340                 <div class="fixedFont">
6341                         <span class="attributes"></span><b class="itemname">un</b>
6342
6343                                  (<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>)
6344
6345
6346
6347                 </div>
6348                 <div class="mdesc">
6349
6350                    <div class="short">Removes a listener (shorthand for removeListener)</div>
6351
6352
6353
6354                     <div class="long">
6355
6356                                 Removes a listener (shorthand for removeListener)
6357
6358
6359
6360
6361
6362
6363                                 <dl class="detailList">
6364                                 <dt class="heading">Parameters:</dt>
6365
6366                                         <dt>
6367                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
6368
6369                                         </dt>
6370                                         <dd>The type of event to listen for</dd>
6371
6372                                         <dt>
6373                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
6374
6375                                         </dt>
6376                                         <dd>The handler to remove</dd>
6377
6378                                         <dt>
6379                                                 <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>
6380
6381                                         </dt>
6382                                         <dd>(optional) The scope (this object) for the handler</dd>
6383
6384                                 </dl>
6385
6386
6387
6388
6389
6390
6391
6392
6393
6394
6395
6396                     </div>
6397                 </div>
6398
6399             </td>
6400             <td class="msource">
6401
6402                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
6403                 &nbsp;
6404             </td>
6405         </tr>
6406
6407
6408           <tr class="method-row config-row-alt0 expandable">
6409             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6410
6411
6412             <td class="sig">
6413                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
6414                 <div class="fixedFont">
6415                         <span class="attributes"></span><b class="itemname">updateBox</b>
6416
6417                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
6418
6419
6420
6421                 </div>
6422                 <div class="mdesc">
6423
6424                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
6425
6426
6427
6428                     <div class="long">
6429
6430                                 Sets the current box measurements of the component's underlying element.
6431
6432
6433
6434
6435
6436
6437                                 <dl class="detailList">
6438                                 <dt class="heading">Parameters:</dt>
6439
6440                                         <dt>
6441                                                 <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>
6442
6443                                         </dt>
6444                                         <dd>An object in the format {x, y, width, height}</dd>
6445
6446                                 </dl>
6447
6448
6449
6450
6451
6452
6453
6454
6455
6456
6457
6458                     </div>
6459                 </div>
6460
6461             </td>
6462             <td class="msource">
6463
6464                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6465                 &nbsp;
6466             </td>
6467         </tr>
6468
6469
6470           <tr class="method-row config-row-alt1 expandable">
6471             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6472
6473
6474             <td class="sig">
6475                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
6476                 <div class="fixedFont">
6477                         <span class="attributes"></span><b class="itemname">validate</b>
6478
6479                                  ()
6480
6481
6482                                          :
6483
6484
6485                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6486
6487
6488
6489
6490
6491                 </div>
6492                 <div class="mdesc">
6493
6494                    <div class="short">Validates the field value</div>
6495
6496
6497
6498                     <div class="long">
6499
6500                                 Validates the field value
6501
6502
6503
6504
6505
6506
6507
6508
6509
6510
6511                                 <dl class="detailList">
6512                                 <dt class="heading">Returns:</dt>
6513
6514                                         <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>
6515
6516                                 </dl>
6517
6518
6519
6520
6521
6522
6523
6524                     </div>
6525                 </div>
6526
6527             </td>
6528             <td class="msource">
6529
6530                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6531                 &nbsp;
6532             </td>
6533         </tr>
6534
6535
6536           <tr class="method-row config-row-alt0 expandable">
6537             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6538
6539
6540             <td class="sig">
6541                 <a id="Roo.form.TextField-method-validateValue"   name=".validateValue"></a>
6542                 <div class="fixedFont">
6543                         <span class="attributes"></span><b class="itemname">validateValue</b>
6544
6545                                  (Mixed <B><i>value</i></B>)
6546
6547
6548                                          :
6549
6550
6551                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6552
6553
6554
6555
6556
6557                 </div>
6558                 <div class="mdesc">
6559
6560                    <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>
6561
6562
6563
6564                     <div class="long">
6565
6566                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
6567
6568
6569
6570
6571
6572
6573                                 <dl class="detailList">
6574                                 <dt class="heading">Parameters:</dt>
6575
6576                                         <dt>
6577                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
6578
6579                                         </dt>
6580                                         <dd>The value to validate</dd>
6581
6582                                 </dl>
6583
6584
6585
6586
6587
6588                                 <dl class="detailList">
6589                                 <dt class="heading">Returns:</dt>
6590
6591                                         <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>
6592
6593                                 </dl>
6594
6595
6596
6597
6598
6599
6600
6601                     </div>
6602                 </div>
6603
6604             </td>
6605             <td class="msource">
6606
6607                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6608                 &nbsp;
6609             </td>
6610         </tr>
6611
6612
6613     </table>
6614
6615
6616   <!-- ============================== events summary / details ======================== -->
6617
6618
6619   <a id="Roo.form.Select-events"></a>
6620
6621
6622
6623
6624
6625
6626
6627
6628       <table cellspacing="0" class="member-table">
6629                 <caption>Events</caption>
6630               <thead>
6631                 <tr>
6632                     <th class="sig-header" colspan="2">Event</th>
6633                     <th class="msource-header">Defined By</th>
6634
6635                 </tr>
6636               </thead>
6637
6638
6639
6640
6641
6642           <tr class="method-row expandable config-row-alt0">
6643             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6644
6645             <td class="sig">
6646                 <a id="Roo.form.TextField-event-*autosize"></a>
6647
6648                <div class="fixedFont">
6649                 <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>)
6650
6651                 </div>
6652
6653                 <div class="mdesc">
6654
6655                    <div class="short">Fires when the autosize function is triggered.
6656
6657                 </div>
6658
6659                     <div class="long">
6660
6661                         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.
6662
6663
6664
6665
6666
6667                                 <dl class="detailList">
6668                                 <dt class="heading">Parameters:</dt>
6669
6670                                         <dt>
6671                                                 <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>
6672
6673                                         </dt>
6674                                         <dd>This text field</dd>
6675
6676                                         <dt>
6677                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
6678
6679                                         </dt>
6680                                         <dd>The new field width</dd>
6681
6682                                 </dl>
6683
6684
6685
6686
6687
6688
6689
6690
6691
6692
6693
6694                     </div>
6695                 </div>
6696
6697             </td>
6698             <td class="msource">
6699                 <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6700             </td>
6701         </tr>
6702
6703           <tr class="method-row expandable config-row-alt1">
6704             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6705
6706             <td class="sig">
6707                 <a id="Roo.Component-event-*beforedestroy"></a>
6708
6709                <div class="fixedFont">
6710                 <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>)
6711
6712                 </div>
6713
6714                 <div class="mdesc">
6715
6716                    <div class="short">Fires before the component is destroyed.
6717
6718                 </div>
6719
6720                     <div class="long">
6721
6722                         Fires before the component is destroyed. Return false to stop the destroy.
6723
6724
6725
6726
6727
6728                                 <dl class="detailList">
6729                                 <dt class="heading">Parameters:</dt>
6730
6731                                         <dt>
6732                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6733
6734                                         </dt>
6735                                         <dd></dd>
6736
6737                                 </dl>
6738
6739
6740
6741
6742
6743
6744
6745
6746
6747
6748
6749                     </div>
6750                 </div>
6751
6752             </td>
6753             <td class="msource">
6754                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6755             </td>
6756         </tr>
6757
6758           <tr class="method-row expandable config-row-alt0">
6759             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6760
6761             <td class="sig">
6762                 <a id="Roo.Component-event-*beforehide"></a>
6763
6764                <div class="fixedFont">
6765                 <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>)
6766
6767                 </div>
6768
6769                 <div class="mdesc">
6770
6771                    <div class="short">Fires before the component is hidden.
6772
6773                 </div>
6774
6775                     <div class="long">
6776
6777                         Fires before the component is hidden. Return false to stop the hide.
6778
6779
6780
6781
6782
6783                                 <dl class="detailList">
6784                                 <dt class="heading">Parameters:</dt>
6785
6786                                         <dt>
6787                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6788
6789                                         </dt>
6790                                         <dd></dd>
6791
6792                                 </dl>
6793
6794
6795
6796
6797
6798
6799
6800
6801
6802
6803
6804                     </div>
6805                 </div>
6806
6807             </td>
6808             <td class="msource">
6809                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6810             </td>
6811         </tr>
6812
6813           <tr class="method-row expandable config-row-alt1">
6814             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6815
6816             <td class="sig">
6817                 <a id="Roo.Component-event-*beforerender"></a>
6818
6819                <div class="fixedFont">
6820                 <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>)
6821
6822                 </div>
6823
6824                 <div class="mdesc">
6825
6826                    <div class="short">Fires before the component is rendered.
6827
6828                 </div>
6829
6830                     <div class="long">
6831
6832                         Fires before the component is rendered. Return false to stop the render.
6833
6834
6835
6836
6837
6838                                 <dl class="detailList">
6839                                 <dt class="heading">Parameters:</dt>
6840
6841                                         <dt>
6842                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6843
6844                                         </dt>
6845                                         <dd></dd>
6846
6847                                 </dl>
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859                     </div>
6860                 </div>
6861
6862             </td>
6863             <td class="msource">
6864                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6865             </td>
6866         </tr>
6867
6868           <tr class="method-row expandable config-row-alt0">
6869             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6870
6871             <td class="sig">
6872                 <a id="Roo.Component-event-*beforeshow"></a>
6873
6874                <div class="fixedFont">
6875                 <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>)
6876
6877                 </div>
6878
6879                 <div class="mdesc">
6880
6881                    <div class="short">Fires before the component is shown.
6882
6883                 </div>
6884
6885                     <div class="long">
6886
6887                         Fires before the component is shown.  Return false to stop the show.
6888
6889
6890
6891
6892
6893                                 <dl class="detailList">
6894                                 <dt class="heading">Parameters:</dt>
6895
6896                                         <dt>
6897                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6898
6899                                         </dt>
6900                                         <dd></dd>
6901
6902                                 </dl>
6903
6904
6905
6906
6907
6908
6909
6910
6911
6912
6913
6914                     </div>
6915                 </div>
6916
6917             </td>
6918             <td class="msource">
6919                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6920             </td>
6921         </tr>
6922
6923           <tr class="method-row expandable config-row-alt1">
6924             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6925
6926             <td class="sig">
6927                 <a id="Roo.form.Field-event-*blur"></a>
6928
6929                <div class="fixedFont">
6930                 <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>)
6931
6932                 </div>
6933
6934                 <div class="mdesc">
6935
6936                    <div class="short">Fires when this field loses input focus.
6937
6938                 </div>
6939
6940                     <div class="long">
6941
6942                         Fires when this field loses input focus.
6943
6944
6945
6946
6947
6948                                 <dl class="detailList">
6949                                 <dt class="heading">Parameters:</dt>
6950
6951                                         <dt>
6952                                                 <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>
6953
6954                                         </dt>
6955                                         <dd></dd>
6956
6957                                 </dl>
6958
6959
6960
6961
6962
6963
6964
6965
6966
6967
6968
6969                     </div>
6970                 </div>
6971
6972             </td>
6973             <td class="msource">
6974                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6975             </td>
6976         </tr>
6977
6978           <tr class="method-row expandable config-row-alt0">
6979             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6980
6981             <td class="sig">
6982                 <a id="Roo.form.Field-event-*change"></a>
6983
6984                <div class="fixedFont">
6985                 <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>)
6986
6987                 </div>
6988
6989                 <div class="mdesc">
6990
6991                    <div class="short">Fires just before the field blurs if the field value has changed.
6992
6993                 </div>
6994
6995                     <div class="long">
6996
6997                         Fires just before the field blurs if the field value has changed.
6998
6999
7000
7001
7002
7003                                 <dl class="detailList">
7004                                 <dt class="heading">Parameters:</dt>
7005
7006                                         <dt>
7007                                                 <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>
7008
7009                                         </dt>
7010                                         <dd></dd>
7011
7012                                         <dt>
7013                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
7014
7015                                         </dt>
7016                                         <dd>The new value</dd>
7017
7018                                         <dt>
7019                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
7020
7021                                         </dt>
7022                                         <dd>The original value</dd>
7023
7024                                 </dl>
7025
7026
7027
7028
7029
7030
7031
7032
7033
7034
7035
7036                     </div>
7037                 </div>
7038
7039             </td>
7040             <td class="msource">
7041                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7042             </td>
7043         </tr>
7044
7045           <tr class="method-row expandable config-row-alt1">
7046             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7047
7048             <td class="sig">
7049                 <a id="Roo.Component-event-*destroy"></a>
7050
7051                <div class="fixedFont">
7052                 <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>)
7053
7054                 </div>
7055
7056                 <div class="mdesc">
7057
7058                    <div class="short">Fires after the component is destroyed.
7059
7060                 </div>
7061
7062                     <div class="long">
7063
7064                         Fires after the component is destroyed.
7065
7066
7067
7068
7069
7070                                 <dl class="detailList">
7071                                 <dt class="heading">Parameters:</dt>
7072
7073                                         <dt>
7074                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7075
7076                                         </dt>
7077                                         <dd></dd>
7078
7079                                 </dl>
7080
7081
7082
7083
7084
7085
7086
7087
7088
7089
7090
7091                     </div>
7092                 </div>
7093
7094             </td>
7095             <td class="msource">
7096                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7097             </td>
7098         </tr>
7099
7100           <tr class="method-row expandable config-row-alt0">
7101             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7102
7103             <td class="sig">
7104                 <a id="Roo.Component-event-*disable"></a>
7105
7106                <div class="fixedFont">
7107                 <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>)
7108
7109                 </div>
7110
7111                 <div class="mdesc">
7112
7113                    <div class="short">Fires after the component is disabled.
7114
7115                 </div>
7116
7117                     <div class="long">
7118
7119                         Fires after the component is disabled.
7120
7121
7122
7123
7124
7125                                 <dl class="detailList">
7126                                 <dt class="heading">Parameters:</dt>
7127
7128                                         <dt>
7129                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7130
7131                                         </dt>
7132                                         <dd></dd>
7133
7134                                 </dl>
7135
7136
7137
7138
7139
7140
7141
7142
7143
7144
7145
7146                     </div>
7147                 </div>
7148
7149             </td>
7150             <td class="msource">
7151                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7152             </td>
7153         </tr>
7154
7155           <tr class="method-row expandable config-row-alt1">
7156             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7157
7158             <td class="sig">
7159                 <a id="Roo.Component-event-*enable"></a>
7160
7161                <div class="fixedFont">
7162                 <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>)
7163
7164                 </div>
7165
7166                 <div class="mdesc">
7167
7168                    <div class="short">Fires after the component is enabled.
7169
7170                 </div>
7171
7172                     <div class="long">
7173
7174                         Fires after the component is enabled.
7175
7176
7177
7178
7179
7180                                 <dl class="detailList">
7181                                 <dt class="heading">Parameters:</dt>
7182
7183                                         <dt>
7184                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7185
7186                                         </dt>
7187                                         <dd></dd>
7188
7189                                 </dl>
7190
7191
7192
7193
7194
7195
7196
7197
7198
7199
7200
7201                     </div>
7202                 </div>
7203
7204             </td>
7205             <td class="msource">
7206                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7207             </td>
7208         </tr>
7209
7210           <tr class="method-row expandable config-row-alt0">
7211             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7212
7213             <td class="sig">
7214                 <a id="Roo.form.Field-event-*focus"></a>
7215
7216                <div class="fixedFont">
7217                 <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>)
7218
7219                 </div>
7220
7221                 <div class="mdesc">
7222
7223                    <div class="short">Fires when this field receives input focus.
7224
7225                 </div>
7226
7227                     <div class="long">
7228
7229                         Fires when this field receives input focus.
7230
7231
7232
7233
7234
7235                                 <dl class="detailList">
7236                                 <dt class="heading">Parameters:</dt>
7237
7238                                         <dt>
7239                                                 <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>
7240
7241                                         </dt>
7242                                         <dd></dd>
7243
7244                                 </dl>
7245
7246
7247
7248
7249
7250
7251
7252
7253
7254
7255
7256                     </div>
7257                 </div>
7258
7259             </td>
7260             <td class="msource">
7261                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7262             </td>
7263         </tr>
7264
7265           <tr class="method-row expandable config-row-alt1">
7266             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7267
7268             <td class="sig">
7269                 <a id="Roo.Component-event-*hide"></a>
7270
7271                <div class="fixedFont">
7272                 <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>)
7273
7274                 </div>
7275
7276                 <div class="mdesc">
7277
7278                    <div class="short">Fires after the component is hidden.
7279
7280                 </div>
7281
7282                     <div class="long">
7283
7284                         Fires after the component is hidden.
7285
7286
7287
7288
7289
7290                                 <dl class="detailList">
7291                                 <dt class="heading">Parameters:</dt>
7292
7293                                         <dt>
7294                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7295
7296                                         </dt>
7297                                         <dd></dd>
7298
7299                                 </dl>
7300
7301
7302
7303
7304
7305
7306
7307
7308
7309
7310
7311                     </div>
7312                 </div>
7313
7314             </td>
7315             <td class="msource">
7316                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7317             </td>
7318         </tr>
7319
7320           <tr class="method-row expandable config-row-alt0">
7321             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7322
7323             <td class="sig">
7324                 <a id="Roo.form.Field-event-*invalid"></a>
7325
7326                <div class="fixedFont">
7327                 <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>)
7328
7329                 </div>
7330
7331                 <div class="mdesc">
7332
7333                    <div class="short">Fires after the field has been marked as invalid.
7334
7335                 </div>
7336
7337                     <div class="long">
7338
7339                         Fires after the field has been marked as invalid.
7340
7341
7342
7343
7344
7345                                 <dl class="detailList">
7346                                 <dt class="heading">Parameters:</dt>
7347
7348                                         <dt>
7349                                                 <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>
7350
7351                                         </dt>
7352                                         <dd></dd>
7353
7354                                         <dt>
7355                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
7356
7357                                         </dt>
7358                                         <dd>The validation message</dd>
7359
7360                                 </dl>
7361
7362
7363
7364
7365
7366
7367
7368
7369
7370
7371
7372                     </div>
7373                 </div>
7374
7375             </td>
7376             <td class="msource">
7377                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7378             </td>
7379         </tr>
7380
7381           <tr class="method-row expandable config-row-alt1">
7382             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7383
7384             <td class="sig">
7385                 <a id="Roo.form.Field-event-*keyup"></a>
7386
7387                <div class="fixedFont">
7388                 <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>)
7389
7390                 </div>
7391
7392                 <div class="mdesc">
7393
7394                    <div class="short">Fires after the key up
7395
7396                 </div>
7397
7398                     <div class="long">
7399
7400                         Fires after the key up
7401
7402
7403
7404
7405
7406                                 <dl class="detailList">
7407                                 <dt class="heading">Parameters:</dt>
7408
7409                                         <dt>
7410                                                 <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>
7411
7412                                         </dt>
7413                                         <dd></dd>
7414
7415                                         <dt>
7416                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7417
7418                                         </dt>
7419                                         <dd>The event Object</dd>
7420
7421                                 </dl>
7422
7423
7424
7425
7426
7427
7428
7429
7430
7431
7432
7433                     </div>
7434                 </div>
7435
7436             </td>
7437             <td class="msource">
7438                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7439             </td>
7440         </tr>
7441
7442           <tr class="method-row expandable config-row-alt0">
7443             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7444
7445             <td class="sig">
7446                 <a id="Roo.BoxComponent-event-*move"></a>
7447
7448                <div class="fixedFont">
7449                 <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>)
7450
7451                 </div>
7452
7453                 <div class="mdesc">
7454
7455                    <div class="short">Fires after the component is moved.
7456
7457                 </div>
7458
7459                     <div class="long">
7460
7461                         Fires after the component is moved.
7462
7463
7464
7465
7466
7467                                 <dl class="detailList">
7468                                 <dt class="heading">Parameters:</dt>
7469
7470                                         <dt>
7471                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7472
7473                                         </dt>
7474                                         <dd></dd>
7475
7476                                         <dt>
7477                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7478
7479                                         </dt>
7480                                         <dd>The new x position</dd>
7481
7482                                         <dt>
7483                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7484
7485                                         </dt>
7486                                         <dd>The new y position</dd>
7487
7488                                 </dl>
7489
7490
7491
7492
7493
7494
7495
7496
7497
7498
7499
7500                     </div>
7501                 </div>
7502
7503             </td>
7504             <td class="msource">
7505                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7506             </td>
7507         </tr>
7508
7509           <tr class="method-row expandable config-row-alt1">
7510             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7511
7512             <td class="sig">
7513                 <a id="Roo.Component-event-*render"></a>
7514
7515                <div class="fixedFont">
7516                 <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>)
7517
7518                 </div>
7519
7520                 <div class="mdesc">
7521
7522                    <div class="short">Fires after the component is rendered.
7523
7524                 </div>
7525
7526                     <div class="long">
7527
7528                         Fires after the component is rendered.
7529
7530
7531
7532
7533
7534                                 <dl class="detailList">
7535                                 <dt class="heading">Parameters:</dt>
7536
7537                                         <dt>
7538                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7539
7540                                         </dt>
7541                                         <dd></dd>
7542
7543                                 </dl>
7544
7545
7546
7547
7548
7549
7550
7551
7552
7553
7554
7555                     </div>
7556                 </div>
7557
7558             </td>
7559             <td class="msource">
7560                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7561             </td>
7562         </tr>
7563
7564           <tr class="method-row expandable config-row-alt0">
7565             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7566
7567             <td class="sig">
7568                 <a id="Roo.BoxComponent-event-*resize"></a>
7569
7570                <div class="fixedFont">
7571                 <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>)
7572
7573                 </div>
7574
7575                 <div class="mdesc">
7576
7577                    <div class="short">Fires after the component is resized.
7578
7579                 </div>
7580
7581                     <div class="long">
7582
7583                         Fires after the component is resized.
7584
7585
7586
7587
7588
7589                                 <dl class="detailList">
7590                                 <dt class="heading">Parameters:</dt>
7591
7592                                         <dt>
7593                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7594
7595                                         </dt>
7596                                         <dd></dd>
7597
7598                                         <dt>
7599                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
7600
7601                                         </dt>
7602                                         <dd>The box-adjusted width that was set</dd>
7603
7604                                         <dt>
7605                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
7606
7607                                         </dt>
7608                                         <dd>The box-adjusted height that was set</dd>
7609
7610                                         <dt>
7611                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
7612
7613                                         </dt>
7614                                         <dd>The width that was originally specified</dd>
7615
7616                                         <dt>
7617                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
7618
7619                                         </dt>
7620                                         <dd>The height that was originally specified</dd>
7621
7622                                 </dl>
7623
7624
7625
7626
7627
7628
7629
7630
7631
7632
7633
7634                     </div>
7635                 </div>
7636
7637             </td>
7638             <td class="msource">
7639                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7640             </td>
7641         </tr>
7642
7643           <tr class="method-row expandable config-row-alt1">
7644             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7645
7646             <td class="sig">
7647                 <a id="Roo.Component-event-*show"></a>
7648
7649                <div class="fixedFont">
7650                 <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>)
7651
7652                 </div>
7653
7654                 <div class="mdesc">
7655
7656                    <div class="short">Fires after the component is shown.
7657
7658                 </div>
7659
7660                     <div class="long">
7661
7662                         Fires after the component is shown.
7663
7664
7665
7666
7667
7668                                 <dl class="detailList">
7669                                 <dt class="heading">Parameters:</dt>
7670
7671                                         <dt>
7672                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7673
7674                                         </dt>
7675                                         <dd></dd>
7676
7677                                 </dl>
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687
7688
7689                     </div>
7690                 </div>
7691
7692             </td>
7693             <td class="msource">
7694                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7695             </td>
7696         </tr>
7697
7698           <tr class="method-row expandable config-row-alt0">
7699             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7700
7701             <td class="sig">
7702                 <a id="Roo.form.Field-event-*specialkey"></a>
7703
7704                <div class="fixedFont">
7705                 <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>)
7706
7707                 </div>
7708
7709                 <div class="mdesc">
7710
7711                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
7712
7713                 </div>
7714
7715                     <div class="long">
7716
7717                         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.
7718
7719
7720
7721
7722
7723                                 <dl class="detailList">
7724                                 <dt class="heading">Parameters:</dt>
7725
7726                                         <dt>
7727                                                 <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>
7728
7729                                         </dt>
7730                                         <dd></dd>
7731
7732                                         <dt>
7733                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7734
7735                                         </dt>
7736                                         <dd>The event object</dd>
7737
7738                                 </dl>
7739
7740
7741
7742
7743
7744
7745
7746
7747
7748
7749
7750                     </div>
7751                 </div>
7752
7753             </td>
7754             <td class="msource">
7755                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7756             </td>
7757         </tr>
7758
7759           <tr class="method-row expandable config-row-alt1">
7760             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7761
7762             <td class="sig">
7763                 <a id="Roo.form.Field-event-*valid"></a>
7764
7765                <div class="fixedFont">
7766                 <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>)
7767
7768                 </div>
7769
7770                 <div class="mdesc">
7771
7772                    <div class="short">Fires after the field has been validated with no errors.
7773
7774                 </div>
7775
7776                     <div class="long">
7777
7778                         Fires after the field has been validated with no errors.
7779
7780
7781
7782
7783
7784                                 <dl class="detailList">
7785                                 <dt class="heading">Parameters:</dt>
7786
7787                                         <dt>
7788                                                 <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>
7789
7790                                         </dt>
7791                                         <dd></dd>
7792
7793                                 </dl>
7794
7795
7796
7797
7798
7799
7800
7801
7802
7803
7804
7805                     </div>
7806                 </div>
7807
7808             </td>
7809             <td class="msource">
7810                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7811             </td>
7812         </tr>
7813
7814
7815     </table>
7816
7817
7818
7819
7820
7821 <!-- ============================== footer ================================= -->
7822                 <div class="fineprint" style="clear:both">
7823
7824                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:54 GMT+0800 (HKT)
7825                         Based on
7826                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
7827                 </div>
7828         </body>
7829 </html>