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