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