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">
1425                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1426                     <td class="sig">
1427
1428                         <a id="Roo.bootstrap.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
1429                         <div class="fixedFont">
1430                                 <b  class="itemname">selectOnFocus</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">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1437                         </div>
1438
1439                         <div class="mdesc">
1440                             <div class="long">
1441                     True to automatically select any existing field text when the field receives input focus (defaults to false)
1442
1443                 </div>
1444                         </div>
1445
1446
1447
1448                     </td>
1449                     <td class="msource">
1450
1451                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
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-size" name=".size"></a>
1462                         <div class="fixedFont">
1463                                 <b  class="itemname">size</b> : string
1464
1465
1466                         </div>
1467
1468                         <div class="mdesc">
1469                             <div class="short">- (lg|sm) or leave empty.</div>
1470                         </div>
1471
1472                         <div class="mdesc">
1473                             <div class="long">
1474                     - (lg|sm) or leave empty..
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-sm" name=".sm"></a>
1495                         <div class="fixedFont">
1496                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1497
1498
1499                         </div>
1500
1501                         <div class="mdesc">
1502                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1503                         </div>
1504
1505                         <div class="mdesc">
1506                             <div class="long">
1507                     colspan out of 12 for tablet-sized screens
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.Component-cfg-style" name=".style"></a>
1528                         <div class="fixedFont">
1529                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1530
1531
1532                         </div>
1533
1534                         <div class="mdesc">
1535                             <div class="short">any extra css</div>
1536                         </div>
1537
1538                         <div class="mdesc">
1539                             <div class="long">
1540                     any extra css
1541
1542                 </div>
1543                         </div>
1544
1545
1546
1547                     </td>
1548                     <td class="msource">
1549
1550                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</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-tooltip" name=".tooltip"></a>
1561                         <div class="fixedFont">
1562                                 <b  class="itemname">tooltip</b> : string
1563
1564
1565                         </div>
1566
1567                         <div class="mdesc">
1568                             <div class="short">Text for the tooltip</div>
1569                         </div>
1570
1571                         <div class="mdesc">
1572                             <div class="long">
1573                     Text for the tooltip
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 notInherited">
1590                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1591                     <td class="sig">
1592
1593                         <a id="Roo.bootstrap.TriggerField-cfg-triggerClass" name=".triggerClass"></a>
1594                         <div class="fixedFont">
1595                                 <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1596
1597
1598                         </div>
1599
1600                         <div class="mdesc">
1601                             <div class="short">An additional CSS class used to style the trigger button.</div>
1602                         </div>
1603
1604                         <div class="mdesc">
1605                             <div class="long">
1606                     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.
1607
1608                 </div>
1609                         </div>
1610
1611
1612
1613                     </td>
1614                     <td class="msource">
1615
1616                         Roo.bootstrap.TriggerField
1617
1618                     </td>
1619                 </tr>
1620
1621
1622                 <tr class="config-row expandable config-row-alt1">
1623                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1624                     <td class="sig">
1625
1626                         <a id="Roo.bootstrap.Input-cfg-validClass" name=".validClass"></a>
1627                         <div class="fixedFont">
1628                                 <b  class="itemname">validClass</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">The CSS class to use when marking a field valid (defaults to "x-form-invalid")</div>
1635                         </div>
1636
1637                         <div class="mdesc">
1638                             <div class="long">
1639                     The CSS class to use when marking a field valid (defaults to "x-form-invalid")
1640
1641                 </div>
1642                         </div>
1643
1644
1645
1646                     </td>
1647                     <td class="msource">
1648
1649                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
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-validFeedbackIcon" name=".validFeedbackIcon"></a>
1660                         <div class="fixedFont">
1661                                 <b  class="itemname">validFeedbackIcon</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 create feedback icon (defaults to "x-form-invalid")</div>
1668                         </div>
1669
1670                         <div class="mdesc">
1671                             <div class="long">
1672                     The CSS class to use when create feedback icon (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-validateOnBlur" name=".validateOnBlur"></a>
1693                         <div class="fixedFont">
1694                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1695
1696
1697                         </div>
1698
1699                         <div class="mdesc">
1700                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1701                         </div>
1702
1703                         <div class="mdesc">
1704                             <div class="long">
1705                     Whether the field should validate when it loses focus (defaults to true).
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-validationDelay" name=".validationDelay"></a>
1726                         <div class="fixedFont">
1727                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1728
1729
1730                         </div>
1731
1732                         <div class="mdesc">
1733                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1734                         </div>
1735
1736                         <div class="mdesc">
1737                             <div class="long">
1738                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
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-validationEvent" name=".validationEvent"></a>
1759                         <div class="fixedFont">
1760                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1761
1762
1763                         </div>
1764
1765                         <div class="mdesc">
1766                             <div class="short">The event that should initiate field validation.</div>
1767                         </div>
1768
1769                         <div class="mdesc">
1770                             <div class="long">
1771                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
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-validator" name=".validator"></a>
1792                         <div class="fixedFont">
1793                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1794
1795
1796                         </div>
1797
1798                         <div class="mdesc">
1799                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1800                         </div>
1801
1802                         <div class="mdesc">
1803                             <div class="long">
1804                     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.
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-value" name=".value"></a>
1825                         <div class="fixedFont">
1826                                 <b  class="itemname">value</b> : string
1827
1828
1829                         </div>
1830
1831                         <div class="mdesc">
1832                             <div class="short">default value of the input</div>
1833                         </div>
1834
1835                         <div class="mdesc">
1836                             <div class="long">
1837                     default value of the input
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-vtype" name=".vtype"></a>
1858                         <div class="fixedFont">
1859                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1860
1861
1862                         </div>
1863
1864                         <div class="mdesc">
1865                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1866                         </div>
1867
1868                         <div class="mdesc">
1869                             <div class="long">
1870                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
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.Component-cfg-xattr" name=".xattr"></a>
1891                         <div class="fixedFont">
1892                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1893
1894
1895                         </div>
1896
1897                         <div class="mdesc">
1898                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
1899                         </div>
1900
1901                         <div class="mdesc">
1902                             <div class="long">
1903                     extra attributes to add to 'element' (used by builder to store stuff.)
1904
1905                 </div>
1906                         </div>
1907
1908
1909
1910                     </td>
1911                     <td class="msource">
1912
1913                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</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.Input-cfg-xs" name=".xs"></a>
1924                         <div class="fixedFont">
1925                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1926
1927
1928                         </div>
1929
1930                         <div class="mdesc">
1931                             <div class="short">colspan out of 12 for mobile-sized screens</div>
1932                         </div>
1933
1934                         <div class="mdesc">
1935                             <div class="long">
1936                     colspan out of 12 for mobile-sized screens
1937
1938                 </div>
1939                         </div>
1940
1941
1942
1943                     </td>
1944                     <td class="msource">
1945
1946                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1947
1948                     </td>
1949                 </tr>
1950
1951
1952     </table>
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962   <!-- ============================== public properties ==================== -->
1963
1964
1965
1966     <a id="Roo.bootstrap.TriggerField-props"></a>
1967
1968
1969
1970
1971
1972      <table cellspacing="0" class="member-table">
1973       <caption class="Empty">Public Properties - Has None</caption>
1974      </table>
1975
1976
1977
1978
1979   <!-- ============================== methods summary / details ======================== -->
1980
1981
1982   <a id="Roo.bootstrap.TriggerField-methods"></a>
1983         <!-- constructor?? -->
1984
1985         <!-- static's first
1986
1987
1988         -->
1989
1990         <!-- then dynamics first -->
1991
1992
1993
1994
1995
1996
1997       <table cellspacing="0" class="member-table">
1998       <caption>Public Methods</caption>
1999         <tr>
2000             <th class="sig-header" colspan="2">Method</th>
2001             <th class="msource-header">Defined By</th>
2002
2003         </tr>
2004
2005
2006
2007
2008
2009
2010
2011           <tr class="method-row config-row-alt0 expandable notInherited">
2012             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2013
2014
2015             <td class="sig">
2016                 <a id="Roo.bootstrap-method-TriggerField"   name=".TriggerField"></a>
2017                 <div class="fixedFont">
2018                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">TriggerField</b>
2019
2020                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2021
2022
2023
2024                 </div>
2025                 <div class="mdesc">
2026
2027
2028                         <div class="short">Create a new Roo.bootstrap.TriggerField</div>
2029
2030
2031                     <div class="long">
2032
2033
2034
2035                                 Create a new Roo.bootstrap.TriggerField
2036
2037
2038                                 <dl class="detailList">
2039                                 <dt class="heading">Parameters:</dt>
2040
2041                                         <dt>
2042                                                 <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>
2043
2044                                         </dt>
2045                                         <dd>Configuration options (valid {<b>Roo</b>.bootstrap.Input} config options will also be applied<br/>to the base TextField)</dd>
2046
2047                                 </dl>
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059                     </div>
2060                 </div>
2061
2062             </td>
2063             <td class="msource">
2064                 &nbsp;
2065             </td>
2066         </tr>
2067
2068
2069           <tr class="method-row config-row-alt1 expandable">
2070             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2071
2072
2073             <td class="sig">
2074                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2075                 <div class="fixedFont">
2076                         <span class="attributes"></span><b class="itemname">addEvents</b>
2077
2078                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2079
2080
2081
2082                 </div>
2083                 <div class="mdesc">
2084
2085                    <div class="short">Used to define events on this Observable</div>
2086
2087
2088
2089                     <div class="long">
2090
2091                                 Used to define events on this Observable
2092
2093
2094
2095
2096
2097
2098                                 <dl class="detailList">
2099                                 <dt class="heading">Parameters:</dt>
2100
2101                                         <dt>
2102                                                 <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>
2103
2104                                         </dt>
2105                                         <dd>The object with the events defined</dd>
2106
2107                                 </dl>
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119                     </div>
2120                 </div>
2121
2122             </td>
2123             <td class="msource">
2124
2125                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2126                 &nbsp;
2127             </td>
2128         </tr>
2129
2130
2131           <tr class="method-row config-row-alt0 expandable">
2132             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2133
2134
2135             <td class="sig">
2136                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2137                 <div class="fixedFont">
2138                         <span class="attributes"></span><b class="itemname">addListener</b>
2139
2140                                  (<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>)
2141
2142
2143
2144                 </div>
2145                 <div class="mdesc">
2146
2147                    <div class="short">Appends an event handler to this component</div>
2148
2149
2150
2151                     <div class="long">
2152
2153                                 Appends an event handler to this component
2154
2155
2156
2157
2158
2159
2160                                 <dl class="detailList">
2161                                 <dt class="heading">Parameters:</dt>
2162
2163                                         <dt>
2164                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2165
2166                                         </dt>
2167                                         <dd>The type of event to listen for</dd>
2168
2169                                         <dt>
2170                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2171
2172                                         </dt>
2173                                         <dd>The method the event invokes</dd>
2174
2175                                         <dt>
2176                                                 <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>
2177
2178                                         </dt>
2179                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2180
2181                                         <dt>
2182                                                 <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>
2183
2184                                         </dt>
2185                                         <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>
2186
2187                                 </dl>
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199                     </div>
2200                 </div>
2201
2202             </td>
2203             <td class="msource">
2204
2205                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2206                 &nbsp;
2207             </td>
2208         </tr>
2209
2210
2211           <tr class="method-row config-row-alt1 expandable notInherited">
2212             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2213
2214
2215             <td class="sig">
2216                 <a id="Roo.bootstrap.TriggerField-method-autoSize"   name=".autoSize"></a>
2217                 <div class="fixedFont">
2218                         <span class="attributes"></span><b class="itemname">autoSize</b>
2219
2220                                  ()
2221
2222
2223
2224                 </div>
2225                 <div class="mdesc">
2226
2227                    <div class="short"></div>
2228
2229
2230
2231                     <div class="long">
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247
2248
2249
2250                     </div>
2251                 </div>
2252
2253             </td>
2254             <td class="msource">
2255
2256                         Roo.bootstrap.TriggerField
2257                 &nbsp;
2258             </td>
2259         </tr>
2260
2261
2262           <tr class="method-row config-row-alt0 expandable">
2263             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2264
2265
2266             <td class="sig">
2267                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2268                 <div class="fixedFont">
2269                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2270
2271                                  ()
2272
2273
2274
2275                 </div>
2276                 <div class="mdesc">
2277
2278                    <div class="short">Clear any invalid styles/messages for this field</div>
2279
2280
2281
2282                     <div class="long">
2283
2284                                 Clear any invalid styles/messages for this field
2285
2286
2287
2288
2289
2290
2291
2292
2293
2294
2295
2296
2297
2298
2299
2300
2301                     </div>
2302                 </div>
2303
2304             </td>
2305             <td class="msource">
2306
2307                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2308                 &nbsp;
2309             </td>
2310         </tr>
2311
2312
2313           <tr class="method-row config-row-alt1 expandable">
2314             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2315
2316
2317             <td class="sig">
2318                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2319                 <div class="fixedFont">
2320                         <span class="attributes"></span><b class="itemname">destroy</b>
2321
2322                                  ()
2323
2324
2325
2326                 </div>
2327                 <div class="mdesc">
2328
2329                    <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>
2330
2331
2332
2333                     <div class="long">
2334
2335                                 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}.
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352                     </div>
2353                 </div>
2354
2355             </td>
2356             <td class="msource">
2357
2358                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2359                 &nbsp;
2360             </td>
2361         </tr>
2362
2363
2364           <tr class="method-row config-row-alt0 expandable">
2365             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2366
2367
2368             <td class="sig">
2369                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2370                 <div class="fixedFont">
2371                         <span class="attributes"></span><b class="itemname">disable</b>
2372
2373                                  ()
2374
2375
2376                                          :
2377
2378
2379                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2380
2381
2382
2383
2384
2385                 </div>
2386                 <div class="mdesc">
2387
2388                    <div class="short">Disable this component.</div>
2389
2390
2391
2392                     <div class="long">
2393
2394                                 Disable this component.
2395
2396
2397
2398
2399
2400
2401
2402
2403
2404
2405                                 <dl class="detailList">
2406                                 <dt class="heading">Returns:</dt>
2407
2408                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2409
2410                                 </dl>
2411
2412
2413
2414
2415
2416
2417
2418                     </div>
2419                 </div>
2420
2421             </td>
2422             <td class="msource">
2423
2424                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2425                 &nbsp;
2426             </td>
2427         </tr>
2428
2429
2430           <tr class="method-row config-row-alt1 expandable">
2431             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2432
2433
2434             <td class="sig">
2435                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2436                 <div class="fixedFont">
2437                         <span class="attributes"></span><b class="itemname">enable</b>
2438
2439                                  ()
2440
2441
2442                                          :
2443
2444
2445                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2446
2447
2448
2449
2450
2451                 </div>
2452                 <div class="mdesc">
2453
2454                    <div class="short">Enable this component.</div>
2455
2456
2457
2458                     <div class="long">
2459
2460                                 Enable this component.
2461
2462
2463
2464
2465
2466
2467
2468
2469
2470
2471                                 <dl class="detailList">
2472                                 <dt class="heading">Returns:</dt>
2473
2474                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2475
2476                                 </dl>
2477
2478
2479
2480
2481
2482
2483
2484                     </div>
2485                 </div>
2486
2487             </td>
2488             <td class="msource">
2489
2490                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2491                 &nbsp;
2492             </td>
2493         </tr>
2494
2495
2496           <tr class="method-row config-row-alt0 expandable">
2497             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2498
2499
2500             <td class="sig">
2501                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2502                 <div class="fixedFont">
2503                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2504
2505                                  (<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>)
2506
2507
2508                                          :
2509
2510
2511                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2512
2513
2514
2515
2516
2517                 </div>
2518                 <div class="mdesc">
2519
2520                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2521
2522
2523
2524                     <div class="long">
2525
2526                                 Fires the specified event with the passed parameters (minus the event name).
2527
2528
2529
2530
2531
2532
2533                                 <dl class="detailList">
2534                                 <dt class="heading">Parameters:</dt>
2535
2536                                         <dt>
2537                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2538
2539                                         </dt>
2540                                         <dd></dd>
2541
2542                                         <dt>
2543                                                 <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>
2544
2545                                         </dt>
2546                                         <dd>Variable number of parameters are passed to handlers</dd>
2547
2548                                 </dl>
2549
2550
2551
2552
2553
2554                                 <dl class="detailList">
2555                                 <dt class="heading">Returns:</dt>
2556
2557                                         <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>
2558
2559                                 </dl>
2560
2561
2562
2563
2564
2565
2566
2567                     </div>
2568                 </div>
2569
2570             </td>
2571             <td class="msource">
2572
2573                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2574                 &nbsp;
2575             </td>
2576         </tr>
2577
2578
2579           <tr class="method-row config-row-alt1 expandable">
2580             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2581
2582
2583             <td class="sig">
2584                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2585                 <div class="fixedFont">
2586                         <span class="attributes"></span><b class="itemname">focus</b>
2587
2588                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2589
2590
2591                                          :
2592
2593
2594                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2595
2596
2597
2598
2599
2600                 </div>
2601                 <div class="mdesc">
2602
2603                    <div class="short">Try to focus this component.</div>
2604
2605
2606
2607                     <div class="long">
2608
2609                                 Try to focus this component.
2610
2611
2612
2613
2614
2615
2616                                 <dl class="detailList">
2617                                 <dt class="heading">Parameters:</dt>
2618
2619                                         <dt>
2620                                                 <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>
2621
2622                                         </dt>
2623                                         <dd>True to also select the text in this component (if applicable)</dd>
2624
2625                                 </dl>
2626
2627
2628
2629
2630
2631                                 <dl class="detailList">
2632                                 <dt class="heading">Returns:</dt>
2633
2634                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2635
2636                                 </dl>
2637
2638
2639
2640
2641
2642
2643
2644                     </div>
2645                 </div>
2646
2647             </td>
2648             <td class="msource">
2649
2650                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2651                 &nbsp;
2652             </td>
2653         </tr>
2654
2655
2656           <tr class="method-row config-row-alt0 expandable">
2657             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2658
2659
2660             <td class="sig">
2661                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2662                 <div class="fixedFont">
2663                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2664
2665                                  ()
2666
2667
2668                                          :
2669
2670
2671                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2672
2673
2674
2675
2676
2677                 </div>
2678                 <div class="mdesc">
2679
2680                    <div class="short">Fetch the element to add children to</div>
2681
2682
2683
2684                     <div class="long">
2685
2686                                 Fetch the element to add children to
2687
2688
2689
2690
2691
2692
2693
2694
2695
2696
2697                                 <dl class="detailList">
2698                                 <dt class="heading">Returns:</dt>
2699
2700                                         <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>
2701
2702                                 </dl>
2703
2704
2705
2706
2707
2708
2709
2710                     </div>
2711                 </div>
2712
2713             </td>
2714             <td class="msource">
2715
2716                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2717                 &nbsp;
2718             </td>
2719         </tr>
2720
2721
2722           <tr class="method-row config-row-alt1 expandable">
2723             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2724
2725
2726             <td class="sig">
2727                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2728                 <div class="fixedFont">
2729                         <span class="attributes"></span><b class="itemname">getEl</b>
2730
2731                                  ()
2732
2733
2734                                          :
2735
2736
2737                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2738
2739
2740
2741
2742
2743                 </div>
2744                 <div class="mdesc">
2745
2746                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2747
2748
2749
2750                     <div class="long">
2751
2752                                 Returns the underlying {<b>link</b> Roo.Element}.
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762
2763                                 <dl class="detailList">
2764                                 <dt class="heading">Returns:</dt>
2765
2766                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2767
2768                                 </dl>
2769
2770
2771
2772
2773
2774
2775
2776                     </div>
2777                 </div>
2778
2779             </td>
2780             <td class="msource">
2781
2782                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2783                 &nbsp;
2784             </td>
2785         </tr>
2786
2787
2788           <tr class="method-row config-row-alt0 expandable">
2789             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2790
2791
2792             <td class="sig">
2793                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2794                 <div class="fixedFont">
2795                         <span class="attributes"></span><b class="itemname">getId</b>
2796
2797                                  ()
2798
2799
2800                                          :
2801
2802
2803                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2804
2805
2806
2807
2808
2809                 </div>
2810                 <div class="mdesc">
2811
2812                    <div class="short">Returns the id of this component.</div>
2813
2814
2815
2816                     <div class="long">
2817
2818                                 Returns the id of this component.
2819
2820
2821
2822
2823
2824
2825
2826
2827
2828
2829                                 <dl class="detailList">
2830                                 <dt class="heading">Returns:</dt>
2831
2832                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2833
2834                                 </dl>
2835
2836
2837
2838
2839
2840
2841
2842                     </div>
2843                 </div>
2844
2845             </td>
2846             <td class="msource">
2847
2848                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2849                 &nbsp;
2850             </td>
2851         </tr>
2852
2853
2854           <tr class="method-row config-row-alt1 expandable">
2855             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2856
2857
2858             <td class="sig">
2859                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2860                 <div class="fixedFont">
2861                         <span class="attributes"></span><b class="itemname">getName</b>
2862
2863                                  ()
2864
2865
2866                                          :
2867
2868
2869                                                 Mixed
2870
2871
2872
2873
2874
2875                 </div>
2876                 <div class="mdesc">
2877
2878                    <div class="short">Returns the name of the field</div>
2879
2880
2881
2882                     <div class="long">
2883
2884                                 Returns the name of the field
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895                                 <dl class="detailList">
2896                                 <dt class="heading">Returns:</dt>
2897
2898                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2899
2900                                 </dl>
2901
2902
2903
2904
2905
2906
2907
2908                     </div>
2909                 </div>
2910
2911             </td>
2912             <td class="msource">
2913
2914                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2915                 &nbsp;
2916             </td>
2917         </tr>
2918
2919
2920           <tr class="method-row config-row-alt0 expandable">
2921             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2922
2923
2924             <td class="sig">
2925                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2926                 <div class="fixedFont">
2927                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2928
2929                                  ()
2930
2931
2932                                          :
2933
2934
2935                                                 Mixed
2936
2937
2938
2939
2940
2941                 </div>
2942                 <div class="mdesc">
2943
2944                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
2945
2946
2947
2948                     <div class="long">
2949
2950                                 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>}.
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961                                 <dl class="detailList">
2962                                 <dt class="heading">Returns:</dt>
2963
2964                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2965
2966                                 </dl>
2967
2968
2969
2970
2971
2972
2973
2974                     </div>
2975                 </div>
2976
2977             </td>
2978             <td class="msource">
2979
2980                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2981                 &nbsp;
2982             </td>
2983         </tr>
2984
2985
2986           <tr class="method-row config-row-alt1 expandable">
2987             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2988
2989
2990             <td class="sig">
2991                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
2992                 <div class="fixedFont">
2993                         <span class="attributes"></span><b class="itemname">getValue</b>
2994
2995                                  ()
2996
2997
2998                                          :
2999
3000
3001                                                 Mixed
3002
3003
3004
3005
3006
3007                 </div>
3008                 <div class="mdesc">
3009
3010                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
3011
3012
3013
3014                     <div class="long">
3015
3016                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027                                 <dl class="detailList">
3028                                 <dt class="heading">Returns:</dt>
3029
3030                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3031
3032                                 </dl>
3033
3034
3035
3036
3037
3038
3039
3040                     </div>
3041                 </div>
3042
3043             </td>
3044             <td class="msource">
3045
3046                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3047                 &nbsp;
3048             </td>
3049         </tr>
3050
3051
3052           <tr class="method-row config-row-alt0 expandable">
3053             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3054
3055
3056             <td class="sig">
3057                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3058                 <div class="fixedFont">
3059                         <span class="attributes"></span><b class="itemname">hasListener</b>
3060
3061                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3062
3063
3064                                          :
3065
3066
3067                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3068
3069
3070
3071
3072
3073                 </div>
3074                 <div class="mdesc">
3075
3076                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3077
3078
3079
3080                     <div class="long">
3081
3082                                 Checks to see if this object has any listeners for a specified event
3083
3084
3085
3086
3087
3088
3089                                 <dl class="detailList">
3090                                 <dt class="heading">Parameters:</dt>
3091
3092                                         <dt>
3093                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3094
3095                                         </dt>
3096                                         <dd>The name of the event to check for</dd>
3097
3098                                 </dl>
3099
3100
3101
3102
3103
3104                                 <dl class="detailList">
3105                                 <dt class="heading">Returns:</dt>
3106
3107                                         <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>
3108
3109                                 </dl>
3110
3111
3112
3113
3114
3115
3116
3117                     </div>
3118                 </div>
3119
3120             </td>
3121             <td class="msource">
3122
3123                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3124                 &nbsp;
3125             </td>
3126         </tr>
3127
3128
3129           <tr class="method-row config-row-alt1 expandable">
3130             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3131
3132
3133             <td class="sig">
3134                 <a id="Roo.bootstrap.Component-method-hide"   name=".hide"></a>
3135                 <div class="fixedFont">
3136                         <span class="attributes"></span><b class="itemname">hide</b>
3137
3138                                  ()
3139
3140
3141
3142                 </div>
3143                 <div class="mdesc">
3144
3145                    <div class="short">Hide a component - adds 'hidden' class</div>
3146
3147
3148
3149                     <div class="long">
3150
3151                                 Hide a component - adds 'hidden' class
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168                     </div>
3169                 </div>
3170
3171             </td>
3172             <td class="msource">
3173
3174                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3175                 &nbsp;
3176             </td>
3177         </tr>
3178
3179
3180           <tr class="method-row config-row-alt0 expandable">
3181             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3182
3183
3184             <td class="sig">
3185                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3186                 <div class="fixedFont">
3187                         <span class="attributes"></span><b class="itemname">initEvents</b>
3188
3189                                  ()
3190
3191
3192
3193                 </div>
3194                 <div class="mdesc">
3195
3196                    <div class="short">Initialize Events for the element</div>
3197
3198
3199
3200                     <div class="long">
3201
3202                                 Initialize Events for the element
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219                     </div>
3220                 </div>
3221
3222             </td>
3223             <td class="msource">
3224
3225                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3226                 &nbsp;
3227             </td>
3228         </tr>
3229
3230
3231           <tr class="method-row config-row-alt1 expandable">
3232             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3233
3234
3235             <td class="sig">
3236                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
3237                 <div class="fixedFont">
3238                         <span class="attributes"></span><b class="itemname">inputEl</b>
3239
3240                                  ()
3241
3242
3243
3244                 </div>
3245                 <div class="mdesc">
3246
3247                    <div class="short">return the real input element.</div>
3248
3249
3250
3251                     <div class="long">
3252
3253                                 return the real input element.
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270                     </div>
3271                 </div>
3272
3273             </td>
3274             <td class="msource">
3275
3276                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3277                 &nbsp;
3278             </td>
3279         </tr>
3280
3281
3282           <tr class="method-row config-row-alt0 expandable">
3283             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3284
3285
3286             <td class="sig">
3287                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3288                 <div class="fixedFont">
3289                         <span class="attributes"></span><b class="itemname">isVisible</b>
3290
3291                                  ()
3292
3293
3294
3295                 </div>
3296                 <div class="mdesc">
3297
3298                    <div class="short">Returns true if this component is visible.</div>
3299
3300
3301
3302                     <div class="long">
3303
3304                                 Returns true if this component is visible.
3305
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319
3320
3321                     </div>
3322                 </div>
3323
3324             </td>
3325             <td class="msource">
3326
3327                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3328                 &nbsp;
3329             </td>
3330         </tr>
3331
3332
3333           <tr class="method-row config-row-alt1 expandable">
3334             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3335
3336
3337             <td class="sig">
3338                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3339                 <div class="fixedFont">
3340                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3341
3342                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3343
3344
3345
3346                 </div>
3347                 <div class="mdesc">
3348
3349                    <div class="short">Mark this field as invalid</div>
3350
3351
3352
3353                     <div class="long">
3354
3355                                 Mark this field as invalid
3356
3357
3358
3359
3360
3361
3362                                 <dl class="detailList">
3363                                 <dt class="heading">Parameters:</dt>
3364
3365                                         <dt>
3366                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3367
3368                                         </dt>
3369                                         <dd>The validation message</dd>
3370
3371                                 </dl>
3372
3373
3374
3375
3376
3377
3378
3379
3380
3381
3382
3383                     </div>
3384                 </div>
3385
3386             </td>
3387             <td class="msource">
3388
3389                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3390                 &nbsp;
3391             </td>
3392         </tr>
3393
3394
3395           <tr class="method-row config-row-alt0 expandable">
3396             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3397
3398
3399             <td class="sig">
3400                 <a id="Roo.bootstrap.Input-method-markValid"   name=".markValid"></a>
3401                 <div class="fixedFont">
3402                         <span class="attributes"></span><b class="itemname">markValid</b>
3403
3404                                  ()
3405
3406
3407
3408                 </div>
3409                 <div class="mdesc">
3410
3411                    <div class="short">Mark this field as valid</div>
3412
3413
3414
3415                     <div class="long">
3416
3417                                 Mark this field as valid
3418
3419
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432
3433
3434                     </div>
3435                 </div>
3436
3437             </td>
3438             <td class="msource">
3439
3440                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3441                 &nbsp;
3442             </td>
3443         </tr>
3444
3445
3446           <tr class="method-row config-row-alt1 expandable">
3447             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3448
3449
3450             <td class="sig">
3451                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3452                 <div class="fixedFont">
3453                         <span class="attributes"></span><b class="itemname">on</b>
3454
3455                                  (<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>)
3456
3457
3458
3459                 </div>
3460                 <div class="mdesc">
3461
3462                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3463
3464
3465
3466                     <div class="long">
3467
3468                                 Appends an event handler to this element (shorthand for addListener)
3469
3470
3471
3472
3473
3474
3475                                 <dl class="detailList">
3476                                 <dt class="heading">Parameters:</dt>
3477
3478                                         <dt>
3479                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3480
3481                                         </dt>
3482                                         <dd>The type of event to listen for</dd>
3483
3484                                         <dt>
3485                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3486
3487                                         </dt>
3488                                         <dd>The method the event invokes</dd>
3489
3490                                         <dt>
3491                                                 <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>
3492
3493                                         </dt>
3494                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3495
3496                                         <dt>
3497                                                 <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>
3498
3499                                         </dt>
3500                                         <dd>(optional)</dd>
3501
3502                                 </dl>
3503
3504
3505
3506
3507
3508
3509
3510
3511
3512
3513
3514                     </div>
3515                 </div>
3516
3517             </td>
3518             <td class="msource">
3519
3520                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3521                 &nbsp;
3522             </td>
3523         </tr>
3524
3525
3526           <tr class="method-row config-row-alt0 expandable notInherited">
3527             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3528
3529
3530             <td class="sig">
3531                 <a id="Roo.bootstrap.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
3532                 <div class="fixedFont">
3533                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
3534
3535                                  (EventObject <B><i>e</i></B>)
3536
3537
3538
3539                 </div>
3540                 <div class="mdesc">
3541
3542                    <div class="short">The function that should handle the trigger's click event.</div>
3543
3544
3545
3546                     <div class="long">
3547
3548                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
3549
3550
3551
3552
3553
3554
3555                                 <dl class="detailList">
3556                                 <dt class="heading">Parameters:</dt>
3557
3558                                         <dt>
3559                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
3560
3561                                         </dt>
3562                                         <dd></dd>
3563
3564                                 </dl>
3565
3566
3567
3568
3569
3570
3571
3572
3573
3574
3575
3576                     </div>
3577                 </div>
3578
3579             </td>
3580             <td class="msource">
3581
3582                         Roo.bootstrap.TriggerField
3583                 &nbsp;
3584             </td>
3585         </tr>
3586
3587
3588           <tr class="method-row config-row-alt1 expandable">
3589             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3590
3591
3592             <td class="sig">
3593                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3594                 <div class="fixedFont">
3595                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3596
3597                                  ()
3598
3599
3600
3601                 </div>
3602                 <div class="mdesc">
3603
3604                    <div class="short">Removes all listeners for this object</div>
3605
3606
3607
3608                     <div class="long">
3609
3610                                 Removes all listeners for this object
3611
3612
3613
3614
3615
3616
3617
3618
3619
3620
3621
3622
3623
3624
3625
3626
3627                     </div>
3628                 </div>
3629
3630             </td>
3631             <td class="msource">
3632
3633                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3634                 &nbsp;
3635             </td>
3636         </tr>
3637
3638
3639           <tr class="method-row config-row-alt0 expandable">
3640             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3641
3642
3643             <td class="sig">
3644                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3645                 <div class="fixedFont">
3646                         <span class="attributes"></span><b class="itemname">removeListener</b>
3647
3648                                  (<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>)
3649
3650
3651
3652                 </div>
3653                 <div class="mdesc">
3654
3655                    <div class="short">Removes a listener</div>
3656
3657
3658
3659                     <div class="long">
3660
3661                                 Removes a listener
3662
3663
3664
3665
3666
3667
3668                                 <dl class="detailList">
3669                                 <dt class="heading">Parameters:</dt>
3670
3671                                         <dt>
3672                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3673
3674                                         </dt>
3675                                         <dd>The type of event to listen for</dd>
3676
3677                                         <dt>
3678                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3679
3680                                         </dt>
3681                                         <dd>The handler to remove</dd>
3682
3683                                         <dt>
3684                                                 <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>
3685
3686                                         </dt>
3687                                         <dd>(optional) The scope (this object) for the handler</dd>
3688
3689                                 </dl>
3690
3691
3692
3693
3694
3695
3696
3697
3698
3699
3700
3701                     </div>
3702                 </div>
3703
3704             </td>
3705             <td class="msource">
3706
3707                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3708                 &nbsp;
3709             </td>
3710         </tr>
3711
3712
3713           <tr class="method-row config-row-alt1 expandable">
3714             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3715
3716
3717             <td class="sig">
3718                 <a id="Roo.Component-method-render"   name=".render"></a>
3719                 <div class="fixedFont">
3720                         <span class="attributes"></span><b class="itemname">render</b>
3721
3722                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3723
3724
3725
3726                 </div>
3727                 <div class="mdesc">
3728
3729                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3730
3731
3732
3733                     <div class="long">
3734
3735                                 If this is a lazy rendering component, render it to its container element.
3736
3737
3738
3739
3740
3741
3742                                 <dl class="detailList">
3743                                 <dt class="heading">Parameters:</dt>
3744
3745                                         <dt>
3746                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3747
3748                                         </dt>
3749                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3750
3751                                 </dl>
3752
3753
3754
3755
3756
3757
3758
3759
3760
3761
3762
3763                     </div>
3764                 </div>
3765
3766             </td>
3767             <td class="msource">
3768
3769                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3770                 &nbsp;
3771             </td>
3772         </tr>
3773
3774
3775           <tr class="method-row config-row-alt0 expandable">
3776             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3777
3778
3779             <td class="sig">
3780                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3781                 <div class="fixedFont">
3782                         <span class="attributes"></span><b class="itemname">reset</b>
3783
3784                                  ()
3785
3786
3787
3788                 </div>
3789                 <div class="mdesc">
3790
3791                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3792
3793
3794
3795                     <div class="long">
3796
3797                                 Resets the current field value to the originally loaded value and clears any validation messages
3798
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812
3813
3814                     </div>
3815                 </div>
3816
3817             </td>
3818             <td class="msource">
3819
3820                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3821                 &nbsp;
3822             </td>
3823         </tr>
3824
3825
3826           <tr class="method-row config-row-alt1 expandable">
3827             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3828
3829
3830             <td class="sig">
3831                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3832                 <div class="fixedFont">
3833                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3834
3835                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3836
3837
3838
3839                 </div>
3840                 <div class="mdesc">
3841
3842                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3843
3844
3845
3846                     <div class="long">
3847
3848                                 Convenience function for setting disabled/enabled by boolean.
3849
3850
3851
3852
3853
3854
3855                                 <dl class="detailList">
3856                                 <dt class="heading">Parameters:</dt>
3857
3858                                         <dt>
3859                                                 <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>
3860
3861                                         </dt>
3862                                         <dd></dd>
3863
3864                                 </dl>
3865
3866
3867
3868
3869
3870
3871
3872
3873
3874
3875
3876                     </div>
3877                 </div>
3878
3879             </td>
3880             <td class="msource">
3881
3882                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3883                 &nbsp;
3884             </td>
3885         </tr>
3886
3887
3888           <tr class="method-row config-row-alt0 expandable">
3889             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3890
3891
3892             <td class="sig">
3893                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3894                 <div class="fixedFont">
3895                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3896
3897                                  (Mixed <B><i>value</i></B>)
3898
3899
3900
3901                 </div>
3902                 <div class="mdesc">
3903
3904                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3905
3906
3907
3908                     <div class="long">
3909
3910                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3911
3912
3913
3914
3915
3916
3917                                 <dl class="detailList">
3918                                 <dt class="heading">Parameters:</dt>
3919
3920                                         <dt>
3921                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3922
3923                                         </dt>
3924                                         <dd>The value to set</dd>
3925
3926                                 </dl>
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938                     </div>
3939                 </div>
3940
3941             </td>
3942             <td class="msource">
3943
3944                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3945                 &nbsp;
3946             </td>
3947         </tr>
3948
3949
3950           <tr class="method-row config-row-alt1 expandable">
3951             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3952
3953
3954             <td class="sig">
3955                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3956                 <div class="fixedFont">
3957                         <span class="attributes"></span><b class="itemname">setValue</b>
3958
3959                                  (Mixed <B><i>value</i></B>)
3960
3961
3962
3963                 </div>
3964                 <div class="mdesc">
3965
3966                    <div class="short">Sets a data value into the field and validates it.</div>
3967
3968
3969
3970                     <div class="long">
3971
3972                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3973
3974
3975
3976
3977
3978
3979                                 <dl class="detailList">
3980                                 <dt class="heading">Parameters:</dt>
3981
3982                                         <dt>
3983                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3984
3985                                         </dt>
3986                                         <dd>The value to set</dd>
3987
3988                                 </dl>
3989
3990
3991
3992
3993
3994
3995
3996
3997
3998
3999
4000                     </div>
4001                 </div>
4002
4003             </td>
4004             <td class="msource">
4005
4006                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4007                 &nbsp;
4008             </td>
4009         </tr>
4010
4011
4012           <tr class="method-row config-row-alt0 expandable">
4013             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4014
4015
4016             <td class="sig">
4017                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4018                 <div class="fixedFont">
4019                         <span class="attributes"></span><b class="itemname">setVisible</b>
4020
4021                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4022
4023
4024                                          :
4025
4026
4027                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4028
4029
4030
4031
4032
4033                 </div>
4034                 <div class="mdesc">
4035
4036                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4037
4038
4039
4040                     <div class="long">
4041
4042                                 Convenience function to hide or show this component by boolean.
4043
4044
4045
4046
4047
4048
4049                                 <dl class="detailList">
4050                                 <dt class="heading">Parameters:</dt>
4051
4052                                         <dt>
4053                                                 <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>
4054
4055                                         </dt>
4056                                         <dd>True to show, false to hide</dd>
4057
4058                                 </dl>
4059
4060
4061
4062
4063
4064                                 <dl class="detailList">
4065                                 <dt class="heading">Returns:</dt>
4066
4067                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4068
4069                                 </dl>
4070
4071
4072
4073
4074
4075
4076
4077                     </div>
4078                 </div>
4079
4080             </td>
4081             <td class="msource">
4082
4083                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4084                 &nbsp;
4085             </td>
4086         </tr>
4087
4088
4089           <tr class="method-row config-row-alt1 expandable">
4090             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4091
4092
4093             <td class="sig">
4094                 <a id="Roo.bootstrap.Component-method-show"   name=".show"></a>
4095                 <div class="fixedFont">
4096                         <span class="attributes"></span><b class="itemname">show</b>
4097
4098                                  ()
4099
4100
4101
4102                 </div>
4103                 <div class="mdesc">
4104
4105                    <div class="short">Show a component - removes 'hidden' class</div>
4106
4107
4108
4109                     <div class="long">
4110
4111                                 Show a component - removes 'hidden' class
4112
4113
4114
4115
4116
4117
4118
4119
4120
4121
4122
4123
4124
4125
4126
4127
4128                     </div>
4129                 </div>
4130
4131             </td>
4132             <td class="msource">
4133
4134                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4135                 &nbsp;
4136             </td>
4137         </tr>
4138
4139
4140           <tr class="method-row config-row-alt0 expandable">
4141             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4142
4143
4144             <td class="sig">
4145                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
4146                 <div class="fixedFont">
4147                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
4148
4149                                  ()
4150
4151
4152                                          :
4153
4154
4155                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4156
4157
4158
4159
4160
4161                 </div>
4162                 <div class="mdesc">
4163
4164                    <div class="short">Fetch the element to display the tooltip on.</div>
4165
4166
4167
4168                     <div class="long">
4169
4170                                 Fetch the element to display the tooltip on.
4171
4172
4173
4174
4175
4176
4177
4178
4179
4180
4181                                 <dl class="detailList">
4182                                 <dt class="heading">Returns:</dt>
4183
4184                                         <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>
4185
4186                                 </dl>
4187
4188
4189
4190
4191
4192
4193
4194                     </div>
4195                 </div>
4196
4197             </td>
4198             <td class="msource">
4199
4200                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4201                 &nbsp;
4202             </td>
4203         </tr>
4204
4205
4206           <tr class="method-row config-row-alt1 expandable">
4207             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4208
4209
4210             <td class="sig">
4211                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4212                 <div class="fixedFont">
4213                         <span class="attributes"></span><b class="itemname">un</b>
4214
4215                                  (<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>)
4216
4217
4218
4219                 </div>
4220                 <div class="mdesc">
4221
4222                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4223
4224
4225
4226                     <div class="long">
4227
4228                                 Removes a listener (shorthand for removeListener)
4229
4230
4231
4232
4233
4234
4235                                 <dl class="detailList">
4236                                 <dt class="heading">Parameters:</dt>
4237
4238                                         <dt>
4239                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4240
4241                                         </dt>
4242                                         <dd>The type of event to listen for</dd>
4243
4244                                         <dt>
4245                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4246
4247                                         </dt>
4248                                         <dd>The handler to remove</dd>
4249
4250                                         <dt>
4251                                                 <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>
4252
4253                                         </dt>
4254                                         <dd>(optional) The scope (this object) for the handler</dd>
4255
4256                                 </dl>
4257
4258
4259
4260
4261
4262
4263
4264
4265
4266
4267
4268                     </div>
4269                 </div>
4270
4271             </td>
4272             <td class="msource">
4273
4274                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4275                 &nbsp;
4276             </td>
4277         </tr>
4278
4279
4280           <tr class="method-row config-row-alt0 expandable">
4281             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4282
4283
4284             <td class="sig">
4285                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4286                 <div class="fixedFont">
4287                         <span class="attributes"></span><b class="itemname">validate</b>
4288
4289                                  ()
4290
4291
4292                                          :
4293
4294
4295                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4296
4297
4298
4299
4300
4301                 </div>
4302                 <div class="mdesc">
4303
4304                    <div class="short">Validates the field value</div>
4305
4306
4307
4308                     <div class="long">
4309
4310                                 Validates the field value
4311
4312
4313
4314
4315
4316
4317
4318
4319
4320
4321                                 <dl class="detailList">
4322                                 <dt class="heading">Returns:</dt>
4323
4324                                         <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>
4325
4326                                 </dl>
4327
4328
4329
4330
4331
4332
4333
4334                     </div>
4335                 </div>
4336
4337             </td>
4338             <td class="msource">
4339
4340                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4341                 &nbsp;
4342             </td>
4343         </tr>
4344
4345
4346           <tr class="method-row config-row-alt1 expandable">
4347             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4348
4349
4350             <td class="sig">
4351                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4352                 <div class="fixedFont">
4353                         <span class="attributes"></span><b class="itemname">validateValue</b>
4354
4355                                  (Mixed <B><i>value</i></B>)
4356
4357
4358                                          :
4359
4360
4361                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4362
4363
4364
4365
4366
4367                 </div>
4368                 <div class="mdesc">
4369
4370                    <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>
4371
4372
4373
4374                     <div class="long">
4375
4376                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4377
4378
4379
4380
4381
4382
4383                                 <dl class="detailList">
4384                                 <dt class="heading">Parameters:</dt>
4385
4386                                         <dt>
4387                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4388
4389                                         </dt>
4390                                         <dd>The value to validate</dd>
4391
4392                                 </dl>
4393
4394
4395
4396
4397
4398                                 <dl class="detailList">
4399                                 <dt class="heading">Returns:</dt>
4400
4401                                         <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>
4402
4403                                 </dl>
4404
4405
4406
4407
4408
4409
4410
4411                     </div>
4412                 </div>
4413
4414             </td>
4415             <td class="msource">
4416
4417                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4418                 &nbsp;
4419             </td>
4420         </tr>
4421
4422
4423     </table>
4424
4425
4426   <!-- ============================== events summary / details ======================== -->
4427
4428
4429   <a id="Roo.bootstrap.TriggerField-events"></a>
4430
4431
4432
4433
4434
4435
4436
4437
4438       <table cellspacing="0" class="member-table">
4439                 <caption>Events</caption>
4440               <thead>
4441                 <tr>
4442                     <th class="sig-header" colspan="2">Event</th>
4443                     <th class="msource-header">Defined By</th>
4444
4445                 </tr>
4446               </thead>
4447
4448
4449
4450
4451
4452           <tr class="method-row expandable config-row-alt0">
4453             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4454
4455             <td class="sig">
4456                 <a id="Roo.Component-event-*beforedestroy"></a>
4457
4458                <div class="fixedFont">
4459                 <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>)
4460
4461                 </div>
4462
4463                 <div class="mdesc">
4464
4465                    <div class="short">Fires before the component is destroyed.
4466
4467                 </div>
4468
4469                     <div class="long">
4470
4471                         Fires before the component is destroyed. Return false to stop the destroy.
4472
4473
4474
4475
4476
4477                                 <dl class="detailList">
4478                                 <dt class="heading">Parameters:</dt>
4479
4480                                         <dt>
4481                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4482
4483                                         </dt>
4484                                         <dd></dd>
4485
4486                                 </dl>
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498                     </div>
4499                 </div>
4500
4501             </td>
4502             <td class="msource">
4503                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4504             </td>
4505         </tr>
4506
4507           <tr class="method-row expandable config-row-alt1">
4508             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4509
4510             <td class="sig">
4511                 <a id="Roo.Component-event-*beforehide"></a>
4512
4513                <div class="fixedFont">
4514                 <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>)
4515
4516                 </div>
4517
4518                 <div class="mdesc">
4519
4520                    <div class="short">Fires before the component is hidden.
4521
4522                 </div>
4523
4524                     <div class="long">
4525
4526                         Fires before the component is hidden. Return false to stop the hide.
4527
4528
4529
4530
4531
4532                                 <dl class="detailList">
4533                                 <dt class="heading">Parameters:</dt>
4534
4535                                         <dt>
4536                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4537
4538                                         </dt>
4539                                         <dd></dd>
4540
4541                                 </dl>
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551
4552
4553                     </div>
4554                 </div>
4555
4556             </td>
4557             <td class="msource">
4558                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4559             </td>
4560         </tr>
4561
4562           <tr class="method-row expandable config-row-alt0">
4563             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4564
4565             <td class="sig">
4566                 <a id="Roo.Component-event-*beforerender"></a>
4567
4568                <div class="fixedFont">
4569                 <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>)
4570
4571                 </div>
4572
4573                 <div class="mdesc">
4574
4575                    <div class="short">Fires before the component is rendered.
4576
4577                 </div>
4578
4579                     <div class="long">
4580
4581                         Fires before the component is rendered. Return false to stop the render.
4582
4583
4584
4585
4586
4587                                 <dl class="detailList">
4588                                 <dt class="heading">Parameters:</dt>
4589
4590                                         <dt>
4591                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4592
4593                                         </dt>
4594                                         <dd></dd>
4595
4596                                 </dl>
4597
4598
4599
4600
4601
4602
4603
4604
4605
4606
4607
4608                     </div>
4609                 </div>
4610
4611             </td>
4612             <td class="msource">
4613                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4614             </td>
4615         </tr>
4616
4617           <tr class="method-row expandable config-row-alt1">
4618             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4619
4620             <td class="sig">
4621                 <a id="Roo.Component-event-*beforeshow"></a>
4622
4623                <div class="fixedFont">
4624                 <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>)
4625
4626                 </div>
4627
4628                 <div class="mdesc">
4629
4630                    <div class="short">Fires before the component is shown.
4631
4632                 </div>
4633
4634                     <div class="long">
4635
4636                         Fires before the component is shown.  Return false to stop the show.
4637
4638
4639
4640
4641
4642                                 <dl class="detailList">
4643                                 <dt class="heading">Parameters:</dt>
4644
4645                                         <dt>
4646                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4647
4648                                         </dt>
4649                                         <dd></dd>
4650
4651                                 </dl>
4652
4653
4654
4655
4656
4657
4658
4659
4660
4661
4662
4663                     </div>
4664                 </div>
4665
4666             </td>
4667             <td class="msource">
4668                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4669             </td>
4670         </tr>
4671
4672           <tr class="method-row expandable config-row-alt0">
4673             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4674
4675             <td class="sig">
4676                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4677
4678                <div class="fixedFont">
4679                 <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>)
4680
4681                 </div>
4682
4683                 <div class="mdesc">
4684
4685                    <div class="short">Fires when this field loses input focus.
4686
4687                 </div>
4688
4689                     <div class="long">
4690
4691                         Fires when this field loses input focus.
4692
4693
4694
4695
4696
4697                                 <dl class="detailList">
4698                                 <dt class="heading">Parameters:</dt>
4699
4700                                         <dt>
4701                                                 <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>
4702
4703                                         </dt>
4704                                         <dd></dd>
4705
4706                                 </dl>
4707
4708
4709
4710
4711
4712
4713
4714
4715
4716
4717
4718                     </div>
4719                 </div>
4720
4721             </td>
4722             <td class="msource">
4723                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4724             </td>
4725         </tr>
4726
4727           <tr class="method-row expandable config-row-alt1">
4728             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4729
4730             <td class="sig">
4731                 <a id="Roo.bootstrap.Input-event-*change"></a>
4732
4733                <div class="fixedFont">
4734                 <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>)
4735
4736                 </div>
4737
4738                 <div class="mdesc">
4739
4740                    <div class="short">Fires just before the field blurs if the field value has changed.
4741
4742                 </div>
4743
4744                     <div class="long">
4745
4746                         Fires just before the field blurs if the field value has changed.
4747
4748
4749
4750
4751
4752                                 <dl class="detailList">
4753                                 <dt class="heading">Parameters:</dt>
4754
4755                                         <dt>
4756                                                 <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>
4757
4758                                         </dt>
4759                                         <dd></dd>
4760
4761                                         <dt>
4762                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4763
4764                                         </dt>
4765                                         <dd>The new value</dd>
4766
4767                                         <dt>
4768                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4769
4770                                         </dt>
4771                                         <dd>The original value</dd>
4772
4773                                 </dl>
4774
4775
4776
4777
4778
4779
4780
4781
4782
4783
4784
4785                     </div>
4786                 </div>
4787
4788             </td>
4789             <td class="msource">
4790                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4791             </td>
4792         </tr>
4793
4794           <tr class="method-row expandable config-row-alt0">
4795             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4796
4797             <td class="sig">
4798                 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
4799
4800                <div class="fixedFont">
4801                 <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>)
4802
4803                 </div>
4804
4805                 <div class="mdesc">
4806
4807                    <div class="short">Fires when the children have been rendered.
4808
4809                 </div>
4810
4811                     <div class="long">
4812
4813                         Fires when the children have been rendered..
4814
4815
4816
4817
4818
4819                                 <dl class="detailList">
4820                                 <dt class="heading">Parameters:</dt>
4821
4822                                         <dt>
4823                                                 <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>
4824
4825                                         </dt>
4826                                         <dd></dd>
4827
4828                                 </dl>
4829
4830
4831
4832
4833
4834
4835
4836
4837
4838
4839
4840                     </div>
4841                 </div>
4842
4843             </td>
4844             <td class="msource">
4845                 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4846             </td>
4847         </tr>
4848
4849           <tr class="method-row expandable config-row-alt1">
4850             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4851
4852             <td class="sig">
4853                 <a id="Roo.Component-event-*destroy"></a>
4854
4855                <div class="fixedFont">
4856                 <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>)
4857
4858                 </div>
4859
4860                 <div class="mdesc">
4861
4862                    <div class="short">Fires after the component is destroyed.
4863
4864                 </div>
4865
4866                     <div class="long">
4867
4868                         Fires after the component is destroyed.
4869
4870
4871
4872
4873
4874                                 <dl class="detailList">
4875                                 <dt class="heading">Parameters:</dt>
4876
4877                                         <dt>
4878                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4879
4880                                         </dt>
4881                                         <dd></dd>
4882
4883                                 </dl>
4884
4885
4886
4887
4888
4889
4890
4891
4892
4893
4894
4895                     </div>
4896                 </div>
4897
4898             </td>
4899             <td class="msource">
4900                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4901             </td>
4902         </tr>
4903
4904           <tr class="method-row expandable config-row-alt0">
4905             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4906
4907             <td class="sig">
4908                 <a id="Roo.Component-event-*disable"></a>
4909
4910                <div class="fixedFont">
4911                 <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>)
4912
4913                 </div>
4914
4915                 <div class="mdesc">
4916
4917                    <div class="short">Fires after the component is disabled.
4918
4919                 </div>
4920
4921                     <div class="long">
4922
4923                         Fires after the component is disabled.
4924
4925
4926
4927
4928
4929                                 <dl class="detailList">
4930                                 <dt class="heading">Parameters:</dt>
4931
4932                                         <dt>
4933                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4934
4935                                         </dt>
4936                                         <dd></dd>
4937
4938                                 </dl>
4939
4940
4941
4942
4943
4944
4945
4946
4947
4948
4949
4950                     </div>
4951                 </div>
4952
4953             </td>
4954             <td class="msource">
4955                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4956             </td>
4957         </tr>
4958
4959           <tr class="method-row expandable config-row-alt1">
4960             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4961
4962             <td class="sig">
4963                 <a id="Roo.Component-event-*enable"></a>
4964
4965                <div class="fixedFont">
4966                 <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>)
4967
4968                 </div>
4969
4970                 <div class="mdesc">
4971
4972                    <div class="short">Fires after the component is enabled.
4973
4974                 </div>
4975
4976                     <div class="long">
4977
4978                         Fires after the component is enabled.
4979
4980
4981
4982
4983
4984                                 <dl class="detailList">
4985                                 <dt class="heading">Parameters:</dt>
4986
4987                                         <dt>
4988                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4989
4990                                         </dt>
4991                                         <dd></dd>
4992
4993                                 </dl>
4994
4995
4996
4997
4998
4999
5000
5001
5002
5003
5004
5005                     </div>
5006                 </div>
5007
5008             </td>
5009             <td class="msource">
5010                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5011             </td>
5012         </tr>
5013
5014           <tr class="method-row expandable config-row-alt0">
5015             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5016
5017             <td class="sig">
5018                 <a id="Roo.bootstrap.Input-event-*focus"></a>
5019
5020                <div class="fixedFont">
5021                 <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>)
5022
5023                 </div>
5024
5025                 <div class="mdesc">
5026
5027                    <div class="short">Fires when this field receives input focus.
5028
5029                 </div>
5030
5031                     <div class="long">
5032
5033                         Fires when this field receives input focus.
5034
5035
5036
5037
5038
5039                                 <dl class="detailList">
5040                                 <dt class="heading">Parameters:</dt>
5041
5042                                         <dt>
5043                                                 <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>
5044
5045                                         </dt>
5046                                         <dd></dd>
5047
5048                                 </dl>
5049
5050
5051
5052
5053
5054
5055
5056
5057
5058
5059
5060                     </div>
5061                 </div>
5062
5063             </td>
5064             <td class="msource">
5065                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5066             </td>
5067         </tr>
5068
5069           <tr class="method-row expandable config-row-alt1">
5070             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5071
5072             <td class="sig">
5073                 <a id="Roo.Component-event-*hide"></a>
5074
5075                <div class="fixedFont">
5076                 <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>)
5077
5078                 </div>
5079
5080                 <div class="mdesc">
5081
5082                    <div class="short">Fires after the component is hidden.
5083
5084                 </div>
5085
5086                     <div class="long">
5087
5088                         Fires after the component is hidden.
5089
5090
5091
5092
5093
5094                                 <dl class="detailList">
5095                                 <dt class="heading">Parameters:</dt>
5096
5097                                         <dt>
5098                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5099
5100                                         </dt>
5101                                         <dd></dd>
5102
5103                                 </dl>
5104
5105
5106
5107
5108
5109
5110
5111
5112
5113
5114
5115                     </div>
5116                 </div>
5117
5118             </td>
5119             <td class="msource">
5120                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5121             </td>
5122         </tr>
5123
5124           <tr class="method-row expandable config-row-alt0">
5125             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5126
5127             <td class="sig">
5128                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
5129
5130                <div class="fixedFont">
5131                 <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>)
5132
5133                 </div>
5134
5135                 <div class="mdesc">
5136
5137                    <div class="short">Fires after the field has been marked as invalid.
5138
5139                 </div>
5140
5141                     <div class="long">
5142
5143                         Fires after the field has been marked as invalid.
5144
5145
5146
5147
5148
5149                                 <dl class="detailList">
5150                                 <dt class="heading">Parameters:</dt>
5151
5152                                         <dt>
5153                                                 <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>
5154
5155                                         </dt>
5156                                         <dd></dd>
5157
5158                                         <dt>
5159                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5160
5161                                         </dt>
5162                                         <dd>The validation message</dd>
5163
5164                                 </dl>
5165
5166
5167
5168
5169
5170
5171
5172
5173
5174
5175
5176                     </div>
5177                 </div>
5178
5179             </td>
5180             <td class="msource">
5181                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5182             </td>
5183         </tr>
5184
5185           <tr class="method-row expandable config-row-alt1">
5186             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5187
5188             <td class="sig">
5189                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
5190
5191                <div class="fixedFont">
5192                 <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>)
5193
5194                 </div>
5195
5196                 <div class="mdesc">
5197
5198                    <div class="short">Fires after the key up
5199
5200                 </div>
5201
5202                     <div class="long">
5203
5204                         Fires after the key up
5205
5206
5207
5208
5209
5210                                 <dl class="detailList">
5211                                 <dt class="heading">Parameters:</dt>
5212
5213                                         <dt>
5214                                                 <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>
5215
5216                                         </dt>
5217                                         <dd></dd>
5218
5219                                         <dt>
5220                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5221
5222                                         </dt>
5223                                         <dd>The event Object</dd>
5224
5225                                 </dl>
5226
5227
5228
5229
5230
5231
5232
5233
5234
5235
5236
5237                     </div>
5238                 </div>
5239
5240             </td>
5241             <td class="msource">
5242                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5243             </td>
5244         </tr>
5245
5246           <tr class="method-row expandable config-row-alt0">
5247             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5248
5249             <td class="sig">
5250                 <a id="Roo.Component-event-*render"></a>
5251
5252                <div class="fixedFont">
5253                 <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>)
5254
5255                 </div>
5256
5257                 <div class="mdesc">
5258
5259                    <div class="short">Fires after the component is rendered.
5260
5261                 </div>
5262
5263                     <div class="long">
5264
5265                         Fires after the component is rendered.
5266
5267
5268
5269
5270
5271                                 <dl class="detailList">
5272                                 <dt class="heading">Parameters:</dt>
5273
5274                                         <dt>
5275                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5276
5277                                         </dt>
5278                                         <dd></dd>
5279
5280                                 </dl>
5281
5282
5283
5284
5285
5286
5287
5288
5289
5290
5291
5292                     </div>
5293                 </div>
5294
5295             </td>
5296             <td class="msource">
5297                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5298             </td>
5299         </tr>
5300
5301           <tr class="method-row expandable config-row-alt1">
5302             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5303
5304             <td class="sig">
5305                 <a id="Roo.Component-event-*show"></a>
5306
5307                <div class="fixedFont">
5308                 <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>)
5309
5310                 </div>
5311
5312                 <div class="mdesc">
5313
5314                    <div class="short">Fires after the component is shown.
5315
5316                 </div>
5317
5318                     <div class="long">
5319
5320                         Fires after the component is shown.
5321
5322
5323
5324
5325
5326                                 <dl class="detailList">
5327                                 <dt class="heading">Parameters:</dt>
5328
5329                                         <dt>
5330                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5331
5332                                         </dt>
5333                                         <dd></dd>
5334
5335                                 </dl>
5336
5337
5338
5339
5340
5341
5342
5343
5344
5345
5346
5347                     </div>
5348                 </div>
5349
5350             </td>
5351             <td class="msource">
5352                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5353             </td>
5354         </tr>
5355
5356           <tr class="method-row expandable config-row-alt0">
5357             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5358
5359             <td class="sig">
5360                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5361
5362                <div class="fixedFont">
5363                 <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>)
5364
5365                 </div>
5366
5367                 <div class="mdesc">
5368
5369                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5370
5371                 </div>
5372
5373                     <div class="long">
5374
5375                         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.
5376
5377
5378
5379
5380
5381                                 <dl class="detailList">
5382                                 <dt class="heading">Parameters:</dt>
5383
5384                                         <dt>
5385                                                 <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>
5386
5387                                         </dt>
5388                                         <dd></dd>
5389
5390                                         <dt>
5391                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5392
5393                                         </dt>
5394                                         <dd>The event object</dd>
5395
5396                                 </dl>
5397
5398
5399
5400
5401
5402
5403
5404
5405
5406
5407
5408                     </div>
5409                 </div>
5410
5411             </td>
5412             <td class="msource">
5413                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5414             </td>
5415         </tr>
5416
5417           <tr class="method-row expandable config-row-alt1">
5418             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5419
5420             <td class="sig">
5421                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5422
5423                <div class="fixedFont">
5424                 <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>)
5425
5426                 </div>
5427
5428                 <div class="mdesc">
5429
5430                    <div class="short">Fires after the field has been validated with no errors.
5431
5432                 </div>
5433
5434                     <div class="long">
5435
5436                         Fires after the field has been validated with no errors.
5437
5438
5439
5440
5441
5442                                 <dl class="detailList">
5443                                 <dt class="heading">Parameters:</dt>
5444
5445                                         <dt>
5446                                                 <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>
5447
5448                                         </dt>
5449                                         <dd></dd>
5450
5451                                 </dl>
5452
5453
5454
5455
5456
5457
5458
5459
5460
5461
5462
5463                     </div>
5464                 </div>
5465
5466             </td>
5467             <td class="msource">
5468                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5469             </td>
5470         </tr>
5471
5472
5473     </table>
5474
5475
5476
5477
5478
5479 <!-- ============================== footer ================================= -->
5480                 <div class="fineprint" style="clear:both">
5481
5482                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Dec 04 2015 14:06:03 GMT+0800 (HKT)
5483                         Based on
5484                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5485                 </div>
5486         </body>
5487 </html>