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

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