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