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