git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.TriggerField.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.TriggerField</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.TriggerField-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.bootstrap.TriggerField-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.bootstrap.TriggerField-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.bootstrap.TriggerField-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 class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.TriggerField
  51
  52                    </pre>
  53                 </div>
  54
  55 <!-- ============================== class title / details ============================ -->
  56
  57
  58     <h1 class="classTitle">
  59
  60                                 Class Roo.bootstrap.TriggerField
  61                         </h1>
  62
  63     <table cellspacing="0" class="class-summary-table">
  64
  65                 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
  66
  67         <tr><td class="label">Defined In:</td><td class="hd-info">
  68
  69                                         <a href="./src/Roo_bootstrap_TriggerField.js.html">Roo/bootstrap/TriggerField.js</a>.
  70
  71         </td></tr>
  72         <tr><td class="label">Class:</td><td class="hd-info">TriggerField</td></tr>
  73
  74
  75         <tr><td class="label">Subclasses:</td><td class="hd-info">
  76                 <a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a>, <a href="./Roo.bootstrap.ComboBox2.html#constructor" roo:cls="Roo.bootstrap.ComboBox2.html#constructor">Roo.bootstrap.ComboBox2</a>, <a href="./Roo.bootstrap.ComboBox_old.html#constructor" roo:cls="Roo.bootstrap.ComboBox_old.html#constructor">Roo.bootstrap.ComboBox_old</a>
  77
  78
  79
  80         </td></tr>
  81
  82
  83
  84                 <tr><td class="label">Extends:</td><td class="hd-info">
  85                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
  86
  87                 </td></tr>
  88
  89
  90     </table>
  91
  92
  93 <!-- ============================== class summary ========================== -->
  94     <div class="description">
  95         Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).<br/>The trigger has no default action, so you must assign a function to implement the trigger click handler by<br/>overriding {<b>link</b> <b>onTriggerClick</b>}. You can create a TriggerField directly, as it renders exactly like a combobox<br/>for which you can provide a custom implementation.  For example:<br/><pre><code><br/>var trigger = new Roo.bootstrap.TriggerField();<br/>trigger.onTriggerClick = myTriggerFn;<br/>trigger.applyTo('my-field');<br/></code></pre><br/><br/>However, in general you will most likely want to use TriggerField as the base class for a reusable component.<br/>{<b>link</b> Roo.bootstrap.DateField} and {<b>link</b> Roo.bootstrap.ComboBox} are perfect examples of this.
  96     </div>
  97
  98
  99 <!-- ============================== Class comment block... ========================== -->
 100
 101 <div class="comments">
 102         <b>Class Comments / Notes</B> =>
 103         <u onclick="parent.CommentDialog.showCommentId = 'Roo.bootstrap.TriggerField';">[Add Your comment/notes about this class]</u>
 104         <br/>
 105         <iframe frameborder="0"  id="comments-Roo.bootstrap" style="border: none;width:100%;"
 106                 src="/blog.php/GtkDjsComments/Roo.bootstrap.TriggerField.html"></iframe>
 107 </div>
 108
 109
 110
 111 <!-- ============================== config options ========================== -->
 112
 113
 114
 115
 116     <div class="hr"></div>
 117     <a id="Roo.bootstrap.TriggerField-configs"></a>
 118
 119
 120
 121
 122
 123       <table cellspacing="0" class="member-table">
 124       <caption>Config Options (Usually are also Properties)</caption>
 125
 126
 127         <tr>
 128             <th class="sig-header" colspan="2">Options</th>
 129
 130             <th class="msource-header">Defined By</th>
 131         </tr>
 132
 133
 134
 135
 136
 137                 <tr class="config-row expandable config-row-alt0">
 138                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 139                     <td class="sig">
 140
 141                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 142                         <div class="fixedFont">
 143                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 144
 145
 146                         </div>
 147
 148                         <div class="mdesc">
 149                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 150                         </div>
 151
 152                         <div class="mdesc">
 153                             <div class="long">
 154                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 155
 156                 </div>
 157                         </div>
 158
 159
 160
 161                     </td>
 162                     <td class="msource">
 163
 164                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 165
 166                     </td>
 167                 </tr>
 168
 169
 170                 <tr class="config-row expandable config-row-alt1">
 171                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 172                     <td class="sig">
 173
 174                         <a id="Roo.bootstrap.Input-cfg-after" name=".after"></a>
 175                         <div class="fixedFont">
 176                                 <b  class="itemname">after</b> : string
 177
 178
 179                         </div>
 180
 181                         <div class="mdesc">
 182                             <div class="short">- input group add on after</div>
 183                         </div>
 184
 185                         <div class="mdesc">
 186                             <div class="long">
 187                     - input group add on after
 188
 189                 </div>
 190                         </div>
 191
 192
 193
 194                     </td>
 195                     <td class="msource">
 196
 197                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 198
 199                     </td>
 200                 </tr>
 201
 202
 203                 <tr class="config-row expandable config-row-alt0">
 204                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 205                     <td class="sig">
 206
 207                         <a id="Roo.bootstrap.Input-cfg-align" name=".align"></a>
 208                         <div class="fixedFont">
 209                                 <b  class="itemname">align</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 210
 211
 212                         </div>
 213
 214                         <div class="mdesc">
 215                             <div class="short">Default left</div>
 216                         </div>
 217
 218                         <div class="mdesc">
 219                             <div class="long">
 220                     Default left
 221                     <BR/>Possible Values: left, center, right
 222                 </div>
 223                         </div>
 224
 225
 226
 227                     </td>
 228                     <td class="msource">
 229
 230                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 231
 232                     </td>
 233                 </tr>
 234
 235
 236                 <tr class="config-row expandable config-row-alt1">
 237                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 238                     <td class="sig">
 239
 240                         <a id="Roo.bootstrap.Input-cfg-allowBlank" name=".allowBlank"></a>
 241                         <div class="fixedFont">
 242                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 243
 244
 245                         </div>
 246
 247                         <div class="mdesc">
 248                             <div class="short">False to validate that the value length > 0 (defaults to true)</div>
 249                         </div>
 250
 251                         <div class="mdesc">
 252                             <div class="long">
 253                     False to validate that the value length > 0 (defaults to true)
 254
 255                 </div>
 256                         </div>
 257
 258
 259
 260                     </td>
 261                     <td class="msource">
 262
 263                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 264
 265                     </td>
 266                 </tr>
 267
 268
 269                 <tr class="config-row expandable config-row-alt0">
 270                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 271                     <td class="sig">
 272
 273                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 274                         <div class="fixedFont">
 275                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 276
 277
 278                         </div>
 279
 280                         <div class="mdesc">
 281                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 282                         </div>
 283
 284                         <div class="mdesc">
 285                             <div class="long">
 286                     Whether the component can move the Dom node when rendering (defaults to true).
 287
 288                 </div>
 289                         </div>
 290
 291
 292
 293                     </td>
 294                     <td class="msource">
 295
 296                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 297
 298                     </td>
 299                 </tr>
 300
 301
 302                 <tr class="config-row expandable config-row-alt1">
 303                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 304                     <td class="sig">
 305
 306                         <a id="Roo.bootstrap.Input-cfg-autocomplete" name=".autocomplete"></a>
 307                         <div class="fixedFont">
 308                                 <b  class="itemname">autocomplete</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 309
 310
 311                         </div>
 312
 313                         <div class="mdesc">
 314                             <div class="short">- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en</div>
 315                         </div>
 316
 317                         <div class="mdesc">
 318                             <div class="long">
 319                     - default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en
 320
 321                 </div>
 322                         </div>
 323
 324
 325
 326                     </td>
 327                     <td class="msource">
 328
 329                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 330
 331                     </td>
 332                 </tr>
 333
 334
 335                 <tr class="config-row expandable config-row-alt0">
 336                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 337                     <td class="sig">
 338
 339                         <a id="Roo.bootstrap.Input-cfg-before" name=".before"></a>
 340                         <div class="fixedFont">
 341                                 <b  class="itemname">before</b> : string
 342
 343
 344                         </div>
 345
 346                         <div class="mdesc">
 347                             <div class="short">- input group add on before</div>
 348                         </div>
 349
 350                         <div class="mdesc">
 351                             <div class="long">
 352                     - input group add on before
 353
 354                 </div>
 355                         </div>
 356
 357
 358
 359                     </td>
 360                     <td class="msource">
 361
 362                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 363
 364                     </td>
 365                 </tr>
 366
 367
 368                 <tr class="config-row expandable config-row-alt1">
 369                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 370                     <td class="sig">
 371
 372                         <a id="Roo.bootstrap.Input-cfg-blankText" name=".blankText"></a>
 373                         <div class="fixedFont">
 374                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 375
 376
 377                         </div>
 378
 379                         <div class="mdesc">
 380                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 381                         </div>
 382
 383                         <div class="mdesc">
 384                             <div class="long">
 385                     Error text to display if the allow blank validation fails (defaults to "This field is required")
 386
 387                 </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-alt0">
 402                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 403                     <td class="sig">
 404
 405                         <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
 406                         <div class="fixedFont">
 407                                 <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>
 408
 409
 410                         </div>
 411
 412                         <div class="mdesc">
 413                             <div class="short">True if element can be rebuild from a HTML page</div>
 414                         </div>
 415
 416                         <div class="mdesc">
 417                             <div class="long">
 418                     True if element can be rebuild from a HTML page
 419
 420                 </div>
 421                         </div>
 422
 423
 424
 425                     </td>
 426                     <td class="msource">
 427
 428                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 429
 430                     </td>
 431                 </tr>
 432
 433
 434                 <tr class="config-row expandable config-row-alt1 notInherited">
 435                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 436                     <td class="sig">
 437
 438                         <a id="Roo.bootstrap.TriggerField-cfg-caret" name=".caret"></a>
 439                         <div class="fixedFont">
 440                                 <b  class="itemname">caret</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 441
 442
 443                         </div>
 444
 445                         <div class="mdesc">
 446                             <div class="short">a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/</div>
 447                         </div>
 448
 449                         <div class="mdesc">
 450                             <div class="long">
 451                     a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/
 452                     <BR/>Possible Values: search, calendar
 453                 </div>
 454                         </div>
 455
 456
 457
 458                     </td>
 459                     <td class="msource">
 460
 461                         Roo.bootstrap.TriggerField
 462
 463                     </td>
 464                 </tr>
 465
 466
 467                 <tr class="config-row expandable config-row-alt0">
 468                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 469                     <td class="sig">
 470
 471                         <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
 472                         <div class="fixedFont">
 473                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 474
 475
 476                         </div>
 477
 478                         <div class="mdesc">
 479                             <div class="short">css class</div>
 480                         </div>
 481
 482                         <div class="mdesc">
 483                             <div class="long">
 484                     css class
 485
 486                 </div>
 487                         </div>
 488
 489
 490
 491                     </td>
 492                     <td class="msource">
 493
 494                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 495
 496                     </td>
 497                 </tr>
 498
 499
 500                 <tr class="config-row expandable config-row-alt1">
 501                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 502                     <td class="sig">
 503
 504                         <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
 505                         <div class="fixedFont">
 506                                 <b  class="itemname">container_method</b> : string
 507
 508
 509                         </div>
 510
 511                         <div class="mdesc">
 512                             <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div>
 513                         </div>
 514
 515                         <div class="mdesc">
 516                             <div class="long">
 517                     method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
 518
 519                 </div>
 520                         </div>
 521
 522
 523
 524                     </td>
 525                     <td class="msource">
 526
 527                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 528
 529                     </td>
 530                 </tr>
 531
 532
 533                 <tr class="config-row expandable config-row-alt0">
 534                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 535                     <td class="sig">
 536
 537                         <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
 538                         <div class="fixedFont">
 539                                 <b  class="itemname">dataId</b> : string
 540
 541
 542                         </div>
 543
 544                         <div class="mdesc">
 545                             <div class="short">cutomer id</div>
 546                         </div>
 547
 548                         <div class="mdesc">
 549                             <div class="long">
 550                     cutomer id
 551
 552                 </div>
 553                         </div>
 554
 555
 556
 557                     </td>
 558                     <td class="msource">
 559
 560                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 561
 562                     </td>
 563                 </tr>
 564
 565
 566                 <tr class="config-row expandable config-row-alt1">
 567                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 568                     <td class="sig">
 569
 570                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 571                         <div class="fixedFont">
 572                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 573
 574
 575                         </div>
 576
 577                         <div class="mdesc">
 578                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 579                         </div>
 580
 581                         <div class="mdesc">
 582                             <div class="long">
 583                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 584
 585                 </div>
 586                         </div>
 587
 588
 589
 590                     </td>
 591                     <td class="msource">
 592
 593                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 594
 595                     </td>
 596                 </tr>
 597
 598
 599                 <tr class="config-row expandable config-row-alt0">
 600                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 601                     <td class="sig">
 602
 603                         <a id="Roo.bootstrap.Input-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
 604                         <div class="fixedFont">
 605                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 606
 607
 608                         </div>
 609
 610                         <div class="mdesc">
 611                             <div class="short">True to disable input keystroke filtering (defaults to false)</div>
 612                         </div>
 613
 614                         <div class="mdesc">
 615                             <div class="long">
 616                     True to disable input keystroke filtering (defaults to false)
 617
 618                 </div>
 619                         </div>
 620
 621
 622
 623                     </td>
 624                     <td class="msource">
 625
 626                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 627
 628                     </td>
 629                 </tr>
 630
 631
 632                 <tr class="config-row expandable config-row-alt1">
 633                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 634                     <td class="sig">
 635
 636                         <a id="Roo.bootstrap.Input-cfg-disabled" name=".disabled"></a>
 637                         <div class="fixedFont">
 638                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 639
 640
 641                         </div>
 642
 643                         <div class="mdesc">
 644                             <div class="short">is it disabled</div>
 645                         </div>
 646
 647                         <div class="mdesc">
 648                             <div class="long">
 649                     is it disabled
 650
 651                 </div>
 652                         </div>
 653
 654
 655
 656                     </td>
 657                     <td class="msource">
 658
 659                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 660
 661                     </td>
 662                 </tr>
 663
 664
 665                 <tr class="config-row expandable config-row-alt0">
 666                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 667                     <td class="sig">
 668
 669                         <a id="Roo.bootstrap.Input-cfg-fieldLabel" name=".fieldLabel"></a>
 670                         <div class="fixedFont">
 671                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 672
 673
 674                         </div>
 675
 676                         <div class="mdesc">
 677                             <div class="short">- the label associated</div>
 678                         </div>
 679
 680                         <div class="mdesc">
 681                             <div class="long">
 682                     - the label associated
 683
 684                 </div>
 685                         </div>
 686
 687
 688
 689                     </td>
 690                     <td class="msource">
 691
 692                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 693
 694                     </td>
 695                 </tr>
 696
 697
 698                 <tr class="config-row expandable config-row-alt1">
 699                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 700                     <td class="sig">
 701
 702                         <a id="Roo.bootstrap.Input-cfg-focusClass" name=".focusClass"></a>
 703                         <div class="fixedFont">
 704                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 705
 706
 707                         </div>
 708
 709                         <div class="mdesc">
 710                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 711                         </div>
 712
 713                         <div class="mdesc">
 714                             <div class="long">
 715                     The CSS class to use when the field receives focus (defaults to "x-form-focus")
 716
 717                 </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-hasFeedback" name=".hasFeedback"></a>
 736                         <div class="fixedFont">
 737                                 <b  class="itemname">hasFeedback</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 738
 739
 740                         </div>
 741
 742                         <div class="mdesc">
 743                             <div class="short">default true</div>
 744                         </div>
 745
 746                         <div class="mdesc">
 747                             <div class="long">
 748                     default true
 749                     <BR/>Possible Values: true, false
 750                 </div>
 751                         </div>
 752
 753
 754
 755                     </td>
 756                     <td class="msource">
 757
 758                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 759
 760                     </td>
 761                 </tr>
 762
 763
 764                 <tr class="config-row expandable config-row-alt1">
 765                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 766                     <td class="sig">
 767
 768                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 769                         <div class="fixedFont">
 770                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 771
 772
 773                         </div>
 774
 775                         <div class="mdesc">
 776                             <div class="short">How this component should hidden.</div>
 777                         </div>
 778
 779                         <div class="mdesc">
 780                             <div class="long">
 781                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
 782                     <BR/>Possible Values: display, visibility
 783                 </div>
 784                         </div>
 785
 786
 787
 788                     </td>
 789                     <td class="msource">
 790
 791                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 792
 793                     </td>
 794                 </tr>
 795
 796
 797                 <tr class="config-row expandable config-row-alt0 notInherited">
 798                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 799                     <td class="sig">
 800
 801                         <a id="Roo.bootstrap.TriggerField-cfg-hideTrigger" name=".hideTrigger"></a>
 802                         <div class="fixedFont">
 803                                 <b  class="itemname">hideTrigger</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 804
 805
 806                         </div>
 807
 808                         <div class="mdesc">
 809                             <div class="short">True to hide the trigger element and display only the base text field (defaults to false)</div>
 810                         </div>
 811
 812                         <div class="mdesc">
 813                             <div class="long">
 814                     True to hide the trigger element and display only the base text field (defaults to false)
 815
 816                 </div>
 817                         </div>
 818
 819
 820
 821                     </td>
 822                     <td class="msource">
 823
 824                         Roo.bootstrap.TriggerField
 825
 826                     </td>
 827                 </tr>
 828
 829
 830                 <tr class="config-row expandable config-row-alt1">
 831                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 832                     <td class="sig">
 833
 834                         <a id="Roo.bootstrap.Input-cfg-inputType" name=".inputType"></a>
 835                         <div class="fixedFont">
 836                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 837
 838
 839                         </div>
 840
 841                         <div class="mdesc">
 842                             <div class="short">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
 843                         </div>
 844
 845                         <div class="mdesc">
 846                             <div class="long">
 847                     button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text
 848
 849                 </div>
 850                         </div>
 851
 852
 853
 854                     </td>
 855                     <td class="msource">
 856
 857                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 858
 859                     </td>
 860                 </tr>
 861
 862
 863                 <tr class="config-row expandable config-row-alt0">
 864                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 865                     <td class="sig">
 866
 867                         <a id="Roo.bootstrap.Input-cfg-invalidClass" name=".invalidClass"></a>
 868                         <div class="fixedFont">
 869                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 870
 871
 872                         </div>
 873
 874                         <div class="mdesc">
 875                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 876                         </div>
 877
 878                         <div class="mdesc">
 879                             <div class="long">
 880                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
 881
 882                 </div>
 883                         </div>
 884
 885
 886
 887                     </td>
 888                     <td class="msource">
 889
 890                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 891
 892                     </td>
 893                 </tr>
 894
 895
 896                 <tr class="config-row expandable config-row-alt1">
 897                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 898                     <td class="sig">
 899
 900                         <a id="Roo.bootstrap.Input-cfg-invalidFeedbackIcon" name=".invalidFeedbackIcon"></a>
 901                         <div class="fixedFont">
 902                                 <b  class="itemname">invalidFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 903
 904
 905                         </div>
 906
 907                         <div class="mdesc">
 908                             <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
 909                         </div>
 910
 911                         <div class="mdesc">
 912                             <div class="long">
 913                     The CSS class to use when create feedback icon (defaults to "x-form-invalid")
 914
 915                 </div>
 916                         </div>
 917
 918
 919
 920                     </td>
 921                     <td class="msource">
 922
 923                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 924
 925                     </td>
 926                 </tr>
 927
 928
 929                 <tr class="config-row expandable config-row-alt0">
 930                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 931                     <td class="sig">
 932
 933                         <a id="Roo.bootstrap.Input-cfg-labelAlign" name=".labelAlign"></a>
 934                         <div class="fixedFont">
 935                                 <b  class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 936
 937
 938                         </div>
 939
 940                         <div class="mdesc">
 941                             <div class="short"></div>
 942                         </div>
 943
 944                         <div class="mdesc">
 945                             <div class="long">
 946
 947                     <BR/>Possible Values: top, left
 948                 </div>
 949                         </div>
 950
 951
 952
 953                     </td>
 954                     <td class="msource">
 955
 956                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 957
 958                     </td>
 959                 </tr>
 960
 961
 962                 <tr class="config-row expandable config-row-alt1">
 963                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 964                     <td class="sig">
 965
 966                         <a id="Roo.bootstrap.Input-cfg-labelWidth" name=".labelWidth"></a>
 967                         <div class="fixedFont">
 968                                 <b  class="itemname">labelWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 969
 970
 971                         </div>
 972
 973                         <div class="mdesc">
 974                             <div class="short">set the width of label (0-12)</div>
 975                         </div>
 976
 977                         <div class="mdesc">
 978                             <div class="long">
 979                     set the width of label (0-12)
 980
 981                 </div>
 982                         </div>
 983
 984
 985
 986                     </td>
 987                     <td class="msource">
 988
 989                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 990
 991                     </td>
 992                 </tr>
 993
 994
 995                 <tr class="config-row expandable config-row-alt0">
 996                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 997                     <td class="sig">
 998
 999                         <a id="Roo.bootstrap.Input-cfg-lg" name=".lg"></a>
1000                         <div class="fixedFont">
1001                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1002
1003
1004                         </div>
1005
1006                         <div class="mdesc">
1007                             <div class="short">colspan out of 12 for large computer-sized screens</div>
1008                         </div>
1009
1010                         <div class="mdesc">
1011                             <div class="long">
1012                     colspan out of 12 for large computer-sized screens
1013
1014                 </div>
1015                         </div>
1016
1017
1018
1019                     </td>
1020                     <td class="msource">
1021
1022                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1023
1024                     </td>
1025                 </tr>
1026
1027
1028                 <tr class="config-row expandable config-row-alt1">
1029                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1030                     <td class="sig">
1031
1032                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
1033                         <div class="fixedFont">
1034                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1035
1036
1037                         </div>
1038
1039                         <div class="mdesc">
1040                             <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>
1041                         </div>
1042
1043                         <div class="mdesc">
1044                             <div class="long">
1045                     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>
1046
1047                 </div>
1048                         </div>
1049
1050
1051
1052                     </td>
1053                     <td class="msource">
1054
1055                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1056
1057                     </td>
1058                 </tr>
1059
1060
1061                 <tr class="config-row expandable config-row-alt0">
1062                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1063                     <td class="sig">
1064
1065                         <a id="Roo.bootstrap.Input-cfg-maskRe" name=".maskRe"></a>
1066                         <div class="fixedFont">
1067                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1068
1069
1070                         </div>
1071
1072                         <div class="mdesc">
1073                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1074                         </div>
1075
1076                         <div class="mdesc">
1077                             <div class="long">
1078                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
1079
1080                 </div>
1081                         </div>
1082
1083
1084
1085                     </td>
1086                     <td class="msource">
1087
1088                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1089
1090                     </td>
1091                 </tr>
1092
1093
1094                 <tr class="config-row expandable config-row-alt1">
1095                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1096                     <td class="sig">
1097
1098                         <a id="Roo.bootstrap.Input-cfg-maxLength" name=".maxLength"></a>
1099                         <div class="fixedFont">
1100                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1101
1102
1103                         </div>
1104
1105                         <div class="mdesc">
1106                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1107                         </div>
1108
1109                         <div class="mdesc">
1110                             <div class="long">
1111                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
1112
1113                 </div>
1114                         </div>
1115
1116
1117
1118                     </td>
1119                     <td class="msource">
1120
1121                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1122
1123                     </td>
1124                 </tr>
1125
1126
1127                 <tr class="config-row expandable config-row-alt0">
1128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1129                     <td class="sig">
1130
1131                         <a id="Roo.bootstrap.Input-cfg-maxLengthText" name=".maxLengthText"></a>
1132                         <div class="fixedFont">
1133                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1134
1135
1136                         </div>
1137
1138                         <div class="mdesc">
1139                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1140                         </div>
1141
1142                         <div class="mdesc">
1143                             <div class="long">
1144                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
1145
1146                 </div>
1147                         </div>
1148
1149
1150
1151                     </td>
1152                     <td class="msource">
1153
1154                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1155
1156                     </td>
1157                 </tr>
1158
1159
1160                 <tr class="config-row expandable config-row-alt1">
1161                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1162                     <td class="sig">
1163
1164                         <a id="Roo.bootstrap.Input-cfg-md" name=".md"></a>
1165                         <div class="fixedFont">
1166                                 <b  class="itemname">md</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1167
1168
1169                         </div>
1170
1171                         <div class="mdesc">
1172                             <div class="short">colspan out of 12 for computer-sized screens</div>
1173                         </div>
1174
1175                         <div class="mdesc">
1176                             <div class="long">
1177                     colspan out of 12 for computer-sized screens
1178
1179                 </div>
1180                         </div>
1181
1182
1183
1184                     </td>
1185                     <td class="msource">
1186
1187                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1188
1189                     </td>
1190                 </tr>
1191
1192
1193                 <tr class="config-row expandable config-row-alt0">
1194                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1195                     <td class="sig">
1196
1197                         <a id="Roo.bootstrap.Input-cfg-minLength" name=".minLength"></a>
1198                         <div class="fixedFont">
1199                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1200
1201
1202                         </div>
1203
1204                         <div class="mdesc">
1205                             <div class="short">Minimum input field length required (defaults to 0)</div>
1206                         </div>
1207
1208                         <div class="mdesc">
1209                             <div class="long">
1210                     Minimum input field length required (defaults to 0)
1211
1212                 </div>
1213                         </div>
1214
1215
1216
1217                     </td>
1218                     <td class="msource">
1219
1220                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1221
1222                     </td>
1223                 </tr>
1224
1225
1226                 <tr class="config-row expandable config-row-alt1">
1227                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1228                     <td class="sig">
1229
1230                         <a id="Roo.bootstrap.Input-cfg-minLengthText" name=".minLengthText"></a>
1231                         <div class="fixedFont">
1232                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1233
1234
1235                         </div>
1236
1237                         <div class="mdesc">
1238                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1239                         </div>
1240
1241                         <div class="mdesc">
1242                             <div class="long">
1243                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
1244
1245                 </div>
1246                         </div>
1247
1248
1249
1250                     </td>
1251                     <td class="msource">
1252
1253                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1254
1255                     </td>
1256                 </tr>
1257
1258
1259                 <tr class="config-row expandable config-row-alt0">
1260                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1261                     <td class="sig">
1262
1263                         <a id="Roo.bootstrap.Input-cfg-name" name=".name"></a>
1264                         <div class="fixedFont">
1265                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1266
1267
1268                         </div>
1269
1270                         <div class="mdesc">
1271                             <div class="short">name of the input</div>
1272                         </div>
1273
1274                         <div class="mdesc">
1275                             <div class="long">
1276                     name of the input
1277
1278                 </div>
1279                         </div>
1280
1281
1282
1283                     </td>
1284                     <td class="msource">
1285
1286                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1287
1288                     </td>
1289                 </tr>
1290
1291
1292                 <tr class="config-row expandable config-row-alt1">
1293                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1294                     <td class="sig">
1295
1296                         <a id="Roo.bootstrap.Input-cfg-placeholder" name=".placeholder"></a>
1297                         <div class="fixedFont">
1298                                 <b  class="itemname">placeholder</b> : string
1299
1300
1301                         </div>
1302
1303                         <div class="mdesc">
1304                             <div class="short">- placeholder to put in text.</div>
1305                         </div>
1306
1307                         <div class="mdesc">
1308                             <div class="long">
1309                     - placeholder to put in text.
1310
1311                 </div>
1312                         </div>
1313
1314
1315
1316                     </td>
1317                     <td class="msource">
1318
1319                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1320
1321                     </td>
1322                 </tr>
1323
1324
1325                 <tr class="config-row expandable config-row-alt0">
1326                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1327                     <td class="sig">
1328
1329                         <a id="Roo.bootstrap.Input-cfg-readOnly" name=".readOnly"></a>
1330                         <div class="fixedFont">
1331                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1332
1333
1334                         </div>
1335
1336                         <div class="mdesc">
1337                             <div class="short">Specifies that the field should be read-only</div>
1338                         </div>
1339
1340                         <div class="mdesc">
1341                             <div class="long">
1342                     Specifies that the field should be read-only
1343
1344                 </div>
1345                         </div>
1346
1347
1348
1349                     </td>
1350                     <td class="msource">
1351
1352                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1353
1354                     </td>
1355                 </tr>
1356
1357
1358                 <tr class="config-row expandable config-row-alt1">
1359                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1360                     <td class="sig">
1361
1362                         <a id="Roo.bootstrap.Input-cfg-regex" name=".regex"></a>
1363                         <div class="fixedFont">
1364                                 <b  class="itemname">regex</b> : RegExp
1365
1366
1367                         </div>
1368
1369                         <div class="mdesc">
1370                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1371                         </div>
1372
1373                         <div class="mdesc">
1374                             <div class="long">
1375                     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>}.
1376
1377                 </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-regexText" name=".regexText"></a>
1396                         <div class="fixedFont">
1397                                 <b  class="itemname">regexText</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">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div>
1404                         </div>
1405
1406                         <div class="mdesc">
1407                             <div class="long">
1408                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
1409
1410                 </div>
1411                         </div>
1412
1413
1414
1415                     </td>
1416                     <td class="msource">
1417
1418                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1419
1420                     </td>
1421                 </tr>
1422
1423
1424                 <tr class="config-row expandable config-row-alt1 notInherited">
1425                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1426                     <td class="sig">
1427
1428                         <a id="Roo.bootstrap.TriggerField-cfg-removable" name=".removable"></a>
1429                         <div class="fixedFont">
1430                                 <b  class="itemname">removable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1431
1432
1433                         </div>
1434
1435                         <div class="mdesc">
1436                             <div class="short">special filter default false</div>
1437                         </div>
1438
1439                         <div class="mdesc">
1440                             <div class="long">
1441                     special filter default false
1442                     <BR/>Possible Values: true, false
1443                 </div>
1444                         </div>
1445
1446
1447
1448                     </td>
1449                     <td class="msource">
1450
1451                         Roo.bootstrap.TriggerField
1452
1453                     </td>
1454                 </tr>
1455
1456
1457                 <tr class="config-row expandable config-row-alt0">
1458                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1459                     <td class="sig">
1460
1461                         <a id="Roo.bootstrap.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
1462                         <div class="fixedFont">
1463                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1464
1465
1466                         </div>
1467
1468                         <div class="mdesc">
1469                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1470                         </div>
1471
1472                         <div class="mdesc">
1473                             <div class="long">
1474                     True to automatically select any existing field text when the field receives input focus (defaults to false)
1475
1476                 </div>
1477                         </div>
1478
1479
1480
1481                     </td>
1482                     <td class="msource">
1483
1484                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1485
1486                     </td>
1487                 </tr>
1488
1489
1490                 <tr class="config-row expandable config-row-alt1">
1491                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1492                     <td class="sig">
1493
1494                         <a id="Roo.bootstrap.Input-cfg-size" name=".size"></a>
1495                         <div class="fixedFont">
1496                                 <b  class="itemname">size</b> : string
1497
1498
1499                         </div>
1500
1501                         <div class="mdesc">
1502                             <div class="short">- (lg|sm) or leave empty.</div>
1503                         </div>
1504
1505                         <div class="mdesc">
1506                             <div class="long">
1507                     - (lg|sm) or leave empty..
1508
1509                 </div>
1510                         </div>
1511
1512
1513
1514                     </td>
1515                     <td class="msource">
1516
1517                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1518
1519                     </td>
1520                 </tr>
1521
1522
1523                 <tr class="config-row expandable config-row-alt0">
1524                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1525                     <td class="sig">
1526
1527                         <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
1528                         <div class="fixedFont">
1529                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1530
1531
1532                         </div>
1533
1534                         <div class="mdesc">
1535                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1536                         </div>
1537
1538                         <div class="mdesc">
1539                             <div class="long">
1540                     colspan out of 12 for tablet-sized screens
1541
1542                 </div>
1543                         </div>
1544
1545
1546
1547                     </td>
1548                     <td class="msource">
1549
1550                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1551
1552                     </td>
1553                 </tr>
1554
1555
1556                 <tr class="config-row expandable config-row-alt1">
1557                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1558                     <td class="sig">
1559
1560                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
1561                         <div class="fixedFont">
1562                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1563
1564
1565                         </div>
1566
1567                         <div class="mdesc">
1568                             <div class="short">any extra css</div>
1569                         </div>
1570
1571                         <div class="mdesc">
1572                             <div class="long">
1573                     any extra css
1574
1575                 </div>
1576                         </div>
1577
1578
1579
1580                     </td>
1581                     <td class="msource">
1582
1583                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1584
1585                     </td>
1586                 </tr>
1587
1588
1589                 <tr class="config-row expandable config-row-alt0">
1590                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1591                     <td class="sig">
1592
1593                         <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
1594                         <div class="fixedFont">
1595                                 <b  class="itemname">tooltip</b> : string
1596
1597
1598                         </div>
1599
1600                         <div class="mdesc">
1601                             <div class="short">Text for the tooltip</div>
1602                         </div>
1603
1604                         <div class="mdesc">
1605                             <div class="long">
1606                     Text for the tooltip
1607
1608                 </div>
1609                         </div>
1610
1611
1612
1613                     </td>
1614                     <td class="msource">
1615
1616                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1617
1618                     </td>
1619                 </tr>
1620
1621
1622                 <tr class="config-row expandable config-row-alt1 notInherited">
1623                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1624                     <td class="sig">
1625
1626                         <a id="Roo.bootstrap.TriggerField-cfg-triggerClass" name=".triggerClass"></a>
1627                         <div class="fixedFont">
1628                                 <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1629
1630
1631                         </div>
1632
1633                         <div class="mdesc">
1634                             <div class="short">An additional CSS class used to style the trigger button.</div>
1635                         </div>
1636
1637                         <div class="mdesc">
1638                             <div class="long">
1639                     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.
1640
1641                 </div>
1642                         </div>
1643
1644
1645
1646                     </td>
1647                     <td class="msource">
1648
1649                         Roo.bootstrap.TriggerField
1650
1651                     </td>
1652                 </tr>
1653
1654
1655                 <tr class="config-row expandable config-row-alt0">
1656                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1657                     <td class="sig">
1658
1659                         <a id="Roo.bootstrap.Input-cfg-validClass" name=".validClass"></a>
1660                         <div class="fixedFont">
1661                                 <b  class="itemname">validClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1662
1663
1664                         </div>
1665
1666                         <div class="mdesc">
1667                             <div class="short">The CSS class to use when marking a field valid (defaults to "x-form-invalid")</div>
1668                         </div>
1669
1670                         <div class="mdesc">
1671                             <div class="long">
1672                     The CSS class to use when marking a field valid (defaults to "x-form-invalid")
1673
1674                 </div>
1675                         </div>
1676
1677
1678
1679                     </td>
1680                     <td class="msource">
1681
1682                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1683
1684                     </td>
1685                 </tr>
1686
1687
1688                 <tr class="config-row expandable config-row-alt1">
1689                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1690                     <td class="sig">
1691
1692                         <a id="Roo.bootstrap.Input-cfg-validFeedbackIcon" name=".validFeedbackIcon"></a>
1693                         <div class="fixedFont">
1694                                 <b  class="itemname">validFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1695
1696
1697                         </div>
1698
1699                         <div class="mdesc">
1700                             <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
1701                         </div>
1702
1703                         <div class="mdesc">
1704                             <div class="long">
1705                     The CSS class to use when create feedback icon (defaults to "x-form-invalid")
1706
1707                 </div>
1708                         </div>
1709
1710
1711
1712                     </td>
1713                     <td class="msource">
1714
1715                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1716
1717                     </td>
1718                 </tr>
1719
1720
1721                 <tr class="config-row expandable config-row-alt0">
1722                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1723                     <td class="sig">
1724
1725                         <a id="Roo.bootstrap.Input-cfg-validateOnBlur" name=".validateOnBlur"></a>
1726                         <div class="fixedFont">
1727                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1728
1729
1730                         </div>
1731
1732                         <div class="mdesc">
1733                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1734                         </div>
1735
1736                         <div class="mdesc">
1737                             <div class="long">
1738                     Whether the field should validate when it loses focus (defaults to true).
1739
1740                 </div>
1741                         </div>
1742
1743
1744
1745                     </td>
1746                     <td class="msource">
1747
1748                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1749
1750                     </td>
1751                 </tr>
1752
1753
1754                 <tr class="config-row expandable config-row-alt1">
1755                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1756                     <td class="sig">
1757
1758                         <a id="Roo.bootstrap.Input-cfg-validationDelay" name=".validationDelay"></a>
1759                         <div class="fixedFont">
1760                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1761
1762
1763                         </div>
1764
1765                         <div class="mdesc">
1766                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1767                         </div>
1768
1769                         <div class="mdesc">
1770                             <div class="long">
1771                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
1772
1773                 </div>
1774                         </div>
1775
1776
1777
1778                     </td>
1779                     <td class="msource">
1780
1781                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1782
1783                     </td>
1784                 </tr>
1785
1786
1787                 <tr class="config-row expandable config-row-alt0">
1788                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1789                     <td class="sig">
1790
1791                         <a id="Roo.bootstrap.Input-cfg-validationEvent" name=".validationEvent"></a>
1792                         <div class="fixedFont">
1793                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1794
1795
1796                         </div>
1797
1798                         <div class="mdesc">
1799                             <div class="short">The event that should initiate field validation.</div>
1800                         </div>
1801
1802                         <div class="mdesc">
1803                             <div class="long">
1804                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
1805
1806                 </div>
1807                         </div>
1808
1809
1810
1811                     </td>
1812                     <td class="msource">
1813
1814                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1815
1816                     </td>
1817                 </tr>
1818
1819
1820                 <tr class="config-row expandable config-row-alt1">
1821                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1822                     <td class="sig">
1823
1824                         <a id="Roo.bootstrap.Input-cfg-validator" name=".validator"></a>
1825                         <div class="fixedFont">
1826                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1827
1828
1829                         </div>
1830
1831                         <div class="mdesc">
1832                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1833                         </div>
1834
1835                         <div class="mdesc">
1836                             <div class="long">
1837                     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.
1838
1839                 </div>
1840                         </div>
1841
1842
1843
1844                     </td>
1845                     <td class="msource">
1846
1847                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1848
1849                     </td>
1850                 </tr>
1851
1852
1853                 <tr class="config-row expandable config-row-alt0">
1854                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1855                     <td class="sig">
1856
1857                         <a id="Roo.bootstrap.Input-cfg-value" name=".value"></a>
1858                         <div class="fixedFont">
1859                                 <b  class="itemname">value</b> : string
1860
1861
1862                         </div>
1863
1864                         <div class="mdesc">
1865                             <div class="short">default value of the input</div>
1866                         </div>
1867
1868                         <div class="mdesc">
1869                             <div class="long">
1870                     default value of the input
1871
1872                 </div>
1873                         </div>
1874
1875
1876
1877                     </td>
1878                     <td class="msource">
1879
1880                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1881
1882                     </td>
1883                 </tr>
1884
1885
1886                 <tr class="config-row expandable config-row-alt1">
1887                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1888                     <td class="sig">
1889
1890                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
1891                         <div class="fixedFont">
1892                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1893
1894
1895                         </div>
1896
1897                         <div class="mdesc">
1898                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1899                         </div>
1900
1901                         <div class="mdesc">
1902                             <div class="long">
1903                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
1904
1905                 </div>
1906                         </div>
1907
1908
1909
1910                     </td>
1911                     <td class="msource">
1912
1913                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1914
1915                     </td>
1916                 </tr>
1917
1918
1919                 <tr class="config-row expandable config-row-alt0">
1920                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1921                     <td class="sig">
1922
1923                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
1924                         <div class="fixedFont">
1925                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1926
1927
1928                         </div>
1929
1930                         <div class="mdesc">
1931                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
1932                         </div>
1933
1934                         <div class="mdesc">
1935                             <div class="long">
1936                     extra attributes to add to 'element' (used by builder to store stuff.)
1937
1938                 </div>
1939                         </div>
1940
1941
1942
1943                     </td>
1944                     <td class="msource">
1945
1946                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1947
1948                     </td>
1949                 </tr>
1950
1951
1952                 <tr class="config-row expandable config-row-alt1">
1953                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1954                     <td class="sig">
1955
1956                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
1957                         <div class="fixedFont">
1958                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1959
1960
1961                         </div>
1962
1963                         <div class="mdesc">
1964                             <div class="short">colspan out of 12 for mobile-sized screens</div>
1965                         </div>
1966
1967                         <div class="mdesc">
1968                             <div class="long">
1969                     colspan out of 12 for mobile-sized screens
1970
1971                 </div>
1972                         </div>
1973
1974
1975
1976                     </td>
1977                     <td class="msource">
1978
1979                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1980
1981                     </td>
1982                 </tr>
1983
1984
1985     </table>
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995   <!-- ============================== public properties ==================== -->
1996
1997
1998
1999     <a id="Roo.bootstrap.TriggerField-props"></a>
2000
2001
2002
2003
2004
2005      <table cellspacing="0" class="member-table">
2006       <caption class="Empty">Public Properties - Has None</caption>
2007      </table>
2008
2009
2010
2011
2012   <!-- ============================== methods summary / details ======================== -->
2013
2014
2015   <a id="Roo.bootstrap.TriggerField-methods"></a>
2016         <!-- constructor?? -->
2017
2018         <!-- static's first
2019
2020
2021         -->
2022
2023         <!-- then dynamics first -->
2024
2025
2026
2027
2028
2029
2030       <table cellspacing="0" class="member-table">
2031       <caption>Public Methods</caption>
2032         <tr>
2033             <th class="sig-header" colspan="2">Method</th>
2034             <th class="msource-header">Defined By</th>
2035
2036         </tr>
2037
2038
2039
2040
2041
2042
2043
2044           <tr class="method-row config-row-alt0 expandable notInherited">
2045             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2046
2047
2048             <td class="sig">
2049                 <a id="Roo.bootstrap-method-TriggerField"   name=".TriggerField"></a>
2050                 <div class="fixedFont">
2051                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">TriggerField</b>
2052
2053                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2054
2055
2056
2057                 </div>
2058                 <div class="mdesc">
2059
2060
2061                         <div class="short">Create a new Roo.bootstrap.TriggerField</div>
2062
2063
2064                     <div class="long">
2065
2066
2067
2068                                 Create a new Roo.bootstrap.TriggerField
2069
2070
2071                                 <dl class="detailList">
2072                                 <dt class="heading">Parameters:</dt>
2073
2074                                         <dt>
2075                                                 <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>
2076
2077                                         </dt>
2078                                         <dd>Configuration options (valid {<b>Roo</b>.bootstrap.Input} config options will also be applied<br/>to the base TextField)</dd>
2079
2080                                 </dl>
2081
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092                     </div>
2093                 </div>
2094
2095             </td>
2096             <td class="msource">
2097                 &nbsp;
2098             </td>
2099         </tr>
2100
2101
2102           <tr class="method-row config-row-alt1 expandable">
2103             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2104
2105
2106             <td class="sig">
2107                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2108                 <div class="fixedFont">
2109                         <span class="attributes"></span><b class="itemname">addEvents</b>
2110
2111                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2112
2113
2114
2115                 </div>
2116                 <div class="mdesc">
2117
2118                    <div class="short">Used to define events on this Observable</div>
2119
2120
2121
2122                     <div class="long">
2123
2124                                 Used to define events on this Observable
2125
2126
2127
2128
2129
2130
2131                                 <dl class="detailList">
2132                                 <dt class="heading">Parameters:</dt>
2133
2134                                         <dt>
2135                                                 <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>
2136
2137                                         </dt>
2138                                         <dd>The object with the events defined</dd>
2139
2140                                 </dl>
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152                     </div>
2153                 </div>
2154
2155             </td>
2156             <td class="msource">
2157
2158                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2159                 &nbsp;
2160             </td>
2161         </tr>
2162
2163
2164           <tr class="method-row config-row-alt0 expandable">
2165             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2166
2167
2168             <td class="sig">
2169                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2170                 <div class="fixedFont">
2171                         <span class="attributes"></span><b class="itemname">addListener</b>
2172
2173                                  (<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>)
2174
2175
2176
2177                 </div>
2178                 <div class="mdesc">
2179
2180                    <div class="short">Appends an event handler to this component</div>
2181
2182
2183
2184                     <div class="long">
2185
2186                                 Appends an event handler to this component
2187
2188
2189
2190
2191
2192
2193                                 <dl class="detailList">
2194                                 <dt class="heading">Parameters:</dt>
2195
2196                                         <dt>
2197                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2198
2199                                         </dt>
2200                                         <dd>The type of event to listen for</dd>
2201
2202                                         <dt>
2203                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2204
2205                                         </dt>
2206                                         <dd>The method the event invokes</dd>
2207
2208                                         <dt>
2209                                                 <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>
2210
2211                                         </dt>
2212                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2213
2214                                         <dt>
2215                                                 <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>
2216
2217                                         </dt>
2218                                         <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>
2219
2220                                 </dl>
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232                     </div>
2233                 </div>
2234
2235             </td>
2236             <td class="msource">
2237
2238                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2239                 &nbsp;
2240             </td>
2241         </tr>
2242
2243
2244           <tr class="method-row config-row-alt1 expandable notInherited">
2245             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2246
2247
2248             <td class="sig">
2249                 <a id="Roo.bootstrap.TriggerField-method-autoSize"   name=".autoSize"></a>
2250                 <div class="fixedFont">
2251                         <span class="attributes"></span><b class="itemname">autoSize</b>
2252
2253                                  ()
2254
2255
2256
2257                 </div>
2258                 <div class="mdesc">
2259
2260                    <div class="short"></div>
2261
2262
2263
2264                     <div class="long">
2265
2266
2267
2268
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282
2283                     </div>
2284                 </div>
2285
2286             </td>
2287             <td class="msource">
2288
2289                         Roo.bootstrap.TriggerField
2290                 &nbsp;
2291             </td>
2292         </tr>
2293
2294
2295           <tr class="method-row config-row-alt0 expandable">
2296             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2297
2298
2299             <td class="sig">
2300                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2301                 <div class="fixedFont">
2302                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2303
2304                                  ()
2305
2306
2307
2308                 </div>
2309                 <div class="mdesc">
2310
2311                    <div class="short">Clear any invalid styles/messages for this field</div>
2312
2313
2314
2315                     <div class="long">
2316
2317                                 Clear any invalid styles/messages for this field
2318
2319
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334                     </div>
2335                 </div>
2336
2337             </td>
2338             <td class="msource">
2339
2340                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2341                 &nbsp;
2342             </td>
2343         </tr>
2344
2345
2346           <tr class="method-row config-row-alt1 expandable">
2347             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2348
2349
2350             <td class="sig">
2351                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2352                 <div class="fixedFont">
2353                         <span class="attributes"></span><b class="itemname">destroy</b>
2354
2355                                  ()
2356
2357
2358
2359                 </div>
2360                 <div class="mdesc">
2361
2362                    <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>
2363
2364
2365
2366                     <div class="long">
2367
2368                                 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}.
2369
2370
2371
2372
2373
2374
2375
2376
2377
2378
2379
2380
2381
2382
2383
2384
2385                     </div>
2386                 </div>
2387
2388             </td>
2389             <td class="msource">
2390
2391                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2392                 &nbsp;
2393             </td>
2394         </tr>
2395
2396
2397           <tr class="method-row config-row-alt0 expandable">
2398             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2399
2400
2401             <td class="sig">
2402                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2403                 <div class="fixedFont">
2404                         <span class="attributes"></span><b class="itemname">disable</b>
2405
2406                                  ()
2407
2408
2409                                          :
2410
2411
2412                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2413
2414
2415
2416
2417
2418                 </div>
2419                 <div class="mdesc">
2420
2421                    <div class="short">Disable this component.</div>
2422
2423
2424
2425                     <div class="long">
2426
2427                                 Disable this component.
2428
2429
2430
2431
2432
2433
2434
2435
2436
2437
2438                                 <dl class="detailList">
2439                                 <dt class="heading">Returns:</dt>
2440
2441                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2442
2443                                 </dl>
2444
2445
2446
2447
2448
2449
2450
2451                     </div>
2452                 </div>
2453
2454             </td>
2455             <td class="msource">
2456
2457                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2458                 &nbsp;
2459             </td>
2460         </tr>
2461
2462
2463           <tr class="method-row config-row-alt1 expandable">
2464             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2465
2466
2467             <td class="sig">
2468                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2469                 <div class="fixedFont">
2470                         <span class="attributes"></span><b class="itemname">enable</b>
2471
2472                                  ()
2473
2474
2475                                          :
2476
2477
2478                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2479
2480
2481
2482
2483
2484                 </div>
2485                 <div class="mdesc">
2486
2487                    <div class="short">Enable this component.</div>
2488
2489
2490
2491                     <div class="long">
2492
2493                                 Enable this component.
2494
2495
2496
2497
2498
2499
2500
2501
2502
2503
2504                                 <dl class="detailList">
2505                                 <dt class="heading">Returns:</dt>
2506
2507                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2508
2509                                 </dl>
2510
2511
2512
2513
2514
2515
2516
2517                     </div>
2518                 </div>
2519
2520             </td>
2521             <td class="msource">
2522
2523                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2524                 &nbsp;
2525             </td>
2526         </tr>
2527
2528
2529           <tr class="method-row config-row-alt0 expandable">
2530             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2531
2532
2533             <td class="sig">
2534                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2535                 <div class="fixedFont">
2536                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2537
2538                                  (<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>)
2539
2540
2541                                          :
2542
2543
2544                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2545
2546
2547
2548
2549
2550                 </div>
2551                 <div class="mdesc">
2552
2553                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2554
2555
2556
2557                     <div class="long">
2558
2559                                 Fires the specified event with the passed parameters (minus the event name).
2560
2561
2562
2563
2564
2565
2566                                 <dl class="detailList">
2567                                 <dt class="heading">Parameters:</dt>
2568
2569                                         <dt>
2570                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2571
2572                                         </dt>
2573                                         <dd></dd>
2574
2575                                         <dt>
2576                                                 <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>
2577
2578                                         </dt>
2579                                         <dd>Variable number of parameters are passed to handlers</dd>
2580
2581                                 </dl>
2582
2583
2584
2585
2586
2587                                 <dl class="detailList">
2588                                 <dt class="heading">Returns:</dt>
2589
2590                                         <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>
2591
2592                                 </dl>
2593
2594
2595
2596
2597
2598
2599
2600                     </div>
2601                 </div>
2602
2603             </td>
2604             <td class="msource">
2605
2606                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2607                 &nbsp;
2608             </td>
2609         </tr>
2610
2611
2612           <tr class="method-row config-row-alt1 expandable">
2613             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2614
2615
2616             <td class="sig">
2617                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2618                 <div class="fixedFont">
2619                         <span class="attributes"></span><b class="itemname">focus</b>
2620
2621                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2622
2623
2624                                          :
2625
2626
2627                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2628
2629
2630
2631
2632
2633                 </div>
2634                 <div class="mdesc">
2635
2636                    <div class="short">Try to focus this component.</div>
2637
2638
2639
2640                     <div class="long">
2641
2642                                 Try to focus this component.
2643
2644
2645
2646
2647
2648
2649                                 <dl class="detailList">
2650                                 <dt class="heading">Parameters:</dt>
2651
2652                                         <dt>
2653                                                 <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>
2654
2655                                         </dt>
2656                                         <dd>True to also select the text in this component (if applicable)</dd>
2657
2658                                 </dl>
2659
2660
2661
2662
2663
2664                                 <dl class="detailList">
2665                                 <dt class="heading">Returns:</dt>
2666
2667                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2668
2669                                 </dl>
2670
2671
2672
2673
2674
2675
2676
2677                     </div>
2678                 </div>
2679
2680             </td>
2681             <td class="msource">
2682
2683                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2684                 &nbsp;
2685             </td>
2686         </tr>
2687
2688
2689           <tr class="method-row config-row-alt0 expandable">
2690             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2691
2692
2693             <td class="sig">
2694                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2695                 <div class="fixedFont">
2696                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2697
2698                                  ()
2699
2700
2701                                          :
2702
2703
2704                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2705
2706
2707
2708
2709
2710                 </div>
2711                 <div class="mdesc">
2712
2713                    <div class="short">Fetch the element to add children to</div>
2714
2715
2716
2717                     <div class="long">
2718
2719                                 Fetch the element to add children to
2720
2721
2722
2723
2724
2725
2726
2727
2728
2729
2730                                 <dl class="detailList">
2731                                 <dt class="heading">Returns:</dt>
2732
2733                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
2734
2735                                 </dl>
2736
2737
2738
2739
2740
2741
2742
2743                     </div>
2744                 </div>
2745
2746             </td>
2747             <td class="msource">
2748
2749                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2750                 &nbsp;
2751             </td>
2752         </tr>
2753
2754
2755           <tr class="method-row config-row-alt1 expandable">
2756             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2757
2758
2759             <td class="sig">
2760                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2761                 <div class="fixedFont">
2762                         <span class="attributes"></span><b class="itemname">getEl</b>
2763
2764                                  ()
2765
2766
2767                                          :
2768
2769
2770                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2771
2772
2773
2774
2775
2776                 </div>
2777                 <div class="mdesc">
2778
2779                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2780
2781
2782
2783                     <div class="long">
2784
2785                                 Returns the underlying {<b>link</b> Roo.Element}.
2786
2787
2788
2789
2790
2791
2792
2793
2794
2795
2796                                 <dl class="detailList">
2797                                 <dt class="heading">Returns:</dt>
2798
2799                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2800
2801                                 </dl>
2802
2803
2804
2805
2806
2807
2808
2809                     </div>
2810                 </div>
2811
2812             </td>
2813             <td class="msource">
2814
2815                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2816                 &nbsp;
2817             </td>
2818         </tr>
2819
2820
2821           <tr class="method-row config-row-alt0 expandable">
2822             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2823
2824
2825             <td class="sig">
2826                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2827                 <div class="fixedFont">
2828                         <span class="attributes"></span><b class="itemname">getId</b>
2829
2830                                  ()
2831
2832
2833                                          :
2834
2835
2836                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2837
2838
2839
2840
2841
2842                 </div>
2843                 <div class="mdesc">
2844
2845                    <div class="short">Returns the id of this component.</div>
2846
2847
2848
2849                     <div class="long">
2850
2851                                 Returns the id of this component.
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862                                 <dl class="detailList">
2863                                 <dt class="heading">Returns:</dt>
2864
2865                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2866
2867                                 </dl>
2868
2869
2870
2871
2872
2873
2874
2875                     </div>
2876                 </div>
2877
2878             </td>
2879             <td class="msource">
2880
2881                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2882                 &nbsp;
2883             </td>
2884         </tr>
2885
2886
2887           <tr class="method-row config-row-alt1 expandable">
2888             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2889
2890
2891             <td class="sig">
2892                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2893                 <div class="fixedFont">
2894                         <span class="attributes"></span><b class="itemname">getName</b>
2895
2896                                  ()
2897
2898
2899                                          :
2900
2901
2902                                                 Mixed
2903
2904
2905
2906
2907
2908                 </div>
2909                 <div class="mdesc">
2910
2911                    <div class="short">Returns the name of the field</div>
2912
2913
2914
2915                     <div class="long">
2916
2917                                 Returns the name of the field
2918
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928                                 <dl class="detailList">
2929                                 <dt class="heading">Returns:</dt>
2930
2931                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2932
2933                                 </dl>
2934
2935
2936
2937
2938
2939
2940
2941                     </div>
2942                 </div>
2943
2944             </td>
2945             <td class="msource">
2946
2947                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2948                 &nbsp;
2949             </td>
2950         </tr>
2951
2952
2953           <tr class="method-row config-row-alt0 expandable">
2954             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2955
2956
2957             <td class="sig">
2958                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2959                 <div class="fixedFont">
2960                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2961
2962                                  ()
2963
2964
2965                                          :
2966
2967
2968                                                 Mixed
2969
2970
2971
2972
2973
2974                 </div>
2975                 <div class="mdesc">
2976
2977                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
2978
2979
2980
2981                     <div class="long">
2982
2983                                 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>}.
2984
2985
2986
2987
2988
2989
2990
2991
2992
2993
2994                                 <dl class="detailList">
2995                                 <dt class="heading">Returns:</dt>
2996
2997                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2998
2999                                 </dl>
3000
3001
3002
3003
3004
3005
3006
3007                     </div>
3008                 </div>
3009
3010             </td>
3011             <td class="msource">
3012
3013                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3014                 &nbsp;
3015             </td>
3016         </tr>
3017
3018
3019           <tr class="method-row config-row-alt1 expandable">
3020             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3021
3022
3023             <td class="sig">
3024                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
3025                 <div class="fixedFont">
3026                         <span class="attributes"></span><b class="itemname">getValue</b>
3027
3028                                  ()
3029
3030
3031                                          :
3032
3033
3034                                                 Mixed
3035
3036
3037
3038
3039
3040                 </div>
3041                 <div class="mdesc">
3042
3043                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
3044
3045
3046
3047                     <div class="long">
3048
3049                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
3050
3051
3052
3053
3054
3055
3056
3057
3058
3059
3060                                 <dl class="detailList">
3061                                 <dt class="heading">Returns:</dt>
3062
3063                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3064
3065                                 </dl>
3066
3067
3068
3069
3070
3071
3072
3073                     </div>
3074                 </div>
3075
3076             </td>
3077             <td class="msource">
3078
3079                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3080                 &nbsp;
3081             </td>
3082         </tr>
3083
3084
3085           <tr class="method-row config-row-alt0 expandable">
3086             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3087
3088
3089             <td class="sig">
3090                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3091                 <div class="fixedFont">
3092                         <span class="attributes"></span><b class="itemname">hasListener</b>
3093
3094                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3095
3096
3097                                          :
3098
3099
3100                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3101
3102
3103
3104
3105
3106                 </div>
3107                 <div class="mdesc">
3108
3109                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3110
3111
3112
3113                     <div class="long">
3114
3115                                 Checks to see if this object has any listeners for a specified event
3116
3117
3118
3119
3120
3121
3122                                 <dl class="detailList">
3123                                 <dt class="heading">Parameters:</dt>
3124
3125                                         <dt>
3126                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3127
3128                                         </dt>
3129                                         <dd>The name of the event to check for</dd>
3130
3131                                 </dl>
3132
3133
3134
3135
3136
3137                                 <dl class="detailList">
3138                                 <dt class="heading">Returns:</dt>
3139
3140                                         <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>
3141
3142                                 </dl>
3143
3144
3145
3146
3147
3148
3149
3150                     </div>
3151                 </div>
3152
3153             </td>
3154             <td class="msource">
3155
3156                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3157                 &nbsp;
3158             </td>
3159         </tr>
3160
3161
3162           <tr class="method-row config-row-alt1 expandable">
3163             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3164
3165
3166             <td class="sig">
3167                 <a id="Roo.bootstrap.Component-method-hide"   name=".hide"></a>
3168                 <div class="fixedFont">
3169                         <span class="attributes"></span><b class="itemname">hide</b>
3170
3171                                  ()
3172
3173
3174
3175                 </div>
3176                 <div class="mdesc">
3177
3178                    <div class="short">Hide a component - adds 'hidden' class</div>
3179
3180
3181
3182                     <div class="long">
3183
3184                                 Hide a component - adds 'hidden' class
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201                     </div>
3202                 </div>
3203
3204             </td>
3205             <td class="msource">
3206
3207                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3208                 &nbsp;
3209             </td>
3210         </tr>
3211
3212
3213           <tr class="method-row config-row-alt0 expandable">
3214             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3215
3216
3217             <td class="sig">
3218                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3219                 <div class="fixedFont">
3220                         <span class="attributes"></span><b class="itemname">initEvents</b>
3221
3222                                  ()
3223
3224
3225
3226                 </div>
3227                 <div class="mdesc">
3228
3229                    <div class="short">Initialize Events for the element</div>
3230
3231
3232
3233                     <div class="long">
3234
3235                                 Initialize Events for the element
3236
3237
3238
3239
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252                     </div>
3253                 </div>
3254
3255             </td>
3256             <td class="msource">
3257
3258                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3259                 &nbsp;
3260             </td>
3261         </tr>
3262
3263
3264           <tr class="method-row config-row-alt1 expandable">
3265             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3266
3267
3268             <td class="sig">
3269                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
3270                 <div class="fixedFont">
3271                         <span class="attributes"></span><b class="itemname">inputEl</b>
3272
3273                                  ()
3274
3275
3276
3277                 </div>
3278                 <div class="mdesc">
3279
3280                    <div class="short">return the real input element.</div>
3281
3282
3283
3284                     <div class="long">
3285
3286                                 return the real input element.
3287
3288
3289
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303                     </div>
3304                 </div>
3305
3306             </td>
3307             <td class="msource">
3308
3309                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3310                 &nbsp;
3311             </td>
3312         </tr>
3313
3314
3315           <tr class="method-row config-row-alt0 expandable">
3316             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3317
3318
3319             <td class="sig">
3320                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3321                 <div class="fixedFont">
3322                         <span class="attributes"></span><b class="itemname">isVisible</b>
3323
3324                                  ()
3325
3326
3327
3328                 </div>
3329                 <div class="mdesc">
3330
3331                    <div class="short">Returns true if this component is visible.</div>
3332
3333
3334
3335                     <div class="long">
3336
3337                                 Returns true if this component is visible.
3338
3339
3340
3341
3342
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354                     </div>
3355                 </div>
3356
3357             </td>
3358             <td class="msource">
3359
3360                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3361                 &nbsp;
3362             </td>
3363         </tr>
3364
3365
3366           <tr class="method-row config-row-alt1 expandable">
3367             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3368
3369
3370             <td class="sig">
3371                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3372                 <div class="fixedFont">
3373                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3374
3375                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3376
3377
3378
3379                 </div>
3380                 <div class="mdesc">
3381
3382                    <div class="short">Mark this field as invalid</div>
3383
3384
3385
3386                     <div class="long">
3387
3388                                 Mark this field as invalid
3389
3390
3391
3392
3393
3394
3395                                 <dl class="detailList">
3396                                 <dt class="heading">Parameters:</dt>
3397
3398                                         <dt>
3399                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3400
3401                                         </dt>
3402                                         <dd>The validation message</dd>
3403
3404                                 </dl>
3405
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415
3416                     </div>
3417                 </div>
3418
3419             </td>
3420             <td class="msource">
3421
3422                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3423                 &nbsp;
3424             </td>
3425         </tr>
3426
3427
3428           <tr class="method-row config-row-alt0 expandable">
3429             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3430
3431
3432             <td class="sig">
3433                 <a id="Roo.bootstrap.Input-method-markValid"   name=".markValid"></a>
3434                 <div class="fixedFont">
3435                         <span class="attributes"></span><b class="itemname">markValid</b>
3436
3437                                  ()
3438
3439
3440
3441                 </div>
3442                 <div class="mdesc">
3443
3444                    <div class="short">Mark this field as valid</div>
3445
3446
3447
3448                     <div class="long">
3449
3450                                 Mark this field as valid
3451
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461
3462
3463
3464
3465
3466
3467                     </div>
3468                 </div>
3469
3470             </td>
3471             <td class="msource">
3472
3473                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3474                 &nbsp;
3475             </td>
3476         </tr>
3477
3478
3479           <tr class="method-row config-row-alt1 expandable">
3480             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3481
3482
3483             <td class="sig">
3484                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3485                 <div class="fixedFont">
3486                         <span class="attributes"></span><b class="itemname">on</b>
3487
3488                                  (<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>)
3489
3490
3491
3492                 </div>
3493                 <div class="mdesc">
3494
3495                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3496
3497
3498
3499                     <div class="long">
3500
3501                                 Appends an event handler to this element (shorthand for addListener)
3502
3503
3504
3505
3506
3507
3508                                 <dl class="detailList">
3509                                 <dt class="heading">Parameters:</dt>
3510
3511                                         <dt>
3512                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3513
3514                                         </dt>
3515                                         <dd>The type of event to listen for</dd>
3516
3517                                         <dt>
3518                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3519
3520                                         </dt>
3521                                         <dd>The method the event invokes</dd>
3522
3523                                         <dt>
3524                                                 <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>
3525
3526                                         </dt>
3527                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3528
3529                                         <dt>
3530                                                 <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>
3531
3532                                         </dt>
3533                                         <dd>(optional)</dd>
3534
3535                                 </dl>
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545
3546
3547                     </div>
3548                 </div>
3549
3550             </td>
3551             <td class="msource">
3552
3553                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3554                 &nbsp;
3555             </td>
3556         </tr>
3557
3558
3559           <tr class="method-row config-row-alt0 expandable notInherited">
3560             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3561
3562
3563             <td class="sig">
3564                 <a id="Roo.bootstrap.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
3565                 <div class="fixedFont">
3566                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
3567
3568                                  (EventObject <B><i>e</i></B>)
3569
3570
3571
3572                 </div>
3573                 <div class="mdesc">
3574
3575                    <div class="short">The function that should handle the trigger's click event.</div>
3576
3577
3578
3579                     <div class="long">
3580
3581                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
3582
3583
3584
3585
3586
3587
3588                                 <dl class="detailList">
3589                                 <dt class="heading">Parameters:</dt>
3590
3591                                         <dt>
3592                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
3593
3594                                         </dt>
3595                                         <dd></dd>
3596
3597                                 </dl>
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609                     </div>
3610                 </div>
3611
3612             </td>
3613             <td class="msource">
3614
3615                         Roo.bootstrap.TriggerField
3616                 &nbsp;
3617             </td>
3618         </tr>
3619
3620
3621           <tr class="method-row config-row-alt1 expandable">
3622             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3623
3624
3625             <td class="sig">
3626                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3627                 <div class="fixedFont">
3628                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3629
3630                                  ()
3631
3632
3633
3634                 </div>
3635                 <div class="mdesc">
3636
3637                    <div class="short">Removes all listeners for this object</div>
3638
3639
3640
3641                     <div class="long">
3642
3643                                 Removes all listeners for this object
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659
3660                     </div>
3661                 </div>
3662
3663             </td>
3664             <td class="msource">
3665
3666                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3667                 &nbsp;
3668             </td>
3669         </tr>
3670
3671
3672           <tr class="method-row config-row-alt0 expandable">
3673             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3674
3675
3676             <td class="sig">
3677                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3678                 <div class="fixedFont">
3679                         <span class="attributes"></span><b class="itemname">removeListener</b>
3680
3681                                  (<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>)
3682
3683
3684
3685                 </div>
3686                 <div class="mdesc">
3687
3688                    <div class="short">Removes a listener</div>
3689
3690
3691
3692                     <div class="long">
3693
3694                                 Removes a listener
3695
3696
3697
3698
3699
3700
3701                                 <dl class="detailList">
3702                                 <dt class="heading">Parameters:</dt>
3703
3704                                         <dt>
3705                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3706
3707                                         </dt>
3708                                         <dd>The type of event to listen for</dd>
3709
3710                                         <dt>
3711                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3712
3713                                         </dt>
3714                                         <dd>The handler to remove</dd>
3715
3716                                         <dt>
3717                                                 <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>
3718
3719                                         </dt>
3720                                         <dd>(optional) The scope (this object) for the handler</dd>
3721
3722                                 </dl>
3723
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733
3734                     </div>
3735                 </div>
3736
3737             </td>
3738             <td class="msource">
3739
3740                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3741                 &nbsp;
3742             </td>
3743         </tr>
3744
3745
3746           <tr class="method-row config-row-alt1 expandable">
3747             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3748
3749
3750             <td class="sig">
3751                 <a id="Roo.Component-method-render"   name=".render"></a>
3752                 <div class="fixedFont">
3753                         <span class="attributes"></span><b class="itemname">render</b>
3754
3755                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3756
3757
3758
3759                 </div>
3760                 <div class="mdesc">
3761
3762                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3763
3764
3765
3766                     <div class="long">
3767
3768                                 If this is a lazy rendering component, render it to its container element.
3769
3770
3771
3772
3773
3774
3775                                 <dl class="detailList">
3776                                 <dt class="heading">Parameters:</dt>
3777
3778                                         <dt>
3779                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3780
3781                                         </dt>
3782                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3783
3784                                 </dl>
3785
3786
3787
3788
3789
3790
3791
3792
3793
3794
3795
3796                     </div>
3797                 </div>
3798
3799             </td>
3800             <td class="msource">
3801
3802                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3803                 &nbsp;
3804             </td>
3805         </tr>
3806
3807
3808           <tr class="method-row config-row-alt0 expandable">
3809             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3810
3811
3812             <td class="sig">
3813                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3814                 <div class="fixedFont">
3815                         <span class="attributes"></span><b class="itemname">reset</b>
3816
3817                                  ()
3818
3819
3820
3821                 </div>
3822                 <div class="mdesc">
3823
3824                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3825
3826
3827
3828                     <div class="long">
3829
3830                                 Resets the current field value to the originally loaded value and clears any validation messages
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844
3845
3846
3847                     </div>
3848                 </div>
3849
3850             </td>
3851             <td class="msource">
3852
3853                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3854                 &nbsp;
3855             </td>
3856         </tr>
3857
3858
3859           <tr class="method-row config-row-alt1 expandable">
3860             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3861
3862
3863             <td class="sig">
3864                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3865                 <div class="fixedFont">
3866                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3867
3868                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3869
3870
3871
3872                 </div>
3873                 <div class="mdesc">
3874
3875                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3876
3877
3878
3879                     <div class="long">
3880
3881                                 Convenience function for setting disabled/enabled by boolean.
3882
3883
3884
3885
3886
3887
3888                                 <dl class="detailList">
3889                                 <dt class="heading">Parameters:</dt>
3890
3891                                         <dt>
3892                                                 <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>
3893
3894                                         </dt>
3895                                         <dd></dd>
3896
3897                                 </dl>
3898
3899
3900
3901
3902
3903
3904
3905
3906
3907
3908
3909                     </div>
3910                 </div>
3911
3912             </td>
3913             <td class="msource">
3914
3915                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3916                 &nbsp;
3917             </td>
3918         </tr>
3919
3920
3921           <tr class="method-row config-row-alt0 expandable">
3922             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3923
3924
3925             <td class="sig">
3926                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3927                 <div class="fixedFont">
3928                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3929
3930                                  (Mixed <B><i>value</i></B>)
3931
3932
3933
3934                 </div>
3935                 <div class="mdesc">
3936
3937                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3938
3939
3940
3941                     <div class="long">
3942
3943                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3944
3945
3946
3947
3948
3949
3950                                 <dl class="detailList">
3951                                 <dt class="heading">Parameters:</dt>
3952
3953                                         <dt>
3954                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3955
3956                                         </dt>
3957                                         <dd>The value to set</dd>
3958
3959                                 </dl>
3960
3961
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971                     </div>
3972                 </div>
3973
3974             </td>
3975             <td class="msource">
3976
3977                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3978                 &nbsp;
3979             </td>
3980         </tr>
3981
3982
3983           <tr class="method-row config-row-alt1 expandable">
3984             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3985
3986
3987             <td class="sig">
3988                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3989                 <div class="fixedFont">
3990                         <span class="attributes"></span><b class="itemname">setValue</b>
3991
3992                                  (Mixed <B><i>value</i></B>)
3993
3994
3995
3996                 </div>
3997                 <div class="mdesc">
3998
3999                    <div class="short">Sets a data value into the field and validates it.</div>
4000
4001
4002
4003                     <div class="long">
4004
4005                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
4006
4007
4008
4009
4010
4011
4012                                 <dl class="detailList">
4013                                 <dt class="heading">Parameters:</dt>
4014
4015                                         <dt>
4016                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4017
4018                                         </dt>
4019                                         <dd>The value to set</dd>
4020
4021                                 </dl>
4022
4023
4024
4025
4026
4027
4028
4029
4030
4031
4032
4033                     </div>
4034                 </div>
4035
4036             </td>
4037             <td class="msource">
4038
4039                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4040                 &nbsp;
4041             </td>
4042         </tr>
4043
4044
4045           <tr class="method-row config-row-alt0 expandable">
4046             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4047
4048
4049             <td class="sig">
4050                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4051                 <div class="fixedFont">
4052                         <span class="attributes"></span><b class="itemname">setVisible</b>
4053
4054                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4055
4056
4057                                          :
4058
4059
4060                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4061
4062
4063
4064
4065
4066                 </div>
4067                 <div class="mdesc">
4068
4069                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4070
4071
4072
4073                     <div class="long">
4074
4075                                 Convenience function to hide or show this component by boolean.
4076
4077
4078
4079
4080
4081
4082                                 <dl class="detailList">
4083                                 <dt class="heading">Parameters:</dt>
4084
4085                                         <dt>
4086                                                 <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>
4087
4088                                         </dt>
4089                                         <dd>True to show, false to hide</dd>
4090
4091                                 </dl>
4092
4093
4094
4095
4096
4097                                 <dl class="detailList">
4098                                 <dt class="heading">Returns:</dt>
4099
4100                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4101
4102                                 </dl>
4103
4104
4105
4106
4107
4108
4109
4110                     </div>
4111                 </div>
4112
4113             </td>
4114             <td class="msource">
4115
4116                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4117                 &nbsp;
4118             </td>
4119         </tr>
4120
4121
4122           <tr class="method-row config-row-alt1 expandable">
4123             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4124
4125
4126             <td class="sig">
4127                 <a id="Roo.bootstrap.Component-method-show"   name=".show"></a>
4128                 <div class="fixedFont">
4129                         <span class="attributes"></span><b class="itemname">show</b>
4130
4131                                  ()
4132
4133
4134
4135                 </div>
4136                 <div class="mdesc">
4137
4138                    <div class="short">Show a component - removes 'hidden' class</div>
4139
4140
4141
4142                     <div class="long">
4143
4144                                 Show a component - removes 'hidden' class
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156
4157
4158
4159
4160
4161                     </div>
4162                 </div>
4163
4164             </td>
4165             <td class="msource">
4166
4167                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4168                 &nbsp;
4169             </td>
4170         </tr>
4171
4172
4173           <tr class="method-row config-row-alt0 expandable">
4174             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4175
4176
4177             <td class="sig">
4178                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
4179                 <div class="fixedFont">
4180                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
4181
4182                                  ()
4183
4184
4185                                          :
4186
4187
4188                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4189
4190
4191
4192
4193
4194                 </div>
4195                 <div class="mdesc">
4196
4197                    <div class="short">Fetch the element to display the tooltip on.</div>
4198
4199
4200
4201                     <div class="long">
4202
4203                                 Fetch the element to display the tooltip on.
4204
4205
4206
4207
4208
4209
4210
4211
4212
4213
4214                                 <dl class="detailList">
4215                                 <dt class="heading">Returns:</dt>
4216
4217                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
4218
4219                                 </dl>
4220
4221
4222
4223
4224
4225
4226
4227                     </div>
4228                 </div>
4229
4230             </td>
4231             <td class="msource">
4232
4233                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4234                 &nbsp;
4235             </td>
4236         </tr>
4237
4238
4239           <tr class="method-row config-row-alt1 expandable">
4240             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4241
4242
4243             <td class="sig">
4244                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4245                 <div class="fixedFont">
4246                         <span class="attributes"></span><b class="itemname">un</b>
4247
4248                                  (<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>)
4249
4250
4251
4252                 </div>
4253                 <div class="mdesc">
4254
4255                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4256
4257
4258
4259                     <div class="long">
4260
4261                                 Removes a listener (shorthand for removeListener)
4262
4263
4264
4265
4266
4267
4268                                 <dl class="detailList">
4269                                 <dt class="heading">Parameters:</dt>
4270
4271                                         <dt>
4272                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4273
4274                                         </dt>
4275                                         <dd>The type of event to listen for</dd>
4276
4277                                         <dt>
4278                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4279
4280                                         </dt>
4281                                         <dd>The handler to remove</dd>
4282
4283                                         <dt>
4284                                                 <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>
4285
4286                                         </dt>
4287                                         <dd>(optional) The scope (this object) for the handler</dd>
4288
4289                                 </dl>
4290
4291
4292
4293
4294
4295
4296
4297
4298
4299
4300
4301                     </div>
4302                 </div>
4303
4304             </td>
4305             <td class="msource">
4306
4307                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4308                 &nbsp;
4309             </td>
4310         </tr>
4311
4312
4313           <tr class="method-row config-row-alt0 expandable">
4314             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4315
4316
4317             <td class="sig">
4318                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4319                 <div class="fixedFont">
4320                         <span class="attributes"></span><b class="itemname">validate</b>
4321
4322                                  ()
4323
4324
4325                                          :
4326
4327
4328                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4329
4330
4331
4332
4333
4334                 </div>
4335                 <div class="mdesc">
4336
4337                    <div class="short">Validates the field value</div>
4338
4339
4340
4341                     <div class="long">
4342
4343                                 Validates the field value
4344
4345
4346
4347
4348
4349
4350
4351
4352
4353
4354                                 <dl class="detailList">
4355                                 <dt class="heading">Returns:</dt>
4356
4357                                         <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>
4358
4359                                 </dl>
4360
4361
4362
4363
4364
4365
4366
4367                     </div>
4368                 </div>
4369
4370             </td>
4371             <td class="msource">
4372
4373                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4374                 &nbsp;
4375             </td>
4376         </tr>
4377
4378
4379           <tr class="method-row config-row-alt1 expandable">
4380             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4381
4382
4383             <td class="sig">
4384                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4385                 <div class="fixedFont">
4386                         <span class="attributes"></span><b class="itemname">validateValue</b>
4387
4388                                  (Mixed <B><i>value</i></B>)
4389
4390
4391                                          :
4392
4393
4394                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4395
4396
4397
4398
4399
4400                 </div>
4401                 <div class="mdesc">
4402
4403                    <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>
4404
4405
4406
4407                     <div class="long">
4408
4409                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4410
4411
4412
4413
4414
4415
4416                                 <dl class="detailList">
4417                                 <dt class="heading">Parameters:</dt>
4418
4419                                         <dt>
4420                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4421
4422                                         </dt>
4423                                         <dd>The value to validate</dd>
4424
4425                                 </dl>
4426
4427
4428
4429
4430
4431                                 <dl class="detailList">
4432                                 <dt class="heading">Returns:</dt>
4433
4434                                         <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>
4435
4436                                 </dl>
4437
4438
4439
4440
4441
4442
4443
4444                     </div>
4445                 </div>
4446
4447             </td>
4448             <td class="msource">
4449
4450                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4451                 &nbsp;
4452             </td>
4453         </tr>
4454
4455
4456     </table>
4457
4458
4459   <!-- ============================== events summary / details ======================== -->
4460
4461
4462   <a id="Roo.bootstrap.TriggerField-events"></a>
4463
4464
4465
4466
4467
4468
4469
4470
4471       <table cellspacing="0" class="member-table">
4472                 <caption>Events</caption>
4473               <thead>
4474                 <tr>
4475                     <th class="sig-header" colspan="2">Event</th>
4476                     <th class="msource-header">Defined By</th>
4477
4478                 </tr>
4479               </thead>
4480
4481
4482
4483
4484
4485           <tr class="method-row expandable config-row-alt0">
4486             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4487
4488             <td class="sig">
4489                 <a id="Roo.Component-event-*beforedestroy"></a>
4490
4491                <div class="fixedFont">
4492                 <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>)
4493
4494                 </div>
4495
4496                 <div class="mdesc">
4497
4498                    <div class="short">Fires before the component is destroyed.
4499
4500                 </div>
4501
4502                     <div class="long">
4503
4504                         Fires before the component is destroyed. Return false to stop the destroy.
4505
4506
4507
4508
4509
4510                                 <dl class="detailList">
4511                                 <dt class="heading">Parameters:</dt>
4512
4513                                         <dt>
4514                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4515
4516                                         </dt>
4517                                         <dd></dd>
4518
4519                                 </dl>
4520
4521
4522
4523
4524
4525
4526
4527
4528
4529
4530
4531                     </div>
4532                 </div>
4533
4534             </td>
4535             <td class="msource">
4536                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4537             </td>
4538         </tr>
4539
4540           <tr class="method-row expandable config-row-alt1">
4541             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4542
4543             <td class="sig">
4544                 <a id="Roo.Component-event-*beforehide"></a>
4545
4546                <div class="fixedFont">
4547                 <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>)
4548
4549                 </div>
4550
4551                 <div class="mdesc">
4552
4553                    <div class="short">Fires before the component is hidden.
4554
4555                 </div>
4556
4557                     <div class="long">
4558
4559                         Fires before the component is hidden. Return false to stop the hide.
4560
4561
4562
4563
4564
4565                                 <dl class="detailList">
4566                                 <dt class="heading">Parameters:</dt>
4567
4568                                         <dt>
4569                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4570
4571                                         </dt>
4572                                         <dd></dd>
4573
4574                                 </dl>
4575
4576
4577
4578
4579
4580
4581
4582
4583
4584
4585
4586                     </div>
4587                 </div>
4588
4589             </td>
4590             <td class="msource">
4591                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4592             </td>
4593         </tr>
4594
4595           <tr class="method-row expandable config-row-alt0">
4596             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4597
4598             <td class="sig">
4599                 <a id="Roo.Component-event-*beforerender"></a>
4600
4601                <div class="fixedFont">
4602                 <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>)
4603
4604                 </div>
4605
4606                 <div class="mdesc">
4607
4608                    <div class="short">Fires before the component is rendered.
4609
4610                 </div>
4611
4612                     <div class="long">
4613
4614                         Fires before the component is rendered. Return false to stop the render.
4615
4616
4617
4618
4619
4620                                 <dl class="detailList">
4621                                 <dt class="heading">Parameters:</dt>
4622
4623                                         <dt>
4624                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4625
4626                                         </dt>
4627                                         <dd></dd>
4628
4629                                 </dl>
4630
4631
4632
4633
4634
4635
4636
4637
4638
4639
4640
4641                     </div>
4642                 </div>
4643
4644             </td>
4645             <td class="msource">
4646                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4647             </td>
4648         </tr>
4649
4650           <tr class="method-row expandable config-row-alt1">
4651             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4652
4653             <td class="sig">
4654                 <a id="Roo.Component-event-*beforeshow"></a>
4655
4656                <div class="fixedFont">
4657                 <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>)
4658
4659                 </div>
4660
4661                 <div class="mdesc">
4662
4663                    <div class="short">Fires before the component is shown.
4664
4665                 </div>
4666
4667                     <div class="long">
4668
4669                         Fires before the component is shown.  Return false to stop the show.
4670
4671
4672
4673
4674
4675                                 <dl class="detailList">
4676                                 <dt class="heading">Parameters:</dt>
4677
4678                                         <dt>
4679                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4680
4681                                         </dt>
4682                                         <dd></dd>
4683
4684                                 </dl>
4685
4686
4687
4688
4689
4690
4691
4692
4693
4694
4695
4696                     </div>
4697                 </div>
4698
4699             </td>
4700             <td class="msource">
4701                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4702             </td>
4703         </tr>
4704
4705           <tr class="method-row expandable config-row-alt0">
4706             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4707
4708             <td class="sig">
4709                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4710
4711                <div class="fixedFont">
4712                 <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>)
4713
4714                 </div>
4715
4716                 <div class="mdesc">
4717
4718                    <div class="short">Fires when this field loses input focus.
4719
4720                 </div>
4721
4722                     <div class="long">
4723
4724                         Fires when this field loses input focus.
4725
4726
4727
4728
4729
4730                                 <dl class="detailList">
4731                                 <dt class="heading">Parameters:</dt>
4732
4733                                         <dt>
4734                                                 <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>
4735
4736                                         </dt>
4737                                         <dd></dd>
4738
4739                                 </dl>
4740
4741
4742
4743
4744
4745
4746
4747
4748
4749
4750
4751                     </div>
4752                 </div>
4753
4754             </td>
4755             <td class="msource">
4756                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4757             </td>
4758         </tr>
4759
4760           <tr class="method-row expandable config-row-alt1">
4761             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4762
4763             <td class="sig">
4764                 <a id="Roo.bootstrap.Input-event-*change"></a>
4765
4766                <div class="fixedFont">
4767                 <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>)
4768
4769                 </div>
4770
4771                 <div class="mdesc">
4772
4773                    <div class="short">Fires just before the field blurs if the field value has changed.
4774
4775                 </div>
4776
4777                     <div class="long">
4778
4779                         Fires just before the field blurs if the field value has changed.
4780
4781
4782
4783
4784
4785                                 <dl class="detailList">
4786                                 <dt class="heading">Parameters:</dt>
4787
4788                                         <dt>
4789                                                 <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>
4790
4791                                         </dt>
4792                                         <dd></dd>
4793
4794                                         <dt>
4795                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4796
4797                                         </dt>
4798                                         <dd>The new value</dd>
4799
4800                                         <dt>
4801                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4802
4803                                         </dt>
4804                                         <dd>The original value</dd>
4805
4806                                 </dl>
4807
4808
4809
4810
4811
4812
4813
4814
4815
4816
4817
4818                     </div>
4819                 </div>
4820
4821             </td>
4822             <td class="msource">
4823                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4824             </td>
4825         </tr>
4826
4827           <tr class="method-row expandable config-row-alt0">
4828             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4829
4830             <td class="sig">
4831                 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
4832
4833                <div class="fixedFont">
4834                 <b class="itemname">childrenrendered</b> (<a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a> <B><i>this</i></B>)
4835
4836                 </div>
4837
4838                 <div class="mdesc">
4839
4840                    <div class="short">Fires when the children have been rendered.
4841
4842                 </div>
4843
4844                     <div class="long">
4845
4846                         Fires when the children have been rendered..
4847
4848
4849
4850
4851
4852                                 <dl class="detailList">
4853                                 <dt class="heading">Parameters:</dt>
4854
4855                                         <dt>
4856                                                 <span class="fixedFont"><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a></span> <b>this</b>
4857
4858                                         </dt>
4859                                         <dd></dd>
4860
4861                                 </dl>
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871
4872
4873                     </div>
4874                 </div>
4875
4876             </td>
4877             <td class="msource">
4878                 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4879             </td>
4880         </tr>
4881
4882           <tr class="method-row expandable config-row-alt1">
4883             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4884
4885             <td class="sig">
4886                 <a id="Roo.Component-event-*destroy"></a>
4887
4888                <div class="fixedFont">
4889                 <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>)
4890
4891                 </div>
4892
4893                 <div class="mdesc">
4894
4895                    <div class="short">Fires after the component is destroyed.
4896
4897                 </div>
4898
4899                     <div class="long">
4900
4901                         Fires after the component is destroyed.
4902
4903
4904
4905
4906
4907                                 <dl class="detailList">
4908                                 <dt class="heading">Parameters:</dt>
4909
4910                                         <dt>
4911                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4912
4913                                         </dt>
4914                                         <dd></dd>
4915
4916                                 </dl>
4917
4918
4919
4920
4921
4922
4923
4924
4925
4926
4927
4928                     </div>
4929                 </div>
4930
4931             </td>
4932             <td class="msource">
4933                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4934             </td>
4935         </tr>
4936
4937           <tr class="method-row expandable config-row-alt0">
4938             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4939
4940             <td class="sig">
4941                 <a id="Roo.Component-event-*disable"></a>
4942
4943                <div class="fixedFont">
4944                 <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>)
4945
4946                 </div>
4947
4948                 <div class="mdesc">
4949
4950                    <div class="short">Fires after the component is disabled.
4951
4952                 </div>
4953
4954                     <div class="long">
4955
4956                         Fires after the component is disabled.
4957
4958
4959
4960
4961
4962                                 <dl class="detailList">
4963                                 <dt class="heading">Parameters:</dt>
4964
4965                                         <dt>
4966                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4967
4968                                         </dt>
4969                                         <dd></dd>
4970
4971                                 </dl>
4972
4973
4974
4975
4976
4977
4978
4979
4980
4981
4982
4983                     </div>
4984                 </div>
4985
4986             </td>
4987             <td class="msource">
4988                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4989             </td>
4990         </tr>
4991
4992           <tr class="method-row expandable config-row-alt1">
4993             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4994
4995             <td class="sig">
4996                 <a id="Roo.Component-event-*enable"></a>
4997
4998                <div class="fixedFont">
4999                 <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>)
5000
5001                 </div>
5002
5003                 <div class="mdesc">
5004
5005                    <div class="short">Fires after the component is enabled.
5006
5007                 </div>
5008
5009                     <div class="long">
5010
5011                         Fires after the component is enabled.
5012
5013
5014
5015
5016
5017                                 <dl class="detailList">
5018                                 <dt class="heading">Parameters:</dt>
5019
5020                                         <dt>
5021                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5022
5023                                         </dt>
5024                                         <dd></dd>
5025
5026                                 </dl>
5027
5028
5029
5030
5031
5032
5033
5034
5035
5036
5037
5038                     </div>
5039                 </div>
5040
5041             </td>
5042             <td class="msource">
5043                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5044             </td>
5045         </tr>
5046
5047           <tr class="method-row expandable config-row-alt0">
5048             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5049
5050             <td class="sig">
5051                 <a id="Roo.bootstrap.Input-event-*focus"></a>
5052
5053                <div class="fixedFont">
5054                 <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>)
5055
5056                 </div>
5057
5058                 <div class="mdesc">
5059
5060                    <div class="short">Fires when this field receives input focus.
5061
5062                 </div>
5063
5064                     <div class="long">
5065
5066                         Fires when this field receives input focus.
5067
5068
5069
5070
5071
5072                                 <dl class="detailList">
5073                                 <dt class="heading">Parameters:</dt>
5074
5075                                         <dt>
5076                                                 <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>
5077
5078                                         </dt>
5079                                         <dd></dd>
5080
5081                                 </dl>
5082
5083
5084
5085
5086
5087
5088
5089
5090
5091
5092
5093                     </div>
5094                 </div>
5095
5096             </td>
5097             <td class="msource">
5098                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5099             </td>
5100         </tr>
5101
5102           <tr class="method-row expandable config-row-alt1">
5103             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5104
5105             <td class="sig">
5106                 <a id="Roo.Component-event-*hide"></a>
5107
5108                <div class="fixedFont">
5109                 <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>)
5110
5111                 </div>
5112
5113                 <div class="mdesc">
5114
5115                    <div class="short">Fires after the component is hidden.
5116
5117                 </div>
5118
5119                     <div class="long">
5120
5121                         Fires after the component is hidden.
5122
5123
5124
5125
5126
5127                                 <dl class="detailList">
5128                                 <dt class="heading">Parameters:</dt>
5129
5130                                         <dt>
5131                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5132
5133                                         </dt>
5134                                         <dd></dd>
5135
5136                                 </dl>
5137
5138
5139
5140
5141
5142
5143
5144
5145
5146
5147
5148                     </div>
5149                 </div>
5150
5151             </td>
5152             <td class="msource">
5153                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5154             </td>
5155         </tr>
5156
5157           <tr class="method-row expandable config-row-alt0">
5158             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5159
5160             <td class="sig">
5161                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
5162
5163                <div class="fixedFont">
5164                 <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>)
5165
5166                 </div>
5167
5168                 <div class="mdesc">
5169
5170                    <div class="short">Fires after the field has been marked as invalid.
5171
5172                 </div>
5173
5174                     <div class="long">
5175
5176                         Fires after the field has been marked as invalid.
5177
5178
5179
5180
5181
5182                                 <dl class="detailList">
5183                                 <dt class="heading">Parameters:</dt>
5184
5185                                         <dt>
5186                                                 <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>
5187
5188                                         </dt>
5189                                         <dd></dd>
5190
5191                                         <dt>
5192                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5193
5194                                         </dt>
5195                                         <dd>The validation message</dd>
5196
5197                                 </dl>
5198
5199
5200
5201
5202
5203
5204
5205
5206
5207
5208
5209                     </div>
5210                 </div>
5211
5212             </td>
5213             <td class="msource">
5214                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5215             </td>
5216         </tr>
5217
5218           <tr class="method-row expandable config-row-alt1">
5219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5220
5221             <td class="sig">
5222                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
5223
5224                <div class="fixedFont">
5225                 <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>)
5226
5227                 </div>
5228
5229                 <div class="mdesc">
5230
5231                    <div class="short">Fires after the key up
5232
5233                 </div>
5234
5235                     <div class="long">
5236
5237                         Fires after the key up
5238
5239
5240
5241
5242
5243                                 <dl class="detailList">
5244                                 <dt class="heading">Parameters:</dt>
5245
5246                                         <dt>
5247                                                 <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>
5248
5249                                         </dt>
5250                                         <dd></dd>
5251
5252                                         <dt>
5253                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5254
5255                                         </dt>
5256                                         <dd>The event Object</dd>
5257
5258                                 </dl>
5259
5260
5261
5262
5263
5264
5265
5266
5267
5268
5269
5270                     </div>
5271                 </div>
5272
5273             </td>
5274             <td class="msource">
5275                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5276             </td>
5277         </tr>
5278
5279           <tr class="method-row expandable config-row-alt0">
5280             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5281
5282             <td class="sig">
5283                 <a id="Roo.Component-event-*render"></a>
5284
5285                <div class="fixedFont">
5286                 <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>)
5287
5288                 </div>
5289
5290                 <div class="mdesc">
5291
5292                    <div class="short">Fires after the component is rendered.
5293
5294                 </div>
5295
5296                     <div class="long">
5297
5298                         Fires after the component is rendered.
5299
5300
5301
5302
5303
5304                                 <dl class="detailList">
5305                                 <dt class="heading">Parameters:</dt>
5306
5307                                         <dt>
5308                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5309
5310                                         </dt>
5311                                         <dd></dd>
5312
5313                                 </dl>
5314
5315
5316
5317
5318
5319
5320
5321
5322
5323
5324
5325                     </div>
5326                 </div>
5327
5328             </td>
5329             <td class="msource">
5330                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5331             </td>
5332         </tr>
5333
5334           <tr class="method-row expandable config-row-alt1">
5335             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5336
5337             <td class="sig">
5338                 <a id="Roo.Component-event-*show"></a>
5339
5340                <div class="fixedFont">
5341                 <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>)
5342
5343                 </div>
5344
5345                 <div class="mdesc">
5346
5347                    <div class="short">Fires after the component is shown.
5348
5349                 </div>
5350
5351                     <div class="long">
5352
5353                         Fires after the component is shown.
5354
5355
5356
5357
5358
5359                                 <dl class="detailList">
5360                                 <dt class="heading">Parameters:</dt>
5361
5362                                         <dt>
5363                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5364
5365                                         </dt>
5366                                         <dd></dd>
5367
5368                                 </dl>
5369
5370
5371
5372
5373
5374
5375
5376
5377
5378
5379
5380                     </div>
5381                 </div>
5382
5383             </td>
5384             <td class="msource">
5385                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5386             </td>
5387         </tr>
5388
5389           <tr class="method-row expandable config-row-alt0">
5390             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5391
5392             <td class="sig">
5393                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5394
5395                <div class="fixedFont">
5396                 <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>)
5397
5398                 </div>
5399
5400                 <div class="mdesc">
5401
5402                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5403
5404                 </div>
5405
5406                     <div class="long">
5407
5408                         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.
5409
5410
5411
5412
5413
5414                                 <dl class="detailList">
5415                                 <dt class="heading">Parameters:</dt>
5416
5417                                         <dt>
5418                                                 <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>
5419
5420                                         </dt>
5421                                         <dd></dd>
5422
5423                                         <dt>
5424                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5425
5426                                         </dt>
5427                                         <dd>The event object</dd>
5428
5429                                 </dl>
5430
5431
5432
5433
5434
5435
5436
5437
5438
5439
5440
5441                     </div>
5442                 </div>
5443
5444             </td>
5445             <td class="msource">
5446                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5447             </td>
5448         </tr>
5449
5450           <tr class="method-row expandable config-row-alt1">
5451             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5452
5453             <td class="sig">
5454                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5455
5456                <div class="fixedFont">
5457                 <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>)
5458
5459                 </div>
5460
5461                 <div class="mdesc">
5462
5463                    <div class="short">Fires after the field has been validated with no errors.
5464
5465                 </div>
5466
5467                     <div class="long">
5468
5469                         Fires after the field has been validated with no errors.
5470
5471
5472
5473
5474
5475                                 <dl class="detailList">
5476                                 <dt class="heading">Parameters:</dt>
5477
5478                                         <dt>
5479                                                 <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>
5480
5481                                         </dt>
5482                                         <dd></dd>
5483
5484                                 </dl>
5485
5486
5487
5488
5489
5490
5491
5492
5493
5494
5495
5496                     </div>
5497                 </div>
5498
5499             </td>
5500             <td class="msource">
5501                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5502             </td>
5503         </tr>
5504
5505
5506     </table>
5507
5508
5509
5510
5511
5512 <!-- ============================== footer ================================= -->
5513                 <div class="fineprint" style="clear:both">
5514
5515                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Mon Feb 22 2016 14:49:18 GMT+0800 (HKT)
5516                         Based on
5517                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5518                 </div>
5519         </body>
5520 </html>