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">
 942                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 943                     <td class="sig">
 944
 945                         <a id="Roo.bootstrap.Component-cfg-height" name=".height"></a>
 946                         <div class="fixedFont">
 947                                 <b  class="itemname">height</b> : height
 948
 949
 950                         </div>
 951
 952                         <div class="mdesc">
 953                             <div class="short">set the height of the element</div>
 954                         </div>
 955
 956                         <div class="mdesc">
 957                             <div class="long">set the height of the element</div>
 958                         </div>
 959
 960
 961
 962                     </td>
 963                     <td class="msource">
 964
 965                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 966
 967                     </td>
 968                 </tr>
 969
 970
 971                 <tr class="config-row expandable config-row-alt0 notInherited">
 972                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 973                     <td class="sig">
 974
 975                         <a id="Roo.bootstrap.ComboBox-cfg-hiddenName" name=".hiddenName"></a>
 976                         <div class="fixedFont">
 977                                 <b  class="itemname">hiddenName</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">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>
 984                         </div>
 985
 986                         <div class="mdesc">
 987                             <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>
 988                         </div>
 989
 990
 991
 992                     </td>
 993                     <td class="msource">
 994
 995                         Roo.bootstrap.ComboBox
 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.Component-cfg-hideMode" name=".hideMode"></a>
1006                         <div class="fixedFont">
1007                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1008
1009
1010                         </div>
1011
1012                         <div class="mdesc">
1013                             <div class="short">How this component should hidden.</div>
1014                         </div>
1015
1016                         <div class="mdesc">
1017                             <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>
1018                         </div>
1019
1020
1021
1022                     </td>
1023                     <td class="msource">
1024
1025                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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.TriggerField-cfg-hideTrigger" name=".hideTrigger"></a>
1036                         <div class="fixedFont">
1037                                 <b  class="itemname">hideTrigger</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1038
1039
1040                         </div>
1041
1042                         <div class="mdesc">
1043                             <div class="short">True to hide the trigger element and display only the base text field (defaults to false)</div>
1044                         </div>
1045
1046                         <div class="mdesc">
1047                             <div class="long">True to hide the trigger element and display only the base text field (defaults to false)</div>
1048                         </div>
1049
1050
1051
1052                     </td>
1053                     <td class="msource">
1054
1055                         <a href="./Roo.bootstrap.TriggerField.html#constructor" roo:cls="Roo.bootstrap.TriggerField.html#constructor">Roo.bootstrap.TriggerField</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-inputType" name=".inputType"></a>
1066                         <div class="fixedFont">
1067                                 <b  class="itemname">inputType</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">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
1074                         </div>
1075
1076                         <div class="mdesc">
1077                             <div class="long">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</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-invalidClass" name=".invalidClass"></a>
1096                         <div class="fixedFont">
1097                                 <b  class="itemname">invalidClass</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">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
1104                         </div>
1105
1106                         <div class="mdesc">
1107                             <div class="long">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</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-width" name=".width"></a>
2536                         <div class="fixedFont">
2537                                 <b  class="itemname">width</b> : width
2538
2539
2540                         </div>
2541
2542                         <div class="mdesc">
2543                             <div class="short">set the width of the element</div>
2544                         </div>
2545
2546                         <div class="mdesc">
2547                             <div class="long">set the width of the element</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.Component-cfg-xattr" name=".xattr"></a>
2566                         <div class="fixedFont">
2567                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2568
2569
2570                         </div>
2571
2572                         <div class="mdesc">
2573                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
2574                         </div>
2575
2576                         <div class="mdesc">
2577                             <div class="long">extra attributes to add to 'element' (used by builder to store stuff.)</div>
2578                         </div>
2579
2580
2581
2582                     </td>
2583                     <td class="msource">
2584
2585                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2586
2587                     </td>
2588                 </tr>
2589
2590
2591                 <tr class="config-row expandable config-row-alt0">
2592                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2593                     <td class="sig">
2594
2595                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
2596                         <div class="fixedFont">
2597                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2598
2599
2600                         </div>
2601
2602                         <div class="mdesc">
2603                             <div class="short">colspan out of 12 for mobile-sized screens</div>
2604                         </div>
2605
2606                         <div class="mdesc">
2607                             <div class="long">colspan out of 12 for mobile-sized screens</div>
2608                         </div>
2609
2610
2611
2612                     </td>
2613                     <td class="msource">
2614
2615                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2616
2617                     </td>
2618                 </tr>
2619
2620
2621     </table>
2622
2623
2624
2625
2626
2627
2628
2629
2630
2631   <!-- ============================== public properties ==================== -->
2632
2633
2634
2635     <a id="Roo.bootstrap.ComboBox-props"></a>
2636
2637
2638
2639
2640
2641      <table cellspacing="0" class="member-table">
2642       <caption class="Empty">Public Properties - Has None</caption>
2643      </table>
2644
2645
2646
2647
2648   <!-- ============================== methods summary / details ======================== -->
2649
2650
2651   <a id="Roo.bootstrap.ComboBox-methods"></a>
2652         <!-- constructor?? -->
2653
2654         <!-- static's first
2655
2656
2657         -->
2658
2659         <!-- then dynamics first -->
2660
2661
2662
2663
2664
2665
2666       <table cellspacing="0" class="member-table">
2667       <caption>Public Methods</caption>
2668         <tr>
2669             <th class="sig-header" colspan="2">Method</th>
2670             <th class="msource-header">Defined By</th>
2671
2672         </tr>
2673
2674
2675
2676
2677
2678
2679
2680           <tr class="method-row config-row-alt0 expandable notInherited">
2681             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2682
2683
2684             <td class="sig">
2685                 <a id="Roo.bootstrap-method-ComboBox"   name=".ComboBox"></a>
2686                 <div class="fixedFont">
2687                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">ComboBox</b>
2688
2689                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2690
2691
2692
2693                 </div>
2694                 <div class="mdesc">
2695
2696
2697                         <div class="short">Create a new Roo.bootstrap.ComboBox</div>
2698
2699
2700                     <div class="long">
2701
2702
2703
2704                                 Create a new Roo.bootstrap.ComboBox
2705
2706
2707                                 <dl class="detailList">
2708                                 <dt class="heading">Parameters:</dt>
2709
2710                                         <dt>
2711                                                 <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>
2712
2713                                         </dt>
2714                                         <dd>Configuration options</dd>
2715
2716                                 </dl>
2717
2718
2719
2720
2721
2722
2723
2724
2725
2726
2727
2728                     </div>
2729                 </div>
2730
2731             </td>
2732             <td class="msource">
2733                 &nbsp;
2734             </td>
2735         </tr>
2736
2737
2738           <tr class="method-row config-row-alt1 expandable">
2739             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2740
2741
2742             <td class="sig">
2743                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2744                 <div class="fixedFont">
2745                         <span class="attributes"></span><b class="itemname">addEvents</b>
2746
2747                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2748
2749
2750
2751                 </div>
2752                 <div class="mdesc">
2753
2754                    <div class="short">Used to define events on this Observable</div>
2755
2756
2757
2758                     <div class="long">
2759
2760                                 Used to define events on this Observable
2761
2762
2763
2764
2765
2766
2767                                 <dl class="detailList">
2768                                 <dt class="heading">Parameters:</dt>
2769
2770                                         <dt>
2771                                                 <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>
2772
2773                                         </dt>
2774                                         <dd>The object with the events defined</dd>
2775
2776                                 </dl>
2777
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787
2788                     </div>
2789                 </div>
2790
2791             </td>
2792             <td class="msource">
2793
2794                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2795                 &nbsp;
2796             </td>
2797         </tr>
2798
2799
2800           <tr class="method-row config-row-alt0 expandable">
2801             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2802
2803
2804             <td class="sig">
2805                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2806                 <div class="fixedFont">
2807                         <span class="attributes"></span><b class="itemname">addListener</b>
2808
2809                                  (<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>)
2810
2811
2812
2813                 </div>
2814                 <div class="mdesc">
2815
2816                    <div class="short">Appends an event handler to this component</div>
2817
2818
2819
2820                     <div class="long">
2821
2822                                 Appends an event handler to this component
2823
2824
2825
2826
2827
2828
2829                                 <dl class="detailList">
2830                                 <dt class="heading">Parameters:</dt>
2831
2832                                         <dt>
2833                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2834
2835                                         </dt>
2836                                         <dd>The type of event to listen for</dd>
2837
2838                                         <dt>
2839                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2840
2841                                         </dt>
2842                                         <dd>The method the event invokes</dd>
2843
2844                                         <dt>
2845                                                 <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>
2846
2847                                         </dt>
2848                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2849
2850                                         <dt>
2851                                                 <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>
2852
2853                                         </dt>
2854                                         <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>
2855
2856                                 </dl>
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868                     </div>
2869                 </div>
2870
2871             </td>
2872             <td class="msource">
2873
2874                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2875                 &nbsp;
2876             </td>
2877         </tr>
2878
2879
2880           <tr class="method-row config-row-alt1 expandable">
2881             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2882
2883
2884             <td class="sig">
2885                 <a id="Roo.bootstrap.TriggerField-method-autoSize"   name=".autoSize"></a>
2886                 <div class="fixedFont">
2887                         <span class="attributes"></span><b class="itemname">autoSize</b>
2888
2889                                  ()
2890
2891
2892
2893                 </div>
2894                 <div class="mdesc">
2895
2896                    <div class="short"></div>
2897
2898
2899
2900                     <div class="long">
2901
2902
2903
2904
2905
2906
2907
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919                     </div>
2920                 </div>
2921
2922             </td>
2923             <td class="msource">
2924
2925                         <a href="./Roo.bootstrap.TriggerField.html#constructor" roo:cls="Roo.bootstrap.TriggerField.html#constructor">Roo.bootstrap.TriggerField</a>
2926                 &nbsp;
2927             </td>
2928         </tr>
2929
2930
2931           <tr class="method-row config-row-alt0 expandable">
2932             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2933
2934
2935             <td class="sig">
2936                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2937                 <div class="fixedFont">
2938                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2939
2940                                  ()
2941
2942
2943
2944                 </div>
2945                 <div class="mdesc">
2946
2947                    <div class="short">Clear any invalid styles/messages for this field</div>
2948
2949
2950
2951                     <div class="long">
2952
2953                                 Clear any invalid styles/messages for this field
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970                     </div>
2971                 </div>
2972
2973             </td>
2974             <td class="msource">
2975
2976                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2977                 &nbsp;
2978             </td>
2979         </tr>
2980
2981
2982           <tr class="method-row config-row-alt1 expandable notInherited">
2983             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2984
2985
2986             <td class="sig">
2987                 <a id="Roo.bootstrap.ComboBox-method-clearValue"   name=".clearValue"></a>
2988                 <div class="fixedFont">
2989                         <span class="attributes"></span><b class="itemname">clearValue</b>
2990
2991                                  ()
2992
2993
2994
2995                 </div>
2996                 <div class="mdesc">
2997
2998                    <div class="short">Clears any text/value currently set in the field</div>
2999
3000
3001
3002                     <div class="long">
3003
3004                                 Clears any text/value currently set in the field
3005
3006
3007
3008
3009
3010
3011
3012
3013
3014
3015
3016
3017
3018
3019
3020
3021                     </div>
3022                 </div>
3023
3024             </td>
3025             <td class="msource">
3026
3027                         Roo.bootstrap.ComboBox
3028                 &nbsp;
3029             </td>
3030         </tr>
3031
3032
3033           <tr class="method-row config-row-alt0 expandable notInherited">
3034             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3035
3036
3037             <td class="sig">
3038                 <a id="Roo.bootstrap.ComboBox-method-collapse"   name=".collapse"></a>
3039                 <div class="fixedFont">
3040                         <span class="attributes"></span><b class="itemname">collapse</b>
3041
3042                                  ()
3043
3044
3045
3046                 </div>
3047                 <div class="mdesc">
3048
3049                    <div class="short">Hides the dropdown list if it is currently expanded.</div>
3050
3051
3052
3053                     <div class="long">
3054
3055                                 Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.
3056
3057
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069
3070
3071
3072                     </div>
3073                 </div>
3074
3075             </td>
3076             <td class="msource">
3077
3078                         Roo.bootstrap.ComboBox
3079                 &nbsp;
3080             </td>
3081         </tr>
3082
3083
3084           <tr class="method-row config-row-alt1 expandable">
3085             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3086
3087
3088             <td class="sig">
3089                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
3090                 <div class="fixedFont">
3091                         <span class="attributes"></span><b class="itemname">destroy</b>
3092
3093                                  ()
3094
3095
3096
3097                 </div>
3098                 <div class="mdesc">
3099
3100                    <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>
3101
3102
3103
3104                     <div class="long">
3105
3106                                 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}.
3107
3108
3109
3110
3111
3112
3113
3114
3115
3116
3117
3118
3119
3120
3121
3122
3123                     </div>
3124                 </div>
3125
3126             </td>
3127             <td class="msource">
3128
3129                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3130                 &nbsp;
3131             </td>
3132         </tr>
3133
3134
3135           <tr class="method-row config-row-alt0 expandable">
3136             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3137
3138
3139             <td class="sig">
3140                 <a id="Roo.Component-method-disable"   name=".disable"></a>
3141                 <div class="fixedFont">
3142                         <span class="attributes"></span><b class="itemname">disable</b>
3143
3144                                  ()
3145
3146
3147                                          :
3148
3149
3150                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3151
3152
3153
3154
3155
3156                 </div>
3157                 <div class="mdesc">
3158
3159                    <div class="short">Disable this component.</div>
3160
3161
3162
3163                     <div class="long">
3164
3165                                 Disable this component.
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176                                 <dl class="detailList">
3177                                 <dt class="heading">Returns:</dt>
3178
3179                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3180
3181                                 </dl>
3182
3183
3184
3185
3186
3187
3188
3189                     </div>
3190                 </div>
3191
3192             </td>
3193             <td class="msource">
3194
3195                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3196                 &nbsp;
3197             </td>
3198         </tr>
3199
3200
3201           <tr class="method-row config-row-alt1 expandable notInherited">
3202             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3203
3204
3205             <td class="sig">
3206                 <a id="Roo.bootstrap.ComboBox-method-doQuery"   name=".doQuery"></a>
3207                 <div class="fixedFont">
3208                         <span class="attributes"></span><b class="itemname">doQuery</b>
3209
3210                                  (<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>)
3211
3212
3213
3214                 </div>
3215                 <div class="mdesc">
3216
3217                    <div class="short">Execute a query to filter the dropdown list.</div>
3218
3219
3220
3221                     <div class="long">
3222
3223                                 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.
3224
3225
3226
3227
3228
3229
3230                                 <dl class="detailList">
3231                                 <dt class="heading">Parameters:</dt>
3232
3233                                         <dt>
3234                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>query</b>
3235
3236                                         </dt>
3237                                         <dd>The SQL query to execute</dd>
3238
3239                                         <dt>
3240                                                 <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>
3241
3242                                         </dt>
3243                                         <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>
3244
3245                                 </dl>
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257                     </div>
3258                 </div>
3259
3260             </td>
3261             <td class="msource">
3262
3263                         Roo.bootstrap.ComboBox
3264                 &nbsp;
3265             </td>
3266         </tr>
3267
3268
3269           <tr class="method-row config-row-alt0 expandable">
3270             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3271
3272
3273             <td class="sig">
3274                 <a id="Roo.Component-method-enable"   name=".enable"></a>
3275                 <div class="fixedFont">
3276                         <span class="attributes"></span><b class="itemname">enable</b>
3277
3278                                  ()
3279
3280
3281                                          :
3282
3283
3284                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3285
3286
3287
3288
3289
3290                 </div>
3291                 <div class="mdesc">
3292
3293                    <div class="short">Enable this component.</div>
3294
3295
3296
3297                     <div class="long">
3298
3299                                 Enable this component.
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310                                 <dl class="detailList">
3311                                 <dt class="heading">Returns:</dt>
3312
3313                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3314
3315                                 </dl>
3316
3317
3318
3319
3320
3321
3322
3323                     </div>
3324                 </div>
3325
3326             </td>
3327             <td class="msource">
3328
3329                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3330                 &nbsp;
3331             </td>
3332         </tr>
3333
3334
3335           <tr class="method-row config-row-alt1 expandable notInherited">
3336             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3337
3338
3339             <td class="sig">
3340                 <a id="Roo.bootstrap.ComboBox-method-expand"   name=".expand"></a>
3341                 <div class="fixedFont">
3342                         <span class="attributes"></span><b class="itemname">expand</b>
3343
3344                                  ()
3345
3346
3347
3348                 </div>
3349                 <div class="mdesc">
3350
3351                    <div class="short">Expands the dropdown list if it is currently hidden.</div>
3352
3353
3354
3355                     <div class="long">
3356
3357                                 Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374                     </div>
3375                 </div>
3376
3377             </td>
3378             <td class="msource">
3379
3380                         Roo.bootstrap.ComboBox
3381                 &nbsp;
3382             </td>
3383         </tr>
3384
3385
3386           <tr class="method-row config-row-alt0 expandable">
3387             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3388
3389
3390             <td class="sig">
3391                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
3392                 <div class="fixedFont">
3393                         <span class="attributes"></span><b class="itemname">fireEvent</b>
3394
3395                                  (<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>)
3396
3397
3398                                          :
3399
3400
3401                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3402
3403
3404
3405
3406
3407                 </div>
3408                 <div class="mdesc">
3409
3410                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
3411
3412
3413
3414                     <div class="long">
3415
3416                                 Fires the specified event with the passed parameters (minus the event name).
3417
3418
3419
3420
3421
3422
3423                                 <dl class="detailList">
3424                                 <dt class="heading">Parameters:</dt>
3425
3426                                         <dt>
3427                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3428
3429                                         </dt>
3430                                         <dd></dd>
3431
3432                                         <dt>
3433                                                 <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>
3434
3435                                         </dt>
3436                                         <dd>Variable number of parameters are passed to handlers</dd>
3437
3438                                 </dl>
3439
3440
3441
3442
3443
3444                                 <dl class="detailList">
3445                                 <dt class="heading">Returns:</dt>
3446
3447                                         <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>
3448
3449                                 </dl>
3450
3451
3452
3453
3454
3455
3456
3457                     </div>
3458                 </div>
3459
3460             </td>
3461             <td class="msource">
3462
3463                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3464                 &nbsp;
3465             </td>
3466         </tr>
3467
3468
3469           <tr class="method-row config-row-alt1 expandable">
3470             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3471
3472
3473             <td class="sig">
3474                 <a id="Roo.Component-method-focus"   name=".focus"></a>
3475                 <div class="fixedFont">
3476                         <span class="attributes"></span><b class="itemname">focus</b>
3477
3478                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
3479
3480
3481                                          :
3482
3483
3484                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3485
3486
3487
3488
3489
3490                 </div>
3491                 <div class="mdesc">
3492
3493                    <div class="short">Try to focus this component.</div>
3494
3495
3496
3497                     <div class="long">
3498
3499                                 Try to focus this component.
3500
3501
3502
3503
3504
3505
3506                                 <dl class="detailList">
3507                                 <dt class="heading">Parameters:</dt>
3508
3509                                         <dt>
3510                                                 <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>
3511
3512                                         </dt>
3513                                         <dd>True to also select the text in this component (if applicable)</dd>
3514
3515                                 </dl>
3516
3517
3518
3519
3520
3521                                 <dl class="detailList">
3522                                 <dt class="heading">Returns:</dt>
3523
3524                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3525
3526                                 </dl>
3527
3528
3529
3530
3531
3532
3533
3534                     </div>
3535                 </div>
3536
3537             </td>
3538             <td class="msource">
3539
3540                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3541                 &nbsp;
3542             </td>
3543         </tr>
3544
3545
3546           <tr class="method-row config-row-alt0 expandable">
3547             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3548
3549
3550             <td class="sig">
3551                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
3552                 <div class="fixedFont">
3553                         <span class="attributes"></span><b class="itemname">getEl</b>
3554
3555                                  ()
3556
3557
3558                                          :
3559
3560
3561                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3562
3563
3564
3565
3566
3567                 </div>
3568                 <div class="mdesc">
3569
3570                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
3571
3572
3573
3574                     <div class="long">
3575
3576                                 Returns the underlying {<b>link</b> Roo.Element}.
3577
3578
3579
3580
3581
3582
3583
3584
3585
3586
3587                                 <dl class="detailList">
3588                                 <dt class="heading">Returns:</dt>
3589
3590                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
3591
3592                                 </dl>
3593
3594
3595
3596
3597
3598
3599
3600                     </div>
3601                 </div>
3602
3603             </td>
3604             <td class="msource">
3605
3606                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3607                 &nbsp;
3608             </td>
3609         </tr>
3610
3611
3612           <tr class="method-row config-row-alt1 expandable">
3613             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3614
3615
3616             <td class="sig">
3617                 <a id="Roo.Component-method-getId"   name=".getId"></a>
3618                 <div class="fixedFont">
3619                         <span class="attributes"></span><b class="itemname">getId</b>
3620
3621                                  ()
3622
3623
3624                                          :
3625
3626
3627                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3628
3629
3630
3631
3632
3633                 </div>
3634                 <div class="mdesc">
3635
3636                    <div class="short">Returns the id of this component.</div>
3637
3638
3639
3640                     <div class="long">
3641
3642                                 Returns the id of this component.
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653                                 <dl class="detailList">
3654                                 <dt class="heading">Returns:</dt>
3655
3656                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
3657
3658                                 </dl>
3659
3660
3661
3662
3663
3664
3665
3666                     </div>
3667                 </div>
3668
3669             </td>
3670             <td class="msource">
3671
3672                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3673                 &nbsp;
3674             </td>
3675         </tr>
3676
3677
3678           <tr class="method-row config-row-alt0 expandable">
3679             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3680
3681
3682             <td class="sig">
3683                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
3684                 <div class="fixedFont">
3685                         <span class="attributes"></span><b class="itemname">getName</b>
3686
3687                                  ()
3688
3689
3690                                          :
3691
3692
3693                                                 Mixed
3694
3695
3696
3697
3698
3699                 </div>
3700                 <div class="mdesc">
3701
3702                    <div class="short">Returns the name of the field</div>
3703
3704
3705
3706                     <div class="long">
3707
3708                                 Returns the name of the field
3709
3710
3711
3712
3713
3714
3715
3716
3717
3718
3719                                 <dl class="detailList">
3720                                 <dt class="heading">Returns:</dt>
3721
3722                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
3723
3724                                 </dl>
3725
3726
3727
3728
3729
3730
3731
3732                     </div>
3733                 </div>
3734
3735             </td>
3736             <td class="msource">
3737
3738                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3739                 &nbsp;
3740             </td>
3741         </tr>
3742
3743
3744           <tr class="method-row config-row-alt1 expandable">
3745             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3746
3747
3748             <td class="sig">
3749                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
3750                 <div class="fixedFont">
3751                         <span class="attributes"></span><b class="itemname">getRawValue</b>
3752
3753                                  ()
3754
3755
3756                                          :
3757
3758
3759                                                 Mixed
3760
3761
3762
3763
3764
3765                 </div>
3766                 <div class="mdesc">
3767
3768                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
3769
3770
3771
3772                     <div class="long">
3773
3774                                 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>}.
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785                                 <dl class="detailList">
3786                                 <dt class="heading">Returns:</dt>
3787
3788                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3789
3790                                 </dl>
3791
3792
3793
3794
3795
3796
3797
3798                     </div>
3799                 </div>
3800
3801             </td>
3802             <td class="msource">
3803
3804                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3805                 &nbsp;
3806             </td>
3807         </tr>
3808
3809
3810           <tr class="method-row config-row-alt0 expandable notInherited">
3811             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3812
3813
3814             <td class="sig">
3815                 <a id="Roo.bootstrap.ComboBox-method-getValue"   name=".getValue"></a>
3816                 <div class="fixedFont">
3817                         <span class="attributes"></span><b class="itemname">getValue</b>
3818
3819                                  ()
3820
3821
3822                                          :
3823
3824
3825                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3826
3827
3828
3829
3830
3831                 </div>
3832                 <div class="mdesc">
3833
3834                    <div class="short">Returns the currently selected field value or empty string if no value is set.</div>
3835
3836
3837
3838                     <div class="long">
3839
3840                                 Returns the currently selected field value or empty string if no value is set.
3841
3842
3843
3844
3845
3846
3847
3848
3849
3850
3851                                 <dl class="detailList">
3852                                 <dt class="heading">Returns:</dt>
3853
3854                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  value The selected value</dd>
3855
3856                                 </dl>
3857
3858
3859
3860
3861
3862
3863
3864                     </div>
3865                 </div>
3866
3867             </td>
3868             <td class="msource">
3869
3870                         Roo.bootstrap.ComboBox
3871                 &nbsp;
3872             </td>
3873         </tr>
3874
3875
3876           <tr class="method-row config-row-alt1 expandable">
3877             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3878
3879
3880             <td class="sig">
3881                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3882                 <div class="fixedFont">
3883                         <span class="attributes"></span><b class="itemname">hasListener</b>
3884
3885                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3886
3887
3888                                          :
3889
3890
3891                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3892
3893
3894
3895
3896
3897                 </div>
3898                 <div class="mdesc">
3899
3900                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3901
3902
3903
3904                     <div class="long">
3905
3906                                 Checks to see if this object has any listeners for a specified event
3907
3908
3909
3910
3911
3912
3913                                 <dl class="detailList">
3914                                 <dt class="heading">Parameters:</dt>
3915
3916                                         <dt>
3917                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3918
3919                                         </dt>
3920                                         <dd>The name of the event to check for</dd>
3921
3922                                 </dl>
3923
3924
3925
3926
3927
3928                                 <dl class="detailList">
3929                                 <dt class="heading">Returns:</dt>
3930
3931                                         <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>
3932
3933                                 </dl>
3934
3935
3936
3937
3938
3939
3940
3941                     </div>
3942                 </div>
3943
3944             </td>
3945             <td class="msource">
3946
3947                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3948                 &nbsp;
3949             </td>
3950         </tr>
3951
3952
3953           <tr class="method-row config-row-alt0 expandable">
3954             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3955
3956
3957             <td class="sig">
3958                 <a id="Roo.Component-method-hide"   name=".hide"></a>
3959                 <div class="fixedFont">
3960                         <span class="attributes"></span><b class="itemname">hide</b>
3961
3962                                  ()
3963
3964
3965                                          :
3966
3967
3968                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3969
3970
3971
3972
3973
3974                 </div>
3975                 <div class="mdesc">
3976
3977                    <div class="short">Hide this component.</div>
3978
3979
3980
3981                     <div class="long">
3982
3983                                 Hide this component.
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994                                 <dl class="detailList">
3995                                 <dt class="heading">Returns:</dt>
3996
3997                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3998
3999                                 </dl>
4000
4001
4002
4003
4004
4005
4006
4007                     </div>
4008                 </div>
4009
4010             </td>
4011             <td class="msource">
4012
4013                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4014                 &nbsp;
4015             </td>
4016         </tr>
4017
4018
4019           <tr class="method-row config-row-alt1 expandable">
4020             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4021
4022
4023             <td class="sig">
4024                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
4025                 <div class="fixedFont">
4026                         <span class="attributes"></span><b class="itemname">inputEl</b>
4027
4028                                  ()
4029
4030
4031
4032                 </div>
4033                 <div class="mdesc">
4034
4035                    <div class="short">return the real input element.</div>
4036
4037
4038
4039                     <div class="long">
4040
4041                                 return the real input element.
4042
4043
4044
4045
4046
4047
4048
4049
4050
4051
4052
4053
4054
4055
4056
4057
4058                     </div>
4059                 </div>
4060
4061             </td>
4062             <td class="msource">
4063
4064                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4065                 &nbsp;
4066             </td>
4067         </tr>
4068
4069
4070           <tr class="method-row config-row-alt0 expandable notInherited">
4071             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4072
4073
4074             <td class="sig">
4075                 <a id="Roo.bootstrap.ComboBox-method-isExpanded"   name=".isExpanded"></a>
4076                 <div class="fixedFont">
4077                         <span class="attributes"></span><b class="itemname">isExpanded</b>
4078
4079                                  ()
4080
4081
4082
4083                 </div>
4084                 <div class="mdesc">
4085
4086                    <div class="short">Returns true if the dropdown list is expanded, else false.</div>
4087
4088
4089
4090                     <div class="long">
4091
4092                                 Returns true if the dropdown list is expanded, else false.
4093
4094
4095
4096
4097
4098
4099
4100
4101
4102
4103
4104
4105
4106
4107
4108
4109                     </div>
4110                 </div>
4111
4112             </td>
4113             <td class="msource">
4114
4115                         Roo.bootstrap.ComboBox
4116                 &nbsp;
4117             </td>
4118         </tr>
4119
4120
4121           <tr class="method-row config-row-alt1 expandable">
4122             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4123
4124
4125             <td class="sig">
4126                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
4127                 <div class="fixedFont">
4128                         <span class="attributes"></span><b class="itemname">isVisible</b>
4129
4130                                  ()
4131
4132
4133
4134                 </div>
4135                 <div class="mdesc">
4136
4137                    <div class="short">Returns true if this component is visible.</div>
4138
4139
4140
4141                     <div class="long">
4142
4143                                 Returns true if this component is visible.
4144
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156
4157
4158
4159
4160                     </div>
4161                 </div>
4162
4163             </td>
4164             <td class="msource">
4165
4166                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4167                 &nbsp;
4168             </td>
4169         </tr>
4170
4171
4172           <tr class="method-row config-row-alt0 expandable">
4173             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4174
4175
4176             <td class="sig">
4177                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
4178                 <div class="fixedFont">
4179                         <span class="attributes"></span><b class="itemname">markInvalid</b>
4180
4181                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
4182
4183
4184
4185                 </div>
4186                 <div class="mdesc">
4187
4188                    <div class="short">Mark this field as invalid</div>
4189
4190
4191
4192                     <div class="long">
4193
4194                                 Mark this field as invalid
4195
4196
4197
4198
4199
4200
4201                                 <dl class="detailList">
4202                                 <dt class="heading">Parameters:</dt>
4203
4204                                         <dt>
4205                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
4206
4207                                         </dt>
4208                                         <dd>The validation message</dd>
4209
4210                                 </dl>
4211
4212
4213
4214
4215
4216
4217
4218
4219
4220
4221
4222                     </div>
4223                 </div>
4224
4225             </td>
4226             <td class="msource">
4227
4228                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4229                 &nbsp;
4230             </td>
4231         </tr>
4232
4233
4234           <tr class="method-row config-row-alt1 expandable">
4235             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4236
4237
4238             <td class="sig">
4239                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
4240                 <div class="fixedFont">
4241                         <span class="attributes"></span><b class="itemname">on</b>
4242
4243                                  (<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>)
4244
4245
4246
4247                 </div>
4248                 <div class="mdesc">
4249
4250                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
4251
4252
4253
4254                     <div class="long">
4255
4256                                 Appends an event handler to this element (shorthand for addListener)
4257
4258
4259
4260
4261
4262
4263                                 <dl class="detailList">
4264                                 <dt class="heading">Parameters:</dt>
4265
4266                                         <dt>
4267                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4268
4269                                         </dt>
4270                                         <dd>The type of event to listen for</dd>
4271
4272                                         <dt>
4273                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4274
4275                                         </dt>
4276                                         <dd>The method the event invokes</dd>
4277
4278                                         <dt>
4279                                                 <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>
4280
4281                                         </dt>
4282                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
4283
4284                                         <dt>
4285                                                 <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>
4286
4287                                         </dt>
4288                                         <dd>(optional)</dd>
4289
4290                                 </dl>
4291
4292
4293
4294
4295
4296
4297
4298
4299
4300
4301
4302                     </div>
4303                 </div>
4304
4305             </td>
4306             <td class="msource">
4307
4308                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4309                 &nbsp;
4310             </td>
4311         </tr>
4312
4313
4314           <tr class="method-row config-row-alt0 expandable">
4315             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4316
4317
4318             <td class="sig">
4319                 <a id="Roo.bootstrap.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
4320                 <div class="fixedFont">
4321                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
4322
4323                                  (EventObject <B><i>e</i></B>)
4324
4325
4326
4327                 </div>
4328                 <div class="mdesc">
4329
4330                    <div class="short">The function that should handle the trigger's click event.</div>
4331
4332
4333
4334                     <div class="long">
4335
4336                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
4337
4338
4339
4340
4341
4342
4343                                 <dl class="detailList">
4344                                 <dt class="heading">Parameters:</dt>
4345
4346                                         <dt>
4347                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
4348
4349                                         </dt>
4350                                         <dd></dd>
4351
4352                                 </dl>
4353
4354
4355
4356
4357
4358
4359
4360
4361
4362
4363
4364                     </div>
4365                 </div>
4366
4367             </td>
4368             <td class="msource">
4369
4370                         <a href="./Roo.bootstrap.TriggerField.html#constructor" roo:cls="Roo.bootstrap.TriggerField.html#constructor">Roo.bootstrap.TriggerField</a>
4371                 &nbsp;
4372             </td>
4373         </tr>
4374
4375
4376           <tr class="method-row config-row-alt1 expandable">
4377             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4378
4379
4380             <td class="sig">
4381                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
4382                 <div class="fixedFont">
4383                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
4384
4385                                  ()
4386
4387
4388
4389                 </div>
4390                 <div class="mdesc">
4391
4392                    <div class="short">Removes all listeners for this object</div>
4393
4394
4395
4396                     <div class="long">
4397
4398                                 Removes all listeners for this object
4399
4400
4401
4402
4403
4404
4405
4406
4407
4408
4409
4410
4411
4412
4413
4414
4415                     </div>
4416                 </div>
4417
4418             </td>
4419             <td class="msource">
4420
4421                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4422                 &nbsp;
4423             </td>
4424         </tr>
4425
4426
4427           <tr class="method-row config-row-alt0 expandable">
4428             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4429
4430
4431             <td class="sig">
4432                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
4433                 <div class="fixedFont">
4434                         <span class="attributes"></span><b class="itemname">removeListener</b>
4435
4436                                  (<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>)
4437
4438
4439
4440                 </div>
4441                 <div class="mdesc">
4442
4443                    <div class="short">Removes a listener</div>
4444
4445
4446
4447                     <div class="long">
4448
4449                                 Removes a listener
4450
4451
4452
4453
4454
4455
4456                                 <dl class="detailList">
4457                                 <dt class="heading">Parameters:</dt>
4458
4459                                         <dt>
4460                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4461
4462                                         </dt>
4463                                         <dd>The type of event to listen for</dd>
4464
4465                                         <dt>
4466                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4467
4468                                         </dt>
4469                                         <dd>The handler to remove</dd>
4470
4471                                         <dt>
4472                                                 <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>
4473
4474                                         </dt>
4475                                         <dd>(optional) The scope (this object) for the handler</dd>
4476
4477                                 </dl>
4478
4479
4480
4481
4482
4483
4484
4485
4486
4487
4488
4489                     </div>
4490                 </div>
4491
4492             </td>
4493             <td class="msource">
4494
4495                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4496                 &nbsp;
4497             </td>
4498         </tr>
4499
4500
4501           <tr class="method-row config-row-alt1 expandable">
4502             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4503
4504
4505             <td class="sig">
4506                 <a id="Roo.Component-method-render"   name=".render"></a>
4507                 <div class="fixedFont">
4508                         <span class="attributes"></span><b class="itemname">render</b>
4509
4510                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
4511
4512
4513
4514                 </div>
4515                 <div class="mdesc">
4516
4517                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
4518
4519
4520
4521                     <div class="long">
4522
4523                                 If this is a lazy rendering component, render it to its container element.
4524
4525
4526
4527
4528
4529
4530                                 <dl class="detailList">
4531                                 <dt class="heading">Parameters:</dt>
4532
4533                                         <dt>
4534                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
4535
4536                                         </dt>
4537                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
4538
4539                                 </dl>
4540
4541
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551                     </div>
4552                 </div>
4553
4554             </td>
4555             <td class="msource">
4556
4557                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4558                 &nbsp;
4559             </td>
4560         </tr>
4561
4562
4563           <tr class="method-row config-row-alt0 expandable">
4564             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4565
4566
4567             <td class="sig">
4568                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
4569                 <div class="fixedFont">
4570                         <span class="attributes"></span><b class="itemname">reset</b>
4571
4572                                  ()
4573
4574
4575
4576                 </div>
4577                 <div class="mdesc">
4578
4579                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
4580
4581
4582
4583                     <div class="long">
4584
4585                                 Resets the current field value to the originally loaded value and clears any validation messages
4586
4587
4588
4589
4590
4591
4592
4593
4594
4595
4596
4597
4598
4599
4600
4601
4602                     </div>
4603                 </div>
4604
4605             </td>
4606             <td class="msource">
4607
4608                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4609                 &nbsp;
4610             </td>
4611         </tr>
4612
4613
4614           <tr class="method-row config-row-alt1 expandable notInherited">
4615             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4616
4617
4618             <td class="sig">
4619                 <a id="Roo.bootstrap.ComboBox-method-select"   name=".select"></a>
4620                 <div class="fixedFont">
4621                         <span class="attributes"></span><b class="itemname">select</b>
4622
4623                                  (<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>)
4624
4625
4626
4627                 </div>
4628                 <div class="mdesc">
4629
4630                    <div class="short">Select an item in the dropdown list by its numeric index in the list.</div>
4631
4632
4633
4634                     <div class="long">
4635
4636                                 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.
4637
4638
4639
4640
4641
4642
4643                                 <dl class="detailList">
4644                                 <dt class="heading">Parameters:</dt>
4645
4646                                         <dt>
4647                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>index</b>
4648
4649                                         </dt>
4650                                         <dd>The zero-based index of the list item to select</dd>
4651
4652                                         <dt>
4653                                                 <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>
4654
4655                                         </dt>
4656                                         <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>
4657
4658                                 </dl>
4659
4660
4661
4662
4663
4664
4665
4666
4667
4668
4669
4670                     </div>
4671                 </div>
4672
4673             </td>
4674             <td class="msource">
4675
4676                         Roo.bootstrap.ComboBox
4677                 &nbsp;
4678             </td>
4679         </tr>
4680
4681
4682           <tr class="method-row config-row-alt0 expandable notInherited">
4683             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4684
4685
4686             <td class="sig">
4687                 <a id="Roo.bootstrap.ComboBox-method-selectByValue"   name=".selectByValue"></a>
4688                 <div class="fixedFont">
4689                         <span class="attributes"></span><b class="itemname">selectByValue</b>
4690
4691                                  (<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>)
4692
4693
4694                                          :
4695
4696
4697                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4698
4699
4700
4701
4702
4703                 </div>
4704                 <div class="mdesc">
4705
4706                    <div class="short">Select an item in the dropdown list by its data value.</div>
4707
4708
4709
4710                     <div class="long">
4711
4712                                 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.
4713
4714
4715
4716
4717
4718
4719                                 <dl class="detailList">
4720                                 <dt class="heading">Parameters:</dt>
4721
4722                                         <dt>
4723                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
4724
4725                                         </dt>
4726                                         <dd>The data value of the item to select</dd>
4727
4728                                         <dt>
4729                                                 <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>
4730
4731                                         </dt>
4732                                         <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>
4733
4734                                 </dl>
4735
4736
4737
4738
4739
4740                                 <dl class="detailList">
4741                                 <dt class="heading">Returns:</dt>
4742
4743                                         <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>
4744
4745                                 </dl>
4746
4747
4748
4749
4750
4751
4752
4753                     </div>
4754                 </div>
4755
4756             </td>
4757             <td class="msource">
4758
4759                         Roo.bootstrap.ComboBox
4760                 &nbsp;
4761             </td>
4762         </tr>
4763
4764
4765           <tr class="method-row config-row-alt1 expandable">
4766             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4767
4768
4769             <td class="sig">
4770                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
4771                 <div class="fixedFont">
4772                         <span class="attributes"></span><b class="itemname">setDisabled</b>
4773
4774                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
4775
4776
4777
4778                 </div>
4779                 <div class="mdesc">
4780
4781                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
4782
4783
4784
4785                     <div class="long">
4786
4787                                 Convenience function for setting disabled/enabled by boolean.
4788
4789
4790
4791
4792
4793
4794                                 <dl class="detailList">
4795                                 <dt class="heading">Parameters:</dt>
4796
4797                                         <dt>
4798                                                 <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>
4799
4800                                         </dt>
4801                                         <dd></dd>
4802
4803                                 </dl>
4804
4805
4806
4807
4808
4809
4810
4811
4812
4813
4814
4815                     </div>
4816                 </div>
4817
4818             </td>
4819             <td class="msource">
4820
4821                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4822                 &nbsp;
4823             </td>
4824         </tr>
4825
4826
4827           <tr class="method-row config-row-alt0 expandable notInherited">
4828             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4829
4830
4831             <td class="sig">
4832                 <a id="Roo.bootstrap.ComboBox-method-setEditable"   name=".setEditable"></a>
4833                 <div class="fixedFont">
4834                         <span class="attributes"></span><b class="itemname">setEditable</b>
4835
4836                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
4837
4838
4839
4840                 </div>
4841                 <div class="mdesc">
4842
4843                    <div class="short">Allow or prevent the user from directly editing the field text.</div>
4844
4845
4846
4847                     <div class="long">
4848
4849                                 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.
4850
4851
4852
4853
4854
4855
4856                                 <dl class="detailList">
4857                                 <dt class="heading">Parameters:</dt>
4858
4859                                         <dt>
4860                                                 <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>
4861
4862                                         </dt>
4863                                         <dd>True to allow the user to directly edit the field text</dd>
4864
4865                                 </dl>
4866
4867
4868
4869
4870
4871
4872
4873
4874
4875
4876
4877                     </div>
4878                 </div>
4879
4880             </td>
4881             <td class="msource">
4882
4883                         Roo.bootstrap.ComboBox
4884                 &nbsp;
4885             </td>
4886         </tr>
4887
4888
4889           <tr class="method-row config-row-alt1 expandable notInherited">
4890             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4891
4892
4893             <td class="sig">
4894                 <a id="Roo.bootstrap.ComboBox-method-setFromData"   name=".setFromData"></a>
4895                 <div class="fixedFont">
4896                         <span class="attributes"></span><b class="itemname">setFromData</b>
4897
4898                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>value</i></B>)
4899
4900
4901
4902                 </div>
4903                 <div class="mdesc">
4904
4905                    <div class="short">Sets the value of the field based on a object which is related to the record format for the store.</div>
4906
4907
4908
4909                     <div class="long">
4910
4911                                 Sets the value of the field based on a object which is related to the record format for the store.
4912
4913
4914
4915
4916
4917
4918                                 <dl class="detailList">
4919                                 <dt class="heading">Parameters:</dt>
4920
4921                                         <dt>
4922                                                 <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>
4923
4924                                         </dt>
4925                                         <dd>the value to set as. or false on reset?</dd>
4926
4927                                 </dl>
4928
4929
4930
4931
4932
4933
4934
4935
4936
4937
4938
4939                     </div>
4940                 </div>
4941
4942             </td>
4943             <td class="msource">
4944
4945                         Roo.bootstrap.ComboBox
4946                 &nbsp;
4947             </td>
4948         </tr>
4949
4950
4951           <tr class="method-row config-row-alt0 expandable">
4952             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4953
4954
4955             <td class="sig">
4956                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
4957                 <div class="fixedFont">
4958                         <span class="attributes"></span><b class="itemname">setRawValue</b>
4959
4960                                  (Mixed <B><i>value</i></B>)
4961
4962
4963
4964                 </div>
4965                 <div class="mdesc">
4966
4967                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
4968
4969
4970
4971                     <div class="long">
4972
4973                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
4974
4975
4976
4977
4978
4979
4980                                 <dl class="detailList">
4981                                 <dt class="heading">Parameters:</dt>
4982
4983                                         <dt>
4984                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4985
4986                                         </dt>
4987                                         <dd>The value to set</dd>
4988
4989                                 </dl>
4990
4991
4992
4993
4994
4995
4996
4997
4998
4999
5000
5001                     </div>
5002                 </div>
5003
5004             </td>
5005             <td class="msource">
5006
5007                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5008                 &nbsp;
5009             </td>
5010         </tr>
5011
5012
5013           <tr class="method-row config-row-alt1 expandable notInherited">
5014             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5015
5016
5017             <td class="sig">
5018                 <a id="Roo.bootstrap.ComboBox-method-setValue"   name=".setValue"></a>
5019                 <div class="fixedFont">
5020                         <span class="attributes"></span><b class="itemname">setValue</b>
5021
5022                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
5023
5024
5025
5026                 </div>
5027                 <div class="mdesc">
5028
5029                    <div class="short">Sets the specified value into the field.</div>
5030
5031
5032
5033                     <div class="long">
5034
5035                                 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).
5036
5037
5038
5039
5040
5041
5042                                 <dl class="detailList">
5043                                 <dt class="heading">Parameters:</dt>
5044
5045                                         <dt>
5046                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5047
5048                                         </dt>
5049                                         <dd>The value to match</dd>
5050
5051                                 </dl>
5052
5053
5054
5055
5056
5057
5058
5059
5060
5061
5062
5063                     </div>
5064                 </div>
5065
5066             </td>
5067             <td class="msource">
5068
5069                         Roo.bootstrap.ComboBox
5070                 &nbsp;
5071             </td>
5072         </tr>
5073
5074
5075           <tr class="method-row config-row-alt0 expandable">
5076             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5077
5078
5079             <td class="sig">
5080                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
5081                 <div class="fixedFont">
5082                         <span class="attributes"></span><b class="itemname">setVisible</b>
5083
5084                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
5085
5086
5087                                          :
5088
5089
5090                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5091
5092
5093
5094
5095
5096                 </div>
5097                 <div class="mdesc">
5098
5099                    <div class="short">Convenience function to hide or show this component by boolean.</div>
5100
5101
5102
5103                     <div class="long">
5104
5105                                 Convenience function to hide or show this component by boolean.
5106
5107
5108
5109
5110
5111
5112                                 <dl class="detailList">
5113                                 <dt class="heading">Parameters:</dt>
5114
5115                                         <dt>
5116                                                 <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>
5117
5118                                         </dt>
5119                                         <dd>True to show, false to hide</dd>
5120
5121                                 </dl>
5122
5123
5124
5125
5126
5127                                 <dl class="detailList">
5128                                 <dt class="heading">Returns:</dt>
5129
5130                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
5131
5132                                 </dl>
5133
5134
5135
5136
5137
5138
5139
5140                     </div>
5141                 </div>
5142
5143             </td>
5144             <td class="msource">
5145
5146                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5147                 &nbsp;
5148             </td>
5149         </tr>
5150
5151
5152           <tr class="method-row config-row-alt1 expandable">
5153             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5154
5155
5156             <td class="sig">
5157                 <a id="Roo.Component-method-show"   name=".show"></a>
5158                 <div class="fixedFont">
5159                         <span class="attributes"></span><b class="itemname">show</b>
5160
5161                                  ()
5162
5163
5164                                          :
5165
5166
5167                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5168
5169
5170
5171
5172
5173                 </div>
5174                 <div class="mdesc">
5175
5176                    <div class="short">Show this component.</div>
5177
5178
5179
5180                     <div class="long">
5181
5182                                 Show this component.
5183
5184
5185
5186
5187
5188
5189
5190
5191
5192
5193                                 <dl class="detailList">
5194                                 <dt class="heading">Returns:</dt>
5195
5196                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
5197
5198                                 </dl>
5199
5200
5201
5202
5203
5204
5205
5206                     </div>
5207                 </div>
5208
5209             </td>
5210             <td class="msource">
5211
5212                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5213                 &nbsp;
5214             </td>
5215         </tr>
5216
5217
5218           <tr class="method-row config-row-alt0 expandable">
5219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5220
5221
5222             <td class="sig">
5223                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
5224                 <div class="fixedFont">
5225                         <span class="attributes"></span><b class="itemname">un</b>
5226
5227                                  (<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>)
5228
5229
5230
5231                 </div>
5232                 <div class="mdesc">
5233
5234                    <div class="short">Removes a listener (shorthand for removeListener)</div>
5235
5236
5237
5238                     <div class="long">
5239
5240                                 Removes a listener (shorthand for removeListener)
5241
5242
5243
5244
5245
5246
5247                                 <dl class="detailList">
5248                                 <dt class="heading">Parameters:</dt>
5249
5250                                         <dt>
5251                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
5252
5253                                         </dt>
5254                                         <dd>The type of event to listen for</dd>
5255
5256                                         <dt>
5257                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
5258
5259                                         </dt>
5260                                         <dd>The handler to remove</dd>
5261
5262                                         <dt>
5263                                                 <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>
5264
5265                                         </dt>
5266                                         <dd>(optional) The scope (this object) for the handler</dd>
5267
5268                                 </dl>
5269
5270
5271
5272
5273
5274
5275
5276
5277
5278
5279
5280                     </div>
5281                 </div>
5282
5283             </td>
5284             <td class="msource">
5285
5286                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5287                 &nbsp;
5288             </td>
5289         </tr>
5290
5291
5292           <tr class="method-row config-row-alt1 expandable">
5293             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5294
5295
5296             <td class="sig">
5297                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
5298                 <div class="fixedFont">
5299                         <span class="attributes"></span><b class="itemname">validate</b>
5300
5301                                  ()
5302
5303
5304                                          :
5305
5306
5307                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5308
5309
5310
5311
5312
5313                 </div>
5314                 <div class="mdesc">
5315
5316                    <div class="short">Validates the field value</div>
5317
5318
5319
5320                     <div class="long">
5321
5322                                 Validates the field value
5323
5324
5325
5326
5327
5328
5329
5330
5331
5332
5333                                 <dl class="detailList">
5334                                 <dt class="heading">Returns:</dt>
5335
5336                                         <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>
5337
5338                                 </dl>
5339
5340
5341
5342
5343
5344
5345
5346                     </div>
5347                 </div>
5348
5349             </td>
5350             <td class="msource">
5351
5352                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5353                 &nbsp;
5354             </td>
5355         </tr>
5356
5357
5358           <tr class="method-row config-row-alt0 expandable">
5359             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5360
5361
5362             <td class="sig">
5363                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
5364                 <div class="fixedFont">
5365                         <span class="attributes"></span><b class="itemname">validateValue</b>
5366
5367                                  (Mixed <B><i>value</i></B>)
5368
5369
5370                                          :
5371
5372
5373                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5374
5375
5376
5377
5378
5379                 </div>
5380                 <div class="mdesc">
5381
5382                    <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>
5383
5384
5385
5386                     <div class="long">
5387
5388                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
5389
5390
5391
5392
5393
5394
5395                                 <dl class="detailList">
5396                                 <dt class="heading">Parameters:</dt>
5397
5398                                         <dt>
5399                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
5400
5401                                         </dt>
5402                                         <dd>The value to validate</dd>
5403
5404                                 </dl>
5405
5406
5407
5408
5409
5410                                 <dl class="detailList">
5411                                 <dt class="heading">Returns:</dt>
5412
5413                                         <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>
5414
5415                                 </dl>
5416
5417
5418
5419
5420
5421
5422
5423                     </div>
5424                 </div>
5425
5426             </td>
5427             <td class="msource">
5428
5429                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5430                 &nbsp;
5431             </td>
5432         </tr>
5433
5434
5435     </table>
5436
5437
5438   <!-- ============================== events summary / details ======================== -->
5439
5440
5441   <a id="Roo.bootstrap.ComboBox-events"></a>
5442
5443
5444
5445
5446
5447
5448
5449
5450       <table cellspacing="0" class="member-table">
5451                 <caption>Events</caption>
5452               <thead>
5453                 <tr>
5454                     <th class="sig-header" colspan="2">Event</th>
5455                     <th class="msource-header">Defined By</th>
5456
5457                 </tr>
5458               </thead>
5459
5460
5461
5462
5463
5464           <tr class="method-row expandable config-row-alt0 notInherited">
5465             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5466
5467             <td class="sig">
5468                 <a id="Roo.bootstrap.ComboBox-event-*add"></a>
5469
5470                <div class="fixedFont">
5471                 <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>)
5472
5473                 </div>
5474
5475                 <div class="mdesc">
5476
5477                    <div class="short">Fires when the 'add' icon is pressed (add a listener to enable add button)
5478
5479                 </div>
5480
5481                     <div class="long">
5482
5483                         Fires when the 'add' icon is pressed (add a listener to enable add button)
5484
5485
5486
5487
5488
5489                                 <dl class="detailList">
5490                                 <dt class="heading">Parameters:</dt>
5491
5492                                         <dt>
5493                                                 <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>
5494
5495                                         </dt>
5496                                         <dd>This combo box</dd>
5497
5498                                 </dl>
5499
5500
5501
5502
5503
5504
5505
5506
5507
5508
5509
5510                     </div>
5511                 </div>
5512
5513             </td>
5514             <td class="msource">
5515                 Roo.bootstrap.ComboBox
5516             </td>
5517         </tr>
5518
5519           <tr class="method-row expandable config-row-alt1">
5520             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5521
5522             <td class="sig">
5523                 <a id="Roo.Component-event-*beforedestroy"></a>
5524
5525                <div class="fixedFont">
5526                 <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>)
5527
5528                 </div>
5529
5530                 <div class="mdesc">
5531
5532                    <div class="short">Fires before the component is destroyed.
5533
5534                 </div>
5535
5536                     <div class="long">
5537
5538                         Fires before the component is destroyed. Return false to stop the destroy.
5539
5540
5541
5542
5543
5544                                 <dl class="detailList">
5545                                 <dt class="heading">Parameters:</dt>
5546
5547                                         <dt>
5548                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5549
5550                                         </dt>
5551                                         <dd></dd>
5552
5553                                 </dl>
5554
5555
5556
5557
5558
5559
5560
5561
5562
5563
5564
5565                     </div>
5566                 </div>
5567
5568             </td>
5569             <td class="msource">
5570                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5571             </td>
5572         </tr>
5573
5574           <tr class="method-row expandable config-row-alt0">
5575             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5576
5577             <td class="sig">
5578                 <a id="Roo.Component-event-*beforehide"></a>
5579
5580                <div class="fixedFont">
5581                 <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>)
5582
5583                 </div>
5584
5585                 <div class="mdesc">
5586
5587                    <div class="short">Fires before the component is hidden.
5588
5589                 </div>
5590
5591                     <div class="long">
5592
5593                         Fires before the component is hidden. Return false to stop the hide.
5594
5595
5596
5597
5598
5599                                 <dl class="detailList">
5600                                 <dt class="heading">Parameters:</dt>
5601
5602                                         <dt>
5603                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5604
5605                                         </dt>
5606                                         <dd></dd>
5607
5608                                 </dl>
5609
5610
5611
5612
5613
5614
5615
5616
5617
5618
5619
5620                     </div>
5621                 </div>
5622
5623             </td>
5624             <td class="msource">
5625                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5626             </td>
5627         </tr>
5628
5629           <tr class="method-row expandable config-row-alt1 notInherited">
5630             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5631
5632             <td class="sig">
5633                 <a id="Roo.bootstrap.ComboBox-event-*beforequery"></a>
5634
5635                <div class="fixedFont">
5636                 <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>)
5637
5638                 </div>
5639
5640                 <div class="mdesc">
5641
5642                    <div class="short">Fires before all queries are processed.
5643
5644                 </div>
5645
5646                     <div class="long">
5647
5648                         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:
5649
5650
5651
5652
5653
5654                                 <dl class="detailList">
5655                                 <dt class="heading">Parameters:</dt>
5656
5657                                         <dt>
5658                                                 <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>
5659
5660                                         </dt>
5661                                         <dd>This combo box</dd>
5662
5663                                         <dt>
5664                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>query</b>
5665
5666                                         </dt>
5667                                         <dd>The query</dd>
5668
5669                                         <dt>
5670                                                 <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>
5671
5672                                         </dt>
5673                                         <dd>true to force "all" query</dd>
5674
5675                                         <dt>
5676                                                 <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>
5677
5678                                         </dt>
5679                                         <dd>true to cancel the query</dd>
5680
5681                                         <dt>
5682                                                 <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>
5683
5684                                         </dt>
5685                                         <dd>The query event object</dd>
5686
5687                                 </dl>
5688
5689
5690
5691
5692
5693
5694
5695
5696
5697
5698
5699                     </div>
5700                 </div>
5701
5702             </td>
5703             <td class="msource">
5704                 Roo.bootstrap.ComboBox
5705             </td>
5706         </tr>
5707
5708           <tr class="method-row expandable config-row-alt0">
5709             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5710
5711             <td class="sig">
5712                 <a id="Roo.Component-event-*beforerender"></a>
5713
5714                <div class="fixedFont">
5715                 <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>)
5716
5717                 </div>
5718
5719                 <div class="mdesc">
5720
5721                    <div class="short">Fires before the component is rendered.
5722
5723                 </div>
5724
5725                     <div class="long">
5726
5727                         Fires before the component is rendered. Return false to stop the render.
5728
5729
5730
5731
5732
5733                                 <dl class="detailList">
5734                                 <dt class="heading">Parameters:</dt>
5735
5736                                         <dt>
5737                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5738
5739                                         </dt>
5740                                         <dd></dd>
5741
5742                                 </dl>
5743
5744
5745
5746
5747
5748
5749
5750
5751
5752
5753
5754                     </div>
5755                 </div>
5756
5757             </td>
5758             <td class="msource">
5759                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5760             </td>
5761         </tr>
5762
5763           <tr class="method-row expandable config-row-alt1 notInherited">
5764             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5765
5766             <td class="sig">
5767                 <a id="Roo.bootstrap.ComboBox-event-*beforeselect"></a>
5768
5769                <div class="fixedFont">
5770                 <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>)
5771
5772                 </div>
5773
5774                 <div class="mdesc">
5775
5776                    <div class="short">Fires before a list item is selected.
5777
5778                 </div>
5779
5780                     <div class="long">
5781
5782                         Fires before a list item is selected. Return false to cancel the selection.
5783
5784
5785
5786
5787
5788                                 <dl class="detailList">
5789                                 <dt class="heading">Parameters:</dt>
5790
5791                                         <dt>
5792                                                 <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>
5793
5794                                         </dt>
5795                                         <dd>This combo box</dd>
5796
5797                                         <dt>
5798                                                 <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>
5799
5800                                         </dt>
5801                                         <dd>The data record returned from the underlying store</dd>
5802
5803                                         <dt>
5804                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
5805
5806                                         </dt>
5807                                         <dd>The index of the selected item in the dropdown list</dd>
5808
5809                                 </dl>
5810
5811
5812
5813
5814
5815
5816
5817
5818
5819
5820
5821                     </div>
5822                 </div>
5823
5824             </td>
5825             <td class="msource">
5826                 Roo.bootstrap.ComboBox
5827             </td>
5828         </tr>
5829
5830           <tr class="method-row expandable config-row-alt0">
5831             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5832
5833             <td class="sig">
5834                 <a id="Roo.Component-event-*beforeshow"></a>
5835
5836                <div class="fixedFont">
5837                 <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>)
5838
5839                 </div>
5840
5841                 <div class="mdesc">
5842
5843                    <div class="short">Fires before the component is shown.
5844
5845                 </div>
5846
5847                     <div class="long">
5848
5849                         Fires before the component is shown.  Return false to stop the show.
5850
5851
5852
5853
5854
5855                                 <dl class="detailList">
5856                                 <dt class="heading">Parameters:</dt>
5857
5858                                         <dt>
5859                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5860
5861                                         </dt>
5862                                         <dd></dd>
5863
5864                                 </dl>
5865
5866
5867
5868
5869
5870
5871
5872
5873
5874
5875
5876                     </div>
5877                 </div>
5878
5879             </td>
5880             <td class="msource">
5881                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5882             </td>
5883         </tr>
5884
5885           <tr class="method-row expandable config-row-alt1">
5886             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5887
5888             <td class="sig">
5889                 <a id="Roo.bootstrap.Input-event-*blur"></a>
5890
5891                <div class="fixedFont">
5892                 <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>)
5893
5894                 </div>
5895
5896                 <div class="mdesc">
5897
5898                    <div class="short">Fires when this field loses input focus.
5899
5900                 </div>
5901
5902                     <div class="long">
5903
5904                         Fires when this field loses input focus.
5905
5906
5907
5908
5909
5910                                 <dl class="detailList">
5911                                 <dt class="heading">Parameters:</dt>
5912
5913                                         <dt>
5914                                                 <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>
5915
5916                                         </dt>
5917                                         <dd></dd>
5918
5919                                 </dl>
5920
5921
5922
5923
5924
5925
5926
5927
5928
5929
5930
5931                     </div>
5932                 </div>
5933
5934             </td>
5935             <td class="msource">
5936                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5937             </td>
5938         </tr>
5939
5940           <tr class="method-row expandable config-row-alt0">
5941             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5942
5943             <td class="sig">
5944                 <a id="Roo.bootstrap.Input-event-*change"></a>
5945
5946                <div class="fixedFont">
5947                 <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>)
5948
5949                 </div>
5950
5951                 <div class="mdesc">
5952
5953                    <div class="short">Fires just before the field blurs if the field value has changed.
5954
5955                 </div>
5956
5957                     <div class="long">
5958
5959                         Fires just before the field blurs if the field value has changed.
5960
5961
5962
5963
5964
5965                                 <dl class="detailList">
5966                                 <dt class="heading">Parameters:</dt>
5967
5968                                         <dt>
5969                                                 <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>
5970
5971                                         </dt>
5972                                         <dd></dd>
5973
5974                                         <dt>
5975                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
5976
5977                                         </dt>
5978                                         <dd>The new value</dd>
5979
5980                                         <dt>
5981                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
5982
5983                                         </dt>
5984                                         <dd>The original value</dd>
5985
5986                                 </dl>
5987
5988
5989
5990
5991
5992
5993
5994
5995
5996
5997
5998                     </div>
5999                 </div>
6000
6001             </td>
6002             <td class="msource">
6003                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
6004             </td>
6005         </tr>
6006
6007           <tr class="method-row expandable config-row-alt1 notInherited">
6008             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6009
6010             <td class="sig">
6011                 <a id="Roo.bootstrap.ComboBox-event-*collapse"></a>
6012
6013                <div class="fixedFont">
6014                 <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>)
6015
6016                 </div>
6017
6018                 <div class="mdesc">
6019
6020                    <div class="short">Fires when the dropdown list is collapsed
6021
6022                 </div>
6023
6024                     <div class="long">
6025
6026                         Fires when the dropdown list is collapsed
6027
6028
6029
6030
6031
6032                                 <dl class="detailList">
6033                                 <dt class="heading">Parameters:</dt>
6034
6035                                         <dt>
6036                                                 <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>
6037
6038                                         </dt>
6039                                         <dd>This combo box</dd>
6040
6041                                 </dl>
6042
6043
6044
6045
6046
6047
6048
6049
6050
6051
6052
6053                     </div>
6054                 </div>
6055
6056             </td>
6057             <td class="msource">
6058                 Roo.bootstrap.ComboBox
6059             </td>
6060         </tr>
6061
6062           <tr class="method-row expandable config-row-alt0">
6063             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6064
6065             <td class="sig">
6066                 <a id="Roo.Component-event-*destroy"></a>
6067
6068                <div class="fixedFont">
6069                 <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>)
6070
6071                 </div>
6072
6073                 <div class="mdesc">
6074
6075                    <div class="short">Fires after the component is destroyed.
6076
6077                 </div>
6078
6079                     <div class="long">
6080
6081                         Fires after the component is destroyed.
6082
6083
6084
6085
6086
6087                                 <dl class="detailList">
6088                                 <dt class="heading">Parameters:</dt>
6089
6090                                         <dt>
6091                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6092
6093                                         </dt>
6094                                         <dd></dd>
6095
6096                                 </dl>
6097
6098
6099
6100
6101
6102
6103
6104
6105
6106
6107
6108                     </div>
6109                 </div>
6110
6111             </td>
6112             <td class="msource">
6113                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6114             </td>
6115         </tr>
6116
6117           <tr class="method-row expandable config-row-alt1">
6118             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6119
6120             <td class="sig">
6121                 <a id="Roo.Component-event-*disable"></a>
6122
6123                <div class="fixedFont">
6124                 <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>)
6125
6126                 </div>
6127
6128                 <div class="mdesc">
6129
6130                    <div class="short">Fires after the component is disabled.
6131
6132                 </div>
6133
6134                     <div class="long">
6135
6136                         Fires after the component is disabled.
6137
6138
6139
6140
6141
6142                                 <dl class="detailList">
6143                                 <dt class="heading">Parameters:</dt>
6144
6145                                         <dt>
6146                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6147
6148                                         </dt>
6149                                         <dd></dd>
6150
6151                                 </dl>
6152
6153
6154
6155
6156
6157
6158
6159
6160
6161
6162
6163                     </div>
6164                 </div>
6165
6166             </td>
6167             <td class="msource">
6168                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6169             </td>
6170         </tr>
6171
6172           <tr class="method-row expandable config-row-alt0 notInherited">
6173             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6174
6175             <td class="sig">
6176                 <a id="Roo.bootstrap.ComboBox-event-*edit"></a>
6177
6178                <div class="fixedFont">
6179                 <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>)
6180
6181                 </div>
6182
6183                 <div class="mdesc">
6184
6185                    <div class="short">Fires when the 'edit' icon is pressed (add a listener to enable add button)
6186
6187                 </div>
6188
6189                     <div class="long">
6190
6191                         Fires when the 'edit' icon is pressed (add a listener to enable add button)
6192
6193
6194
6195
6196
6197                                 <dl class="detailList">
6198                                 <dt class="heading">Parameters:</dt>
6199
6200                                         <dt>
6201                                                 <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>
6202
6203                                         </dt>
6204                                         <dd>This combo box</dd>
6205
6206                                         <dt>
6207                                                 <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>
6208
6209                                         </dt>
6210                                         <dd>The data record returned from the underlying store (or false on nothing selected)</dd>
6211
6212                                 </dl>
6213
6214
6215
6216
6217
6218
6219
6220
6221
6222
6223
6224                     </div>
6225                 </div>
6226
6227             </td>
6228             <td class="msource">
6229                 Roo.bootstrap.ComboBox
6230             </td>
6231         </tr>
6232
6233           <tr class="method-row expandable config-row-alt1">
6234             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6235
6236             <td class="sig">
6237                 <a id="Roo.Component-event-*enable"></a>
6238
6239                <div class="fixedFont">
6240                 <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>)
6241
6242                 </div>
6243
6244                 <div class="mdesc">
6245
6246                    <div class="short">Fires after the component is enabled.
6247
6248                 </div>
6249
6250                     <div class="long">
6251
6252                         Fires after the component is enabled.
6253
6254
6255
6256
6257
6258                                 <dl class="detailList">
6259                                 <dt class="heading">Parameters:</dt>
6260
6261                                         <dt>
6262                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6263
6264                                         </dt>
6265                                         <dd></dd>
6266
6267                                 </dl>
6268
6269
6270
6271
6272
6273
6274
6275
6276
6277
6278
6279                     </div>
6280                 </div>
6281
6282             </td>
6283             <td class="msource">
6284                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6285             </td>
6286         </tr>
6287
6288           <tr class="method-row expandable config-row-alt0 notInherited">
6289             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6290
6291             <td class="sig">
6292                 <a id="Roo.bootstrap.ComboBox-event-*expand"></a>
6293
6294                <div class="fixedFont">
6295                 <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>)
6296
6297                 </div>
6298
6299                 <div class="mdesc">
6300
6301                    <div class="short">Fires when the dropdown list is expanded
6302
6303                 </div>
6304
6305                     <div class="long">
6306
6307                         Fires when the dropdown list is expanded
6308
6309
6310
6311
6312
6313                                 <dl class="detailList">
6314                                 <dt class="heading">Parameters:</dt>
6315
6316                                         <dt>
6317                                                 <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>
6318
6319                                         </dt>
6320                                         <dd>This combo box</dd>
6321
6322                                 </dl>
6323
6324
6325
6326
6327
6328
6329
6330
6331
6332
6333
6334                     </div>
6335                 </div>
6336
6337             </td>
6338             <td class="msource">
6339                 Roo.bootstrap.ComboBox
6340             </td>
6341         </tr>
6342
6343           <tr class="method-row expandable config-row-alt1">
6344             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6345
6346             <td class="sig">
6347                 <a id="Roo.bootstrap.Input-event-*focus"></a>
6348
6349                <div class="fixedFont">
6350                 <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>)
6351
6352                 </div>
6353
6354                 <div class="mdesc">
6355
6356                    <div class="short">Fires when this field receives input focus.
6357
6358                 </div>
6359
6360                     <div class="long">
6361
6362                         Fires when this field receives input focus.
6363
6364
6365
6366
6367
6368                                 <dl class="detailList">
6369                                 <dt class="heading">Parameters:</dt>
6370
6371                                         <dt>
6372                                                 <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>
6373
6374                                         </dt>
6375                                         <dd></dd>
6376
6377                                 </dl>
6378
6379
6380
6381
6382
6383
6384
6385
6386
6387
6388
6389                     </div>
6390                 </div>
6391
6392             </td>
6393             <td class="msource">
6394                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
6395             </td>
6396         </tr>
6397
6398           <tr class="method-row expandable config-row-alt0">
6399             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6400
6401             <td class="sig">
6402                 <a id="Roo.Component-event-*hide"></a>
6403
6404                <div class="fixedFont">
6405                 <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>)
6406
6407                 </div>
6408
6409                 <div class="mdesc">
6410
6411                    <div class="short">Fires after the component is hidden.
6412
6413                 </div>
6414
6415                     <div class="long">
6416
6417                         Fires after the component is hidden.
6418
6419
6420
6421
6422
6423                                 <dl class="detailList">
6424                                 <dt class="heading">Parameters:</dt>
6425
6426                                         <dt>
6427                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6428
6429                                         </dt>
6430                                         <dd></dd>
6431
6432                                 </dl>
6433
6434
6435
6436
6437
6438
6439
6440
6441
6442
6443
6444                     </div>
6445                 </div>
6446
6447             </td>
6448             <td class="msource">
6449                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6450             </td>
6451         </tr>
6452
6453           <tr class="method-row expandable config-row-alt1">
6454             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6455
6456             <td class="sig">
6457                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
6458
6459                <div class="fixedFont">
6460                 <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>)
6461
6462                 </div>
6463
6464                 <div class="mdesc">
6465
6466                    <div class="short">Fires after the field has been marked as invalid.
6467
6468                 </div>
6469
6470                     <div class="long">
6471
6472                         Fires after the field has been marked as invalid.
6473
6474
6475
6476
6477
6478                                 <dl class="detailList">
6479                                 <dt class="heading">Parameters:</dt>
6480
6481                                         <dt>
6482                                                 <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>
6483
6484                                         </dt>
6485                                         <dd></dd>
6486
6487                                         <dt>
6488                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
6489
6490                                         </dt>
6491                                         <dd>The validation message</dd>
6492
6493                                 </dl>
6494
6495
6496
6497
6498
6499
6500
6501
6502
6503
6504
6505                     </div>
6506                 </div>
6507
6508             </td>
6509             <td class="msource">
6510                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
6511             </td>
6512         </tr>
6513
6514           <tr class="method-row expandable config-row-alt0">
6515             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6516
6517             <td class="sig">
6518                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
6519
6520                <div class="fixedFont">
6521                 <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>)
6522
6523                 </div>
6524
6525                 <div class="mdesc">
6526
6527                    <div class="short">Fires after the key up
6528
6529                 </div>
6530
6531                     <div class="long">
6532
6533                         Fires after the key up
6534
6535
6536
6537
6538
6539                                 <dl class="detailList">
6540                                 <dt class="heading">Parameters:</dt>
6541
6542                                         <dt>
6543                                                 <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>
6544
6545                                         </dt>
6546                                         <dd></dd>
6547
6548                                         <dt>
6549                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
6550
6551                                         </dt>
6552                                         <dd>The event Object</dd>
6553
6554                                 </dl>
6555
6556
6557
6558
6559
6560
6561
6562
6563
6564
6565
6566                     </div>
6567                 </div>
6568
6569             </td>
6570             <td class="msource">
6571                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
6572             </td>
6573         </tr>
6574
6575           <tr class="method-row expandable config-row-alt1">
6576             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6577
6578             <td class="sig">
6579                 <a id="Roo.Component-event-*render"></a>
6580
6581                <div class="fixedFont">
6582                 <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>)
6583
6584                 </div>
6585
6586                 <div class="mdesc">
6587
6588                    <div class="short">Fires after the component is rendered.
6589
6590                 </div>
6591
6592                     <div class="long">
6593
6594                         Fires after the component is rendered.
6595
6596
6597
6598
6599
6600                                 <dl class="detailList">
6601                                 <dt class="heading">Parameters:</dt>
6602
6603                                         <dt>
6604                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6605
6606                                         </dt>
6607                                         <dd></dd>
6608
6609                                 </dl>
6610
6611
6612
6613
6614
6615
6616
6617
6618
6619
6620
6621                     </div>
6622                 </div>
6623
6624             </td>
6625             <td class="msource">
6626                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6627             </td>
6628         </tr>
6629
6630           <tr class="method-row expandable config-row-alt0 notInherited">
6631             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6632
6633             <td class="sig">
6634                 <a id="Roo.bootstrap.ComboBox-event-*select"></a>
6635
6636                <div class="fixedFont">
6637                 <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>)
6638
6639                 </div>
6640
6641                 <div class="mdesc">
6642
6643                    <div class="short">Fires when a list item is selected
6644
6645                 </div>
6646
6647                     <div class="long">
6648
6649                         Fires when a list item is selected
6650
6651
6652
6653
6654
6655                                 <dl class="detailList">
6656                                 <dt class="heading">Parameters:</dt>
6657
6658                                         <dt>
6659                                                 <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>
6660
6661                                         </dt>
6662                                         <dd>This combo box</dd>
6663
6664                                         <dt>
6665                                                 <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>
6666
6667                                         </dt>
6668                                         <dd>The data record returned from the underlying store (or false on clear)</dd>
6669
6670                                         <dt>
6671                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
6672
6673                                         </dt>
6674                                         <dd>The index of the selected item in the dropdown list</dd>
6675
6676                                 </dl>
6677
6678
6679
6680
6681
6682
6683
6684
6685
6686
6687
6688                     </div>
6689                 </div>
6690
6691             </td>
6692             <td class="msource">
6693                 Roo.bootstrap.ComboBox
6694             </td>
6695         </tr>
6696
6697           <tr class="method-row expandable config-row-alt1">
6698             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6699
6700             <td class="sig">
6701                 <a id="Roo.Component-event-*show"></a>
6702
6703                <div class="fixedFont">
6704                 <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>)
6705
6706                 </div>
6707
6708                 <div class="mdesc">
6709
6710                    <div class="short">Fires after the component is shown.
6711
6712                 </div>
6713
6714                     <div class="long">
6715
6716                         Fires after the component is shown.
6717
6718
6719
6720
6721
6722                                 <dl class="detailList">
6723                                 <dt class="heading">Parameters:</dt>
6724
6725                                         <dt>
6726                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6727
6728                                         </dt>
6729                                         <dd></dd>
6730
6731                                 </dl>
6732
6733
6734
6735
6736
6737
6738
6739
6740
6741
6742
6743                     </div>
6744                 </div>
6745
6746             </td>
6747             <td class="msource">
6748                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6749             </td>
6750         </tr>
6751
6752           <tr class="method-row expandable config-row-alt0">
6753             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6754
6755             <td class="sig">
6756                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
6757
6758                <div class="fixedFont">
6759                 <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>)
6760
6761                 </div>
6762
6763                 <div class="mdesc">
6764
6765                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
6766
6767                 </div>
6768
6769                     <div class="long">
6770
6771                         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.
6772
6773
6774
6775
6776
6777                                 <dl class="detailList">
6778                                 <dt class="heading">Parameters:</dt>
6779
6780                                         <dt>
6781                                                 <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>
6782
6783                                         </dt>
6784                                         <dd></dd>
6785
6786                                         <dt>
6787                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
6788
6789                                         </dt>
6790                                         <dd>The event object</dd>
6791
6792                                 </dl>
6793
6794
6795
6796
6797
6798
6799
6800
6801
6802
6803
6804                     </div>
6805                 </div>
6806
6807             </td>
6808             <td class="msource">
6809                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
6810             </td>
6811         </tr>
6812
6813           <tr class="method-row expandable config-row-alt1">
6814             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6815
6816             <td class="sig">
6817                 <a id="Roo.bootstrap.Input-event-*valid"></a>
6818
6819                <div class="fixedFont">
6820                 <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>)
6821
6822                 </div>
6823
6824                 <div class="mdesc">
6825
6826                    <div class="short">Fires after the field has been validated with no errors.
6827
6828                 </div>
6829
6830                     <div class="long">
6831
6832                         Fires after the field has been validated with no errors.
6833
6834
6835
6836
6837
6838                                 <dl class="detailList">
6839                                 <dt class="heading">Parameters:</dt>
6840
6841                                         <dt>
6842                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
6843
6844                                         </dt>
6845                                         <dd></dd>
6846
6847                                 </dl>
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859                     </div>
6860                 </div>
6861
6862             </td>
6863             <td class="msource">
6864                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
6865             </td>
6866         </tr>
6867
6868
6869     </table>
6870
6871
6872
6873
6874
6875 <!-- ============================== footer ================================= -->
6876                 <div class="fineprint" style="clear:both">
6877
6878                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Apr 04 2014 19:24:10 GMT+0800 (HKT)
6879                         Based on
6880                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
6881                 </div>
6882         </body>
6883 </html>