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