git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.TriggerField.html

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