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

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