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

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