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