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