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

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