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

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