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.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</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">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 153                         </div>
 154
 155
 156
 157                     </td>
 158                     <td class="msource">
 159
 160                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 161
 162                     </td>
 163                 </tr>
 164
 165
 166                 <tr class="config-row expandable config-row-alt1 notInherited">
 167                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 168                     <td class="sig">
 169
 170                         <a id="Roo.bootstrap.Input-cfg-after" name=".after"></a>
 171                         <div class="fixedFont">
 172                                 <b  class="itemname">after</b> : string
 173
 174
 175                         </div>
 176
 177                         <div class="mdesc">
 178                             <div class="short">- input group add on after</div>
 179                         </div>
 180
 181                         <div class="mdesc">
 182                             <div class="long">- input group add on after</div>
 183                         </div>
 184
 185
 186
 187                     </td>
 188                     <td class="msource">
 189
 190                         Roo.bootstrap.Input
 191
 192                     </td>
 193                 </tr>
 194
 195
 196                 <tr class="config-row expandable config-row-alt0 notInherited">
 197                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 198                     <td class="sig">
 199
 200                         <a id="Roo.bootstrap.Input-cfg-allowBlank" name=".allowBlank"></a>
 201                         <div class="fixedFont">
 202                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 203
 204
 205                         </div>
 206
 207                         <div class="mdesc">
 208                             <div class="short">False to validate that the value length > 0 (defaults to true)</div>
 209                         </div>
 210
 211                         <div class="mdesc">
 212                             <div class="long">False to validate that the value length > 0 (defaults to true)</div>
 213                         </div>
 214
 215
 216
 217                     </td>
 218                     <td class="msource">
 219
 220                         Roo.bootstrap.Input
 221
 222                     </td>
 223                 </tr>
 224
 225
 226                 <tr class="config-row expandable config-row-alt1">
 227                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 228                     <td class="sig">
 229
 230                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 231                         <div class="fixedFont">
 232                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 233
 234
 235                         </div>
 236
 237                         <div class="mdesc">
 238                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 239                         </div>
 240
 241                         <div class="mdesc">
 242                             <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div>
 243                         </div>
 244
 245
 246
 247                     </td>
 248                     <td class="msource">
 249
 250                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 251
 252                     </td>
 253                 </tr>
 254
 255
 256                 <tr class="config-row expandable config-row-alt0 notInherited">
 257                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 258                     <td class="sig">
 259
 260                         <a id="Roo.bootstrap.Input-cfg-before" name=".before"></a>
 261                         <div class="fixedFont">
 262                                 <b  class="itemname">before</b> : string
 263
 264
 265                         </div>
 266
 267                         <div class="mdesc">
 268                             <div class="short">- input group add on before</div>
 269                         </div>
 270
 271                         <div class="mdesc">
 272                             <div class="long">- input group add on before</div>
 273                         </div>
 274
 275
 276
 277                     </td>
 278                     <td class="msource">
 279
 280                         Roo.bootstrap.Input
 281
 282                     </td>
 283                 </tr>
 284
 285
 286                 <tr class="config-row expandable config-row-alt1 notInherited">
 287                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 288                     <td class="sig">
 289
 290                         <a id="Roo.bootstrap.Input-cfg-blankText" name=".blankText"></a>
 291                         <div class="fixedFont">
 292                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 293
 294
 295                         </div>
 296
 297                         <div class="mdesc">
 298                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 299                         </div>
 300
 301                         <div class="mdesc">
 302                             <div class="long">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 303                         </div>
 304
 305
 306
 307                     </td>
 308                     <td class="msource">
 309
 310                         Roo.bootstrap.Input
 311
 312                     </td>
 313                 </tr>
 314
 315
 316                 <tr class="config-row expandable config-row-alt0">
 317                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 318                     <td class="sig">
 319
 320                         <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
 321                         <div class="fixedFont">
 322                                 <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>
 323
 324
 325                         </div>
 326
 327                         <div class="mdesc">
 328                             <div class="short">True if element can be rebuild from a HTML page</div>
 329                         </div>
 330
 331                         <div class="mdesc">
 332                             <div class="long">True if element can be rebuild from a HTML page</div>
 333                         </div>
 334
 335
 336
 337                     </td>
 338                     <td class="msource">
 339
 340                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 341
 342                     </td>
 343                 </tr>
 344
 345
 346                 <tr class="config-row expandable config-row-alt1">
 347                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 348                     <td class="sig">
 349
 350                         <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
 351                         <div class="fixedFont">
 352                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 353
 354
 355                         </div>
 356
 357                         <div class="mdesc">
 358                             <div class="short">css class</div>
 359                         </div>
 360
 361                         <div class="mdesc">
 362                             <div class="long">css class</div>
 363                         </div>
 364
 365
 366
 367                     </td>
 368                     <td class="msource">
 369
 370                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 371
 372                     </td>
 373                 </tr>
 374
 375
 376                 <tr class="config-row expandable config-row-alt0">
 377                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 378                     <td class="sig">
 379
 380                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 381                         <div class="fixedFont">
 382                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 383
 384
 385                         </div>
 386
 387                         <div class="mdesc">
 388                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 389                         </div>
 390
 391                         <div class="mdesc">
 392                             <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 393                         </div>
 394
 395
 396
 397                     </td>
 398                     <td class="msource">
 399
 400                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 401
 402                     </td>
 403                 </tr>
 404
 405
 406                 <tr class="config-row expandable config-row-alt1 notInherited">
 407                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 408                     <td class="sig">
 409
 410                         <a id="Roo.bootstrap.Input-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
 411                         <div class="fixedFont">
 412                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 413
 414
 415                         </div>
 416
 417                         <div class="mdesc">
 418                             <div class="short">True to disable input keystroke filtering (defaults to false)</div>
 419                         </div>
 420
 421                         <div class="mdesc">
 422                             <div class="long">True to disable input keystroke filtering (defaults to false)</div>
 423                         </div>
 424
 425
 426
 427                     </td>
 428                     <td class="msource">
 429
 430                         Roo.bootstrap.Input
 431
 432                     </td>
 433                 </tr>
 434
 435
 436                 <tr class="config-row expandable config-row-alt0 notInherited">
 437                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 438                     <td class="sig">
 439
 440                         <a id="Roo.bootstrap.Input-cfg-disabled" name=".disabled"></a>
 441                         <div class="fixedFont">
 442                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 443
 444
 445                         </div>
 446
 447                         <div class="mdesc">
 448                             <div class="short">is it disabled</div>
 449                         </div>
 450
 451                         <div class="mdesc">
 452                             <div class="long">is it disabled</div>
 453                         </div>
 454
 455
 456
 457                     </td>
 458                     <td class="msource">
 459
 460                         Roo.bootstrap.Input
 461
 462                     </td>
 463                 </tr>
 464
 465
 466                 <tr class="config-row expandable config-row-alt1 notInherited">
 467                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 468                     <td class="sig">
 469
 470                         <a id="Roo.bootstrap.Input-cfg-fieldLabel" name=".fieldLabel"></a>
 471                         <div class="fixedFont">
 472                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 473
 474
 475                         </div>
 476
 477                         <div class="mdesc">
 478                             <div class="short">- the label associated</div>
 479                         </div>
 480
 481                         <div class="mdesc">
 482                             <div class="long">- the label associated</div>
 483                         </div>
 484
 485
 486
 487                     </td>
 488                     <td class="msource">
 489
 490                         Roo.bootstrap.Input
 491
 492                     </td>
 493                 </tr>
 494
 495
 496                 <tr class="config-row expandable config-row-alt0 notInherited">
 497                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 498                     <td class="sig">
 499
 500                         <a id="Roo.bootstrap.Input-cfg-focusClass" name=".focusClass"></a>
 501                         <div class="fixedFont">
 502                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 503
 504
 505                         </div>
 506
 507                         <div class="mdesc">
 508                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 509                         </div>
 510
 511                         <div class="mdesc">
 512                             <div class="long">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 513                         </div>
 514
 515
 516
 517                     </td>
 518                     <td class="msource">
 519
 520                         Roo.bootstrap.Input
 521
 522                     </td>
 523                 </tr>
 524
 525
 526                 <tr class="config-row expandable config-row-alt1">
 527                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 528                     <td class="sig">
 529
 530                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 531                         <div class="fixedFont">
 532                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 533
 534
 535                         </div>
 536
 537                         <div class="mdesc">
 538                             <div class="short">How this component should hidden.</div>
 539                         </div>
 540
 541                         <div class="mdesc">
 542                             <div class="long">How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".</div>
 543                         </div>
 544
 545
 546
 547                     </td>
 548                     <td class="msource">
 549
 550                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 551
 552                     </td>
 553                 </tr>
 554
 555
 556                 <tr class="config-row expandable config-row-alt0 notInherited">
 557                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 558                     <td class="sig">
 559
 560                         <a id="Roo.bootstrap.Input-cfg-inputType" name=".inputType"></a>
 561                         <div class="fixedFont">
 562                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 563
 564
 565                         </div>
 566
 567                         <div class="mdesc">
 568                             <div class="short">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
 569                         </div>
 570
 571                         <div class="mdesc">
 572                             <div class="long">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
 573                         </div>
 574
 575
 576
 577                     </td>
 578                     <td class="msource">
 579
 580                         Roo.bootstrap.Input
 581
 582                     </td>
 583                 </tr>
 584
 585
 586                 <tr class="config-row expandable config-row-alt1 notInherited">
 587                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 588                     <td class="sig">
 589
 590                         <a id="Roo.bootstrap.Input-cfg-invalidClass" name=".invalidClass"></a>
 591                         <div class="fixedFont">
 592                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 593
 594
 595                         </div>
 596
 597                         <div class="mdesc">
 598                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 599                         </div>
 600
 601                         <div class="mdesc">
 602                             <div class="long">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 603                         </div>
 604
 605
 606
 607                     </td>
 608                     <td class="msource">
 609
 610                         Roo.bootstrap.Input
 611
 612                     </td>
 613                 </tr>
 614
 615
 616                 <tr class="config-row expandable config-row-alt0 notInherited">
 617                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 618                     <td class="sig">
 619
 620                         <a id="Roo.bootstrap.Input-cfg-lg" name=".lg"></a>
 621                         <div class="fixedFont">
 622                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 623
 624
 625                         </div>
 626
 627                         <div class="mdesc">
 628                             <div class="short">colspan out of 12 for large computer-sized screens</div>
 629                         </div>
 630
 631                         <div class="mdesc">
 632                             <div class="long">colspan out of 12 for large computer-sized screens</div>
 633                         </div>
 634
 635
 636
 637                     </td>
 638                     <td class="msource">
 639
 640                         Roo.bootstrap.Input
 641
 642                     </td>
 643                 </tr>
 644
 645
 646                 <tr class="config-row expandable config-row-alt1">
 647                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 648                     <td class="sig">
 649
 650                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 651                         <div class="fixedFont">
 652                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 653
 654
 655                         </div>
 656
 657                         <div class="mdesc">
 658                             <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>
 659                         </div>
 660
 661                         <div class="mdesc">
 662                             <div class="long">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></div>
 663                         </div>
 664
 665
 666
 667                     </td>
 668                     <td class="msource">
 669
 670                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 671
 672                     </td>
 673                 </tr>
 674
 675
 676                 <tr class="config-row expandable config-row-alt0 notInherited">
 677                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 678                     <td class="sig">
 679
 680                         <a id="Roo.bootstrap.Input-cfg-maskRe" name=".maskRe"></a>
 681                         <div class="fixedFont">
 682                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 683
 684
 685                         </div>
 686
 687                         <div class="mdesc">
 688                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
 689                         </div>
 690
 691                         <div class="mdesc">
 692                             <div class="long">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
 693                         </div>
 694
 695
 696
 697                     </td>
 698                     <td class="msource">
 699
 700                         Roo.bootstrap.Input
 701
 702                     </td>
 703                 </tr>
 704
 705
 706                 <tr class="config-row expandable config-row-alt1 notInherited">
 707                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 708                     <td class="sig">
 709
 710                         <a id="Roo.bootstrap.Input-cfg-maxLength" name=".maxLength"></a>
 711                         <div class="fixedFont">
 712                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 713
 714
 715                         </div>
 716
 717                         <div class="mdesc">
 718                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
 719                         </div>
 720
 721                         <div class="mdesc">
 722                             <div class="long">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
 723                         </div>
 724
 725
 726
 727                     </td>
 728                     <td class="msource">
 729
 730                         Roo.bootstrap.Input
 731
 732                     </td>
 733                 </tr>
 734
 735
 736                 <tr class="config-row expandable config-row-alt0 notInherited">
 737                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 738                     <td class="sig">
 739
 740                         <a id="Roo.bootstrap.Input-cfg-maxLengthText" name=".maxLengthText"></a>
 741                         <div class="fixedFont">
 742                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 743
 744
 745                         </div>
 746
 747                         <div class="mdesc">
 748                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
 749                         </div>
 750
 751                         <div class="mdesc">
 752                             <div class="long">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
 753                         </div>
 754
 755
 756
 757                     </td>
 758                     <td class="msource">
 759
 760                         Roo.bootstrap.Input
 761
 762                     </td>
 763                 </tr>
 764
 765
 766                 <tr class="config-row expandable config-row-alt1 notInherited">
 767                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 768                     <td class="sig">
 769
 770                         <a id="Roo.bootstrap.Input-cfg-md" name=".md"></a>
 771                         <div class="fixedFont">
 772                                 <b  class="itemname">md</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 773
 774
 775                         </div>
 776
 777                         <div class="mdesc">
 778                             <div class="short">colspan out of 12 for computer-sized screens</div>
 779                         </div>
 780
 781                         <div class="mdesc">
 782                             <div class="long">colspan out of 12 for computer-sized screens</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-minLength" name=".minLength"></a>
 801                         <div class="fixedFont">
 802                                 <b  class="itemname">minLength</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">Minimum input field length required (defaults to 0)</div>
 809                         </div>
 810
 811                         <div class="mdesc">
 812                             <div class="long">Minimum input field length required (defaults to 0)</div>
 813                         </div>
 814
 815
 816
 817                     </td>
 818                     <td class="msource">
 819
 820                         Roo.bootstrap.Input
 821
 822                     </td>
 823                 </tr>
 824
 825
 826                 <tr class="config-row expandable config-row-alt1 notInherited">
 827                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 828                     <td class="sig">
 829
 830                         <a id="Roo.bootstrap.Input-cfg-minLengthText" name=".minLengthText"></a>
 831                         <div class="fixedFont">
 832                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 833
 834
 835                         </div>
 836
 837                         <div class="mdesc">
 838                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
 839                         </div>
 840
 841                         <div class="mdesc">
 842                             <div class="long">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
 843                         </div>
 844
 845
 846
 847                     </td>
 848                     <td class="msource">
 849
 850                         Roo.bootstrap.Input
 851
 852                     </td>
 853                 </tr>
 854
 855
 856                 <tr class="config-row expandable config-row-alt0 notInherited">
 857                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 858                     <td class="sig">
 859
 860                         <a id="Roo.bootstrap.Input-cfg-name" name=".name"></a>
 861                         <div class="fixedFont">
 862                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 863
 864
 865                         </div>
 866
 867                         <div class="mdesc">
 868                             <div class="short">name of the input</div>
 869                         </div>
 870
 871                         <div class="mdesc">
 872                             <div class="long">name of the input</div>
 873                         </div>
 874
 875
 876
 877                     </td>
 878                     <td class="msource">
 879
 880                         Roo.bootstrap.Input
 881
 882                     </td>
 883                 </tr>
 884
 885
 886                 <tr class="config-row expandable config-row-alt1 notInherited">
 887                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 888                     <td class="sig">
 889
 890                         <a id="Roo.bootstrap.Input-cfg-placeholder" name=".placeholder"></a>
 891                         <div class="fixedFont">
 892                                 <b  class="itemname">placeholder</b> : string
 893
 894
 895                         </div>
 896
 897                         <div class="mdesc">
 898                             <div class="short">- placeholder to put in text.</div>
 899                         </div>
 900
 901                         <div class="mdesc">
 902                             <div class="long">- placeholder to put in text.</div>
 903                         </div>
 904
 905
 906
 907                     </td>
 908                     <td class="msource">
 909
 910                         Roo.bootstrap.Input
 911
 912                     </td>
 913                 </tr>
 914
 915
 916                 <tr class="config-row expandable config-row-alt0 notInherited">
 917                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 918                     <td class="sig">
 919
 920                         <a id="Roo.bootstrap.Input-cfg-regex" name=".regex"></a>
 921                         <div class="fixedFont">
 922                                 <b  class="itemname">regex</b> : RegExp
 923
 924
 925                         </div>
 926
 927                         <div class="mdesc">
 928                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
 929                         </div>
 930
 931                         <div class="mdesc">
 932                             <div class="long">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>}.</div>
 933                         </div>
 934
 935
 936
 937                     </td>
 938                     <td class="msource">
 939
 940                         Roo.bootstrap.Input
 941
 942                     </td>
 943                 </tr>
 944
 945
 946                 <tr class="config-row expandable config-row-alt1 notInherited">
 947                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 948                     <td class="sig">
 949
 950                         <a id="Roo.bootstrap.Input-cfg-regexText" name=".regexText"></a>
 951                         <div class="fixedFont">
 952                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 953
 954
 955                         </div>
 956
 957                         <div class="mdesc">
 958                             <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>
 959                         </div>
 960
 961                         <div class="mdesc">
 962                             <div class="long">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div>
 963                         </div>
 964
 965
 966
 967                     </td>
 968                     <td class="msource">
 969
 970                         Roo.bootstrap.Input
 971
 972                     </td>
 973                 </tr>
 974
 975
 976                 <tr class="config-row expandable config-row-alt0 notInherited">
 977                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 978                     <td class="sig">
 979
 980                         <a id="Roo.bootstrap.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
 981                         <div class="fixedFont">
 982                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 983
 984
 985                         </div>
 986
 987                         <div class="mdesc">
 988                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
 989                         </div>
 990
 991                         <div class="mdesc">
 992                             <div class="long">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
 993                         </div>
 994
 995
 996
 997                     </td>
 998                     <td class="msource">
 999
1000                         Roo.bootstrap.Input
1001
1002                     </td>
1003                 </tr>
1004
1005
1006                 <tr class="config-row expandable config-row-alt1 notInherited">
1007                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1008                     <td class="sig">
1009
1010                         <a id="Roo.bootstrap.Input-cfg-size" name=".size"></a>
1011                         <div class="fixedFont">
1012                                 <b  class="itemname">size</b> : string
1013
1014
1015                         </div>
1016
1017                         <div class="mdesc">
1018                             <div class="short">- (lg|sm) or leave empty.</div>
1019                         </div>
1020
1021                         <div class="mdesc">
1022                             <div class="long">- (lg|sm) or leave empty..</div>
1023                         </div>
1024
1025
1026
1027                     </td>
1028                     <td class="msource">
1029
1030                         Roo.bootstrap.Input
1031
1032                     </td>
1033                 </tr>
1034
1035
1036                 <tr class="config-row expandable config-row-alt0 notInherited">
1037                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1038                     <td class="sig">
1039
1040                         <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
1041                         <div class="fixedFont">
1042                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1043
1044
1045                         </div>
1046
1047                         <div class="mdesc">
1048                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1049                         </div>
1050
1051                         <div class="mdesc">
1052                             <div class="long">colspan out of 12 for tablet-sized screens</div>
1053                         </div>
1054
1055
1056
1057                     </td>
1058                     <td class="msource">
1059
1060                         Roo.bootstrap.Input
1061
1062                     </td>
1063                 </tr>
1064
1065
1066                 <tr class="config-row expandable config-row-alt1">
1067                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1068                     <td class="sig">
1069
1070                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
1071                         <div class="fixedFont">
1072                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1073
1074
1075                         </div>
1076
1077                         <div class="mdesc">
1078                             <div class="short">any extra css</div>
1079                         </div>
1080
1081                         <div class="mdesc">
1082                             <div class="long">any extra css</div>
1083                         </div>
1084
1085
1086
1087                     </td>
1088                     <td class="msource">
1089
1090                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1091
1092                     </td>
1093                 </tr>
1094
1095
1096                 <tr class="config-row expandable config-row-alt0 notInherited">
1097                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1098                     <td class="sig">
1099
1100                         <a id="Roo.bootstrap.Input-cfg-validateOnBlur" name=".validateOnBlur"></a>
1101                         <div class="fixedFont">
1102                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1103
1104
1105                         </div>
1106
1107                         <div class="mdesc">
1108                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1109                         </div>
1110
1111                         <div class="mdesc">
1112                             <div class="long">Whether the field should validate when it loses focus (defaults to true).</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-alt1 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-validationDelay" name=".validationDelay"></a>
1131                         <div class="fixedFont">
1132                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1133
1134
1135                         </div>
1136
1137                         <div class="mdesc">
1138                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1139                         </div>
1140
1141                         <div class="mdesc">
1142                             <div class="long">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1143                         </div>
1144
1145
1146
1147                     </td>
1148                     <td class="msource">
1149
1150                         Roo.bootstrap.Input
1151
1152                     </td>
1153                 </tr>
1154
1155
1156                 <tr class="config-row expandable config-row-alt0 notInherited">
1157                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1158                     <td class="sig">
1159
1160                         <a id="Roo.bootstrap.Input-cfg-validationEvent" name=".validationEvent"></a>
1161                         <div class="fixedFont">
1162                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1163
1164
1165                         </div>
1166
1167                         <div class="mdesc">
1168                             <div class="short">The event that should initiate field validation.</div>
1169                         </div>
1170
1171                         <div class="mdesc">
1172                             <div class="long">The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").</div>
1173                         </div>
1174
1175
1176
1177                     </td>
1178                     <td class="msource">
1179
1180                         Roo.bootstrap.Input
1181
1182                     </td>
1183                 </tr>
1184
1185
1186                 <tr class="config-row expandable config-row-alt1 notInherited">
1187                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1188                     <td class="sig">
1189
1190                         <a id="Roo.bootstrap.Input-cfg-validator" name=".validator"></a>
1191                         <div class="fixedFont">
1192                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1193
1194
1195                         </div>
1196
1197                         <div class="mdesc">
1198                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1199                         </div>
1200
1201                         <div class="mdesc">
1202                             <div class="long">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.</div>
1203                         </div>
1204
1205
1206
1207                     </td>
1208                     <td class="msource">
1209
1210                         Roo.bootstrap.Input
1211
1212                     </td>
1213                 </tr>
1214
1215
1216                 <tr class="config-row expandable config-row-alt0 notInherited">
1217                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1218                     <td class="sig">
1219
1220                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
1221                         <div class="fixedFont">
1222                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1223
1224
1225                         </div>
1226
1227                         <div class="mdesc">
1228                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1229                         </div>
1230
1231                         <div class="mdesc">
1232                             <div class="long">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1233                         </div>
1234
1235
1236
1237                     </td>
1238                     <td class="msource">
1239
1240                         Roo.bootstrap.Input
1241
1242                     </td>
1243                 </tr>
1244
1245
1246                 <tr class="config-row expandable config-row-alt1">
1247                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1248                     <td class="sig">
1249
1250                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
1251                         <div class="fixedFont">
1252                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1253
1254
1255                         </div>
1256
1257                         <div class="mdesc">
1258                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
1259                         </div>
1260
1261                         <div class="mdesc">
1262                             <div class="long">extra attributes to add to 'element' (used by builder to store stuff.)</div>
1263                         </div>
1264
1265
1266
1267                     </td>
1268                     <td class="msource">
1269
1270                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1271
1272                     </td>
1273                 </tr>
1274
1275
1276                 <tr class="config-row expandable config-row-alt0 notInherited">
1277                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1278                     <td class="sig">
1279
1280                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
1281                         <div class="fixedFont">
1282                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1283
1284
1285                         </div>
1286
1287                         <div class="mdesc">
1288                             <div class="short">colspan out of 12 for mobile-sized screens</div>
1289                         </div>
1290
1291                         <div class="mdesc">
1292                             <div class="long">colspan out of 12 for mobile-sized screens</div>
1293                         </div>
1294
1295
1296
1297                     </td>
1298                     <td class="msource">
1299
1300                         Roo.bootstrap.Input
1301
1302                     </td>
1303                 </tr>
1304
1305
1306     </table>
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316   <!-- ============================== public properties ==================== -->
1317
1318
1319
1320     <a id="Roo.bootstrap.Input-props"></a>
1321
1322
1323
1324
1325
1326      <table cellspacing="0" class="member-table">
1327       <caption class="Empty">Public Properties - Has None</caption>
1328      </table>
1329
1330
1331
1332
1333   <!-- ============================== methods summary / details ======================== -->
1334
1335
1336   <a id="Roo.bootstrap.Input-methods"></a>
1337         <!-- constructor?? -->
1338
1339         <!-- static's first
1340
1341
1342         -->
1343
1344         <!-- then dynamics first -->
1345
1346
1347
1348
1349
1350
1351       <table cellspacing="0" class="member-table">
1352       <caption>Public Methods</caption>
1353         <tr>
1354             <th class="sig-header" colspan="2">Method</th>
1355             <th class="msource-header">Defined By</th>
1356
1357         </tr>
1358
1359
1360
1361
1362
1363
1364
1365           <tr class="method-row config-row-alt0 expandable notInherited">
1366             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1367
1368
1369             <td class="sig">
1370                 <a id="Roo.bootstrap-method-Input"   name=".Input"></a>
1371                 <div class="fixedFont">
1372                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Input</b>
1373
1374                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1375
1376
1377
1378                 </div>
1379                 <div class="mdesc">
1380
1381
1382                         <div class="short">Create a new Roo.bootstrap.Input</div>
1383
1384
1385                     <div class="long">
1386
1387
1388
1389                                 Create a new Roo.bootstrap.Input
1390
1391
1392                                 <dl class="detailList">
1393                                 <dt class="heading">Parameters:</dt>
1394
1395                                         <dt>
1396                                                 <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>
1397
1398                                         </dt>
1399                                         <dd>The config object</dd>
1400
1401                                 </dl>
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413                     </div>
1414                 </div>
1415
1416             </td>
1417             <td class="msource">
1418                 &nbsp;
1419             </td>
1420         </tr>
1421
1422
1423           <tr class="method-row config-row-alt1 expandable">
1424             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1425
1426
1427             <td class="sig">
1428                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
1429                 <div class="fixedFont">
1430                         <span class="attributes"></span><b class="itemname">addEvents</b>
1431
1432                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1433
1434
1435
1436                 </div>
1437                 <div class="mdesc">
1438
1439                    <div class="short">Used to define events on this Observable</div>
1440
1441
1442
1443                     <div class="long">
1444
1445                                 Used to define events on this Observable
1446
1447
1448
1449
1450
1451
1452                                 <dl class="detailList">
1453                                 <dt class="heading">Parameters:</dt>
1454
1455                                         <dt>
1456                                                 <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>
1457
1458                                         </dt>
1459                                         <dd>The object with the events defined</dd>
1460
1461                                 </dl>
1462
1463
1464
1465
1466
1467
1468
1469
1470
1471
1472
1473                     </div>
1474                 </div>
1475
1476             </td>
1477             <td class="msource">
1478
1479                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1480                 &nbsp;
1481             </td>
1482         </tr>
1483
1484
1485           <tr class="method-row config-row-alt0 expandable">
1486             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1487
1488
1489             <td class="sig">
1490                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
1491                 <div class="fixedFont">
1492                         <span class="attributes"></span><b class="itemname">addListener</b>
1493
1494                                  (<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>)
1495
1496
1497
1498                 </div>
1499                 <div class="mdesc">
1500
1501                    <div class="short">Appends an event handler to this component</div>
1502
1503
1504
1505                     <div class="long">
1506
1507                                 Appends an event handler to this component
1508
1509
1510
1511
1512
1513
1514                                 <dl class="detailList">
1515                                 <dt class="heading">Parameters:</dt>
1516
1517                                         <dt>
1518                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1519
1520                                         </dt>
1521                                         <dd>The type of event to listen for</dd>
1522
1523                                         <dt>
1524                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1525
1526                                         </dt>
1527                                         <dd>The method the event invokes</dd>
1528
1529                                         <dt>
1530                                                 <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>
1531
1532                                         </dt>
1533                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1534
1535                                         <dt>
1536                                                 <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>
1537
1538                                         </dt>
1539                                         <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>
1540
1541                                 </dl>
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553                     </div>
1554                 </div>
1555
1556             </td>
1557             <td class="msource">
1558
1559                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1560                 &nbsp;
1561             </td>
1562         </tr>
1563
1564
1565           <tr class="method-row config-row-alt1 expandable notInherited">
1566             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1567
1568
1569             <td class="sig">
1570                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
1571                 <div class="fixedFont">
1572                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
1573
1574                                  ()
1575
1576
1577
1578                 </div>
1579                 <div class="mdesc">
1580
1581                    <div class="short">Clear any invalid styles/messages for this field</div>
1582
1583
1584
1585                     <div class="long">
1586
1587                                 Clear any invalid styles/messages for this field
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604                     </div>
1605                 </div>
1606
1607             </td>
1608             <td class="msource">
1609
1610                         Roo.bootstrap.Input
1611                 &nbsp;
1612             </td>
1613         </tr>
1614
1615
1616           <tr class="method-row config-row-alt0 expandable">
1617             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1618
1619
1620             <td class="sig">
1621                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
1622                 <div class="fixedFont">
1623                         <span class="attributes"></span><b class="itemname">destroy</b>
1624
1625                                  ()
1626
1627
1628
1629                 </div>
1630                 <div class="mdesc">
1631
1632                    <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>
1633
1634
1635
1636                     <div class="long">
1637
1638                                 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}.
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655                     </div>
1656                 </div>
1657
1658             </td>
1659             <td class="msource">
1660
1661                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1662                 &nbsp;
1663             </td>
1664         </tr>
1665
1666
1667           <tr class="method-row config-row-alt1 expandable">
1668             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1669
1670
1671             <td class="sig">
1672                 <a id="Roo.Component-method-disable"   name=".disable"></a>
1673                 <div class="fixedFont">
1674                         <span class="attributes"></span><b class="itemname">disable</b>
1675
1676                                  ()
1677
1678
1679                                          :
1680
1681
1682                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1683
1684
1685
1686
1687
1688                 </div>
1689                 <div class="mdesc">
1690
1691                    <div class="short">Disable this component.</div>
1692
1693
1694
1695                     <div class="long">
1696
1697                                 Disable this component.
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708                                 <dl class="detailList">
1709                                 <dt class="heading">Returns:</dt>
1710
1711                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1712
1713                                 </dl>
1714
1715
1716
1717
1718
1719
1720
1721                     </div>
1722                 </div>
1723
1724             </td>
1725             <td class="msource">
1726
1727                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1728                 &nbsp;
1729             </td>
1730         </tr>
1731
1732
1733           <tr class="method-row config-row-alt0 expandable">
1734             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1735
1736
1737             <td class="sig">
1738                 <a id="Roo.Component-method-enable"   name=".enable"></a>
1739                 <div class="fixedFont">
1740                         <span class="attributes"></span><b class="itemname">enable</b>
1741
1742                                  ()
1743
1744
1745                                          :
1746
1747
1748                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1749
1750
1751
1752
1753
1754                 </div>
1755                 <div class="mdesc">
1756
1757                    <div class="short">Enable this component.</div>
1758
1759
1760
1761                     <div class="long">
1762
1763                                 Enable this component.
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774                                 <dl class="detailList">
1775                                 <dt class="heading">Returns:</dt>
1776
1777                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1778
1779                                 </dl>
1780
1781
1782
1783
1784
1785
1786
1787                     </div>
1788                 </div>
1789
1790             </td>
1791             <td class="msource">
1792
1793                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1794                 &nbsp;
1795             </td>
1796         </tr>
1797
1798
1799           <tr class="method-row config-row-alt1 expandable">
1800             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1801
1802
1803             <td class="sig">
1804                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
1805                 <div class="fixedFont">
1806                         <span class="attributes"></span><b class="itemname">fireEvent</b>
1807
1808                                  (<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>)
1809
1810
1811                                          :
1812
1813
1814                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1815
1816
1817
1818
1819
1820                 </div>
1821                 <div class="mdesc">
1822
1823                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1824
1825
1826
1827                     <div class="long">
1828
1829                                 Fires the specified event with the passed parameters (minus the event name).
1830
1831
1832
1833
1834
1835
1836                                 <dl class="detailList">
1837                                 <dt class="heading">Parameters:</dt>
1838
1839                                         <dt>
1840                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1841
1842                                         </dt>
1843                                         <dd></dd>
1844
1845                                         <dt>
1846                                                 <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>
1847
1848                                         </dt>
1849                                         <dd>Variable number of parameters are passed to handlers</dd>
1850
1851                                 </dl>
1852
1853
1854
1855
1856
1857                                 <dl class="detailList">
1858                                 <dt class="heading">Returns:</dt>
1859
1860                                         <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>
1861
1862                                 </dl>
1863
1864
1865
1866
1867
1868
1869
1870                     </div>
1871                 </div>
1872
1873             </td>
1874             <td class="msource">
1875
1876                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1877                 &nbsp;
1878             </td>
1879         </tr>
1880
1881
1882           <tr class="method-row config-row-alt0 expandable">
1883             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1884
1885
1886             <td class="sig">
1887                 <a id="Roo.Component-method-focus"   name=".focus"></a>
1888                 <div class="fixedFont">
1889                         <span class="attributes"></span><b class="itemname">focus</b>
1890
1891                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1892
1893
1894                                          :
1895
1896
1897                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1898
1899
1900
1901
1902
1903                 </div>
1904                 <div class="mdesc">
1905
1906                    <div class="short">Try to focus this component.</div>
1907
1908
1909
1910                     <div class="long">
1911
1912                                 Try to focus this component.
1913
1914
1915
1916
1917
1918
1919                                 <dl class="detailList">
1920                                 <dt class="heading">Parameters:</dt>
1921
1922                                         <dt>
1923                                                 <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>
1924
1925                                         </dt>
1926                                         <dd>True to also select the text in this component (if applicable)</dd>
1927
1928                                 </dl>
1929
1930
1931
1932
1933
1934                                 <dl class="detailList">
1935                                 <dt class="heading">Returns:</dt>
1936
1937                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1938
1939                                 </dl>
1940
1941
1942
1943
1944
1945
1946
1947                     </div>
1948                 </div>
1949
1950             </td>
1951             <td class="msource">
1952
1953                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1954                 &nbsp;
1955             </td>
1956         </tr>
1957
1958
1959           <tr class="method-row config-row-alt1 expandable">
1960             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1961
1962
1963             <td class="sig">
1964                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
1965                 <div class="fixedFont">
1966                         <span class="attributes"></span><b class="itemname">getEl</b>
1967
1968                                  ()
1969
1970
1971                                          :
1972
1973
1974                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1975
1976
1977
1978
1979
1980                 </div>
1981                 <div class="mdesc">
1982
1983                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1984
1985
1986
1987                     <div class="long">
1988
1989                                 Returns the underlying {<b>link</b> Roo.Element}.
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000                                 <dl class="detailList">
2001                                 <dt class="heading">Returns:</dt>
2002
2003                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2004
2005                                 </dl>
2006
2007
2008
2009
2010
2011
2012
2013                     </div>
2014                 </div>
2015
2016             </td>
2017             <td class="msource">
2018
2019                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2020                 &nbsp;
2021             </td>
2022         </tr>
2023
2024
2025           <tr class="method-row config-row-alt0 expandable">
2026             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2027
2028
2029             <td class="sig">
2030                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2031                 <div class="fixedFont">
2032                         <span class="attributes"></span><b class="itemname">getId</b>
2033
2034                                  ()
2035
2036
2037                                          :
2038
2039
2040                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2041
2042
2043
2044
2045
2046                 </div>
2047                 <div class="mdesc">
2048
2049                    <div class="short">Returns the id of this component.</div>
2050
2051
2052
2053                     <div class="long">
2054
2055                                 Returns the id of this component.
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066                                 <dl class="detailList">
2067                                 <dt class="heading">Returns:</dt>
2068
2069                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2070
2071                                 </dl>
2072
2073
2074
2075
2076
2077
2078
2079                     </div>
2080                 </div>
2081
2082             </td>
2083             <td class="msource">
2084
2085                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2086                 &nbsp;
2087             </td>
2088         </tr>
2089
2090
2091           <tr class="method-row config-row-alt1 expandable notInherited">
2092             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2093
2094
2095             <td class="sig">
2096                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2097                 <div class="fixedFont">
2098                         <span class="attributes"></span><b class="itemname">getName</b>
2099
2100                                  ()
2101
2102
2103                                          :
2104
2105
2106                                                 Mixed
2107
2108
2109
2110
2111
2112                 </div>
2113                 <div class="mdesc">
2114
2115                    <div class="short">Returns the name of the field</div>
2116
2117
2118
2119                     <div class="long">
2120
2121                                 Returns the name of the field
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132                                 <dl class="detailList">
2133                                 <dt class="heading">Returns:</dt>
2134
2135                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2136
2137                                 </dl>
2138
2139
2140
2141
2142
2143
2144
2145                     </div>
2146                 </div>
2147
2148             </td>
2149             <td class="msource">
2150
2151                         Roo.bootstrap.Input
2152                 &nbsp;
2153             </td>
2154         </tr>
2155
2156
2157           <tr class="method-row config-row-alt0 expandable notInherited">
2158             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2159
2160
2161             <td class="sig">
2162                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2163                 <div class="fixedFont">
2164                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2165
2166                                  ()
2167
2168
2169                                          :
2170
2171
2172                                                 Mixed
2173
2174
2175
2176
2177
2178                 </div>
2179                 <div class="mdesc">
2180
2181                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
2182
2183
2184
2185                     <div class="long">
2186
2187                                 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>}.
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198                                 <dl class="detailList">
2199                                 <dt class="heading">Returns:</dt>
2200
2201                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2202
2203                                 </dl>
2204
2205
2206
2207
2208
2209
2210
2211                     </div>
2212                 </div>
2213
2214             </td>
2215             <td class="msource">
2216
2217                         Roo.bootstrap.Input
2218                 &nbsp;
2219             </td>
2220         </tr>
2221
2222
2223           <tr class="method-row config-row-alt1 expandable notInherited">
2224             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2225
2226
2227             <td class="sig">
2228                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
2229                 <div class="fixedFont">
2230                         <span class="attributes"></span><b class="itemname">getValue</b>
2231
2232                                  ()
2233
2234
2235                                          :
2236
2237
2238                                                 Mixed
2239
2240
2241
2242
2243
2244                 </div>
2245                 <div class="mdesc">
2246
2247                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
2248
2249
2250
2251                     <div class="long">
2252
2253                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
2254
2255
2256
2257
2258
2259
2260
2261
2262
2263
2264                                 <dl class="detailList">
2265                                 <dt class="heading">Returns:</dt>
2266
2267                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2268
2269                                 </dl>
2270
2271
2272
2273
2274
2275
2276
2277                     </div>
2278                 </div>
2279
2280             </td>
2281             <td class="msource">
2282
2283                         Roo.bootstrap.Input
2284                 &nbsp;
2285             </td>
2286         </tr>
2287
2288
2289           <tr class="method-row config-row-alt0 expandable">
2290             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2291
2292
2293             <td class="sig">
2294                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2295                 <div class="fixedFont">
2296                         <span class="attributes"></span><b class="itemname">hasListener</b>
2297
2298                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2299
2300
2301                                          :
2302
2303
2304                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2305
2306
2307
2308
2309
2310                 </div>
2311                 <div class="mdesc">
2312
2313                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2314
2315
2316
2317                     <div class="long">
2318
2319                                 Checks to see if this object has any listeners for a specified event
2320
2321
2322
2323
2324
2325
2326                                 <dl class="detailList">
2327                                 <dt class="heading">Parameters:</dt>
2328
2329                                         <dt>
2330                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2331
2332                                         </dt>
2333                                         <dd>The name of the event to check for</dd>
2334
2335                                 </dl>
2336
2337
2338
2339
2340
2341                                 <dl class="detailList">
2342                                 <dt class="heading">Returns:</dt>
2343
2344                                         <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>
2345
2346                                 </dl>
2347
2348
2349
2350
2351
2352
2353
2354                     </div>
2355                 </div>
2356
2357             </td>
2358             <td class="msource">
2359
2360                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2361                 &nbsp;
2362             </td>
2363         </tr>
2364
2365
2366           <tr class="method-row config-row-alt1 expandable">
2367             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2368
2369
2370             <td class="sig">
2371                 <a id="Roo.Component-method-hide"   name=".hide"></a>
2372                 <div class="fixedFont">
2373                         <span class="attributes"></span><b class="itemname">hide</b>
2374
2375                                  ()
2376
2377
2378                                          :
2379
2380
2381                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2382
2383
2384
2385
2386
2387                 </div>
2388                 <div class="mdesc">
2389
2390                    <div class="short">Hide this component.</div>
2391
2392
2393
2394                     <div class="long">
2395
2396                                 Hide this component.
2397
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407                                 <dl class="detailList">
2408                                 <dt class="heading">Returns:</dt>
2409
2410                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2411
2412                                 </dl>
2413
2414
2415
2416
2417
2418
2419
2420                     </div>
2421                 </div>
2422
2423             </td>
2424             <td class="msource">
2425
2426                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2427                 &nbsp;
2428             </td>
2429         </tr>
2430
2431
2432           <tr class="method-row config-row-alt0 expandable notInherited">
2433             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2434
2435
2436             <td class="sig">
2437                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
2438                 <div class="fixedFont">
2439                         <span class="attributes"></span><b class="itemname">inputEl</b>
2440
2441                                  ()
2442
2443
2444
2445                 </div>
2446                 <div class="mdesc">
2447
2448                    <div class="short">return the real input element.</div>
2449
2450
2451
2452                     <div class="long">
2453
2454                                 return the real input element.
2455
2456
2457
2458
2459
2460
2461
2462
2463
2464
2465
2466
2467
2468
2469
2470
2471                     </div>
2472                 </div>
2473
2474             </td>
2475             <td class="msource">
2476
2477                         Roo.bootstrap.Input
2478                 &nbsp;
2479             </td>
2480         </tr>
2481
2482
2483           <tr class="method-row config-row-alt1 expandable">
2484             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2485
2486
2487             <td class="sig">
2488                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
2489                 <div class="fixedFont">
2490                         <span class="attributes"></span><b class="itemname">isVisible</b>
2491
2492                                  ()
2493
2494
2495
2496                 </div>
2497                 <div class="mdesc">
2498
2499                    <div class="short">Returns true if this component is visible.</div>
2500
2501
2502
2503                     <div class="long">
2504
2505                                 Returns true if this component is visible.
2506
2507
2508
2509
2510
2511
2512
2513
2514
2515
2516
2517
2518
2519
2520
2521
2522                     </div>
2523                 </div>
2524
2525             </td>
2526             <td class="msource">
2527
2528                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2529                 &nbsp;
2530             </td>
2531         </tr>
2532
2533
2534           <tr class="method-row config-row-alt0 expandable notInherited">
2535             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2536
2537
2538             <td class="sig">
2539                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
2540                 <div class="fixedFont">
2541                         <span class="attributes"></span><b class="itemname">markInvalid</b>
2542
2543                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
2544
2545
2546
2547                 </div>
2548                 <div class="mdesc">
2549
2550                    <div class="short">Mark this field as invalid</div>
2551
2552
2553
2554                     <div class="long">
2555
2556                                 Mark this field as invalid
2557
2558
2559
2560
2561
2562
2563                                 <dl class="detailList">
2564                                 <dt class="heading">Parameters:</dt>
2565
2566                                         <dt>
2567                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
2568
2569                                         </dt>
2570                                         <dd>The validation message</dd>
2571
2572                                 </dl>
2573
2574
2575
2576
2577
2578
2579
2580
2581
2582
2583
2584                     </div>
2585                 </div>
2586
2587             </td>
2588             <td class="msource">
2589
2590                         Roo.bootstrap.Input
2591                 &nbsp;
2592             </td>
2593         </tr>
2594
2595
2596           <tr class="method-row config-row-alt1 expandable">
2597             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2598
2599
2600             <td class="sig">
2601                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
2602                 <div class="fixedFont">
2603                         <span class="attributes"></span><b class="itemname">on</b>
2604
2605                                  (<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>)
2606
2607
2608
2609                 </div>
2610                 <div class="mdesc">
2611
2612                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2613
2614
2615
2616                     <div class="long">
2617
2618                                 Appends an event handler to this element (shorthand for addListener)
2619
2620
2621
2622
2623
2624
2625                                 <dl class="detailList">
2626                                 <dt class="heading">Parameters:</dt>
2627
2628                                         <dt>
2629                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2630
2631                                         </dt>
2632                                         <dd>The type of event to listen for</dd>
2633
2634                                         <dt>
2635                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2636
2637                                         </dt>
2638                                         <dd>The method the event invokes</dd>
2639
2640                                         <dt>
2641                                                 <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>
2642
2643                                         </dt>
2644                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2645
2646                                         <dt>
2647                                                 <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>
2648
2649                                         </dt>
2650                                         <dd>(optional)</dd>
2651
2652                                 </dl>
2653
2654
2655
2656
2657
2658
2659
2660
2661
2662
2663
2664                     </div>
2665                 </div>
2666
2667             </td>
2668             <td class="msource">
2669
2670                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2671                 &nbsp;
2672             </td>
2673         </tr>
2674
2675
2676           <tr class="method-row config-row-alt0 expandable">
2677             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2678
2679
2680             <td class="sig">
2681                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
2682                 <div class="fixedFont">
2683                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
2684
2685                                  ()
2686
2687
2688
2689                 </div>
2690                 <div class="mdesc">
2691
2692                    <div class="short">Removes all listeners for this object</div>
2693
2694
2695
2696                     <div class="long">
2697
2698                                 Removes all listeners for this object
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715                     </div>
2716                 </div>
2717
2718             </td>
2719             <td class="msource">
2720
2721                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2722                 &nbsp;
2723             </td>
2724         </tr>
2725
2726
2727           <tr class="method-row config-row-alt1 expandable">
2728             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2729
2730
2731             <td class="sig">
2732                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
2733                 <div class="fixedFont">
2734                         <span class="attributes"></span><b class="itemname">removeListener</b>
2735
2736                                  (<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>)
2737
2738
2739
2740                 </div>
2741                 <div class="mdesc">
2742
2743                    <div class="short">Removes a listener</div>
2744
2745
2746
2747                     <div class="long">
2748
2749                                 Removes a listener
2750
2751
2752
2753
2754
2755
2756                                 <dl class="detailList">
2757                                 <dt class="heading">Parameters:</dt>
2758
2759                                         <dt>
2760                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2761
2762                                         </dt>
2763                                         <dd>The type of event to listen for</dd>
2764
2765                                         <dt>
2766                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2767
2768                                         </dt>
2769                                         <dd>The handler to remove</dd>
2770
2771                                         <dt>
2772                                                 <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>
2773
2774                                         </dt>
2775                                         <dd>(optional) The scope (this object) for the handler</dd>
2776
2777                                 </dl>
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787
2788
2789                     </div>
2790                 </div>
2791
2792             </td>
2793             <td class="msource">
2794
2795                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2796                 &nbsp;
2797             </td>
2798         </tr>
2799
2800
2801           <tr class="method-row config-row-alt0 expandable">
2802             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2803
2804
2805             <td class="sig">
2806                 <a id="Roo.Component-method-render"   name=".render"></a>
2807                 <div class="fixedFont">
2808                         <span class="attributes"></span><b class="itemname">render</b>
2809
2810                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
2811
2812
2813
2814                 </div>
2815                 <div class="mdesc">
2816
2817                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
2818
2819
2820
2821                     <div class="long">
2822
2823                                 If this is a lazy rendering component, render it to its container element.
2824
2825
2826
2827
2828
2829
2830                                 <dl class="detailList">
2831                                 <dt class="heading">Parameters:</dt>
2832
2833                                         <dt>
2834                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
2835
2836                                         </dt>
2837                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
2838
2839                                 </dl>
2840
2841
2842
2843
2844
2845
2846
2847
2848
2849
2850
2851                     </div>
2852                 </div>
2853
2854             </td>
2855             <td class="msource">
2856
2857                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2858                 &nbsp;
2859             </td>
2860         </tr>
2861
2862
2863           <tr class="method-row config-row-alt1 expandable notInherited">
2864             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2865
2866
2867             <td class="sig">
2868                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
2869                 <div class="fixedFont">
2870                         <span class="attributes"></span><b class="itemname">reset</b>
2871
2872                                  ()
2873
2874
2875
2876                 </div>
2877                 <div class="mdesc">
2878
2879                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
2880
2881
2882
2883                     <div class="long">
2884
2885                                 Resets the current field value to the originally loaded value and clears any validation messages
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895
2896
2897
2898
2899
2900
2901
2902                     </div>
2903                 </div>
2904
2905             </td>
2906             <td class="msource">
2907
2908                         Roo.bootstrap.Input
2909                 &nbsp;
2910             </td>
2911         </tr>
2912
2913
2914           <tr class="method-row config-row-alt0 expandable">
2915             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2916
2917
2918             <td class="sig">
2919                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
2920                 <div class="fixedFont">
2921                         <span class="attributes"></span><b class="itemname">setDisabled</b>
2922
2923                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
2924
2925
2926
2927                 </div>
2928                 <div class="mdesc">
2929
2930                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
2931
2932
2933
2934                     <div class="long">
2935
2936                                 Convenience function for setting disabled/enabled by boolean.
2937
2938
2939
2940
2941
2942
2943                                 <dl class="detailList">
2944                                 <dt class="heading">Parameters:</dt>
2945
2946                                         <dt>
2947                                                 <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>
2948
2949                                         </dt>
2950                                         <dd></dd>
2951
2952                                 </dl>
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964                     </div>
2965                 </div>
2966
2967             </td>
2968             <td class="msource">
2969
2970                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2971                 &nbsp;
2972             </td>
2973         </tr>
2974
2975
2976           <tr class="method-row config-row-alt1 expandable notInherited">
2977             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2978
2979
2980             <td class="sig">
2981                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
2982                 <div class="fixedFont">
2983                         <span class="attributes"></span><b class="itemname">setRawValue</b>
2984
2985                                  (Mixed <B><i>value</i></B>)
2986
2987
2988
2989                 </div>
2990                 <div class="mdesc">
2991
2992                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
2993
2994
2995
2996                     <div class="long">
2997
2998                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
2999
3000
3001
3002
3003
3004
3005                                 <dl class="detailList">
3006                                 <dt class="heading">Parameters:</dt>
3007
3008                                         <dt>
3009                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3010
3011                                         </dt>
3012                                         <dd>The value to set</dd>
3013
3014                                 </dl>
3015
3016
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026                     </div>
3027                 </div>
3028
3029             </td>
3030             <td class="msource">
3031
3032                         Roo.bootstrap.Input
3033                 &nbsp;
3034             </td>
3035         </tr>
3036
3037
3038           <tr class="method-row config-row-alt0 expandable notInherited">
3039             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3040
3041
3042             <td class="sig">
3043                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3044                 <div class="fixedFont">
3045                         <span class="attributes"></span><b class="itemname">setValue</b>
3046
3047                                  (Mixed <B><i>value</i></B>)
3048
3049
3050
3051                 </div>
3052                 <div class="mdesc">
3053
3054                    <div class="short">Sets a data value into the field and validates it.</div>
3055
3056
3057
3058                     <div class="long">
3059
3060                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3061
3062
3063
3064
3065
3066
3067                                 <dl class="detailList">
3068                                 <dt class="heading">Parameters:</dt>
3069
3070                                         <dt>
3071                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3072
3073                                         </dt>
3074                                         <dd>The value to set</dd>
3075
3076                                 </dl>
3077
3078
3079
3080
3081
3082
3083
3084
3085
3086
3087
3088                     </div>
3089                 </div>
3090
3091             </td>
3092             <td class="msource">
3093
3094                         Roo.bootstrap.Input
3095                 &nbsp;
3096             </td>
3097         </tr>
3098
3099
3100           <tr class="method-row config-row-alt1 expandable">
3101             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3102
3103
3104             <td class="sig">
3105                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3106                 <div class="fixedFont">
3107                         <span class="attributes"></span><b class="itemname">setVisible</b>
3108
3109                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3110
3111
3112                                          :
3113
3114
3115                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3116
3117
3118
3119
3120
3121                 </div>
3122                 <div class="mdesc">
3123
3124                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3125
3126
3127
3128                     <div class="long">
3129
3130                                 Convenience function to hide or show this component by boolean.
3131
3132
3133
3134
3135
3136
3137                                 <dl class="detailList">
3138                                 <dt class="heading">Parameters:</dt>
3139
3140                                         <dt>
3141                                                 <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>
3142
3143                                         </dt>
3144                                         <dd>True to show, false to hide</dd>
3145
3146                                 </dl>
3147
3148
3149
3150
3151
3152                                 <dl class="detailList">
3153                                 <dt class="heading">Returns:</dt>
3154
3155                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3156
3157                                 </dl>
3158
3159
3160
3161
3162
3163
3164
3165                     </div>
3166                 </div>
3167
3168             </td>
3169             <td class="msource">
3170
3171                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3172                 &nbsp;
3173             </td>
3174         </tr>
3175
3176
3177           <tr class="method-row config-row-alt0 expandable">
3178             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3179
3180
3181             <td class="sig">
3182                 <a id="Roo.Component-method-show"   name=".show"></a>
3183                 <div class="fixedFont">
3184                         <span class="attributes"></span><b class="itemname">show</b>
3185
3186                                  ()
3187
3188
3189                                          :
3190
3191
3192                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3193
3194
3195
3196
3197
3198                 </div>
3199                 <div class="mdesc">
3200
3201                    <div class="short">Show this component.</div>
3202
3203
3204
3205                     <div class="long">
3206
3207                                 Show this component.
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218                                 <dl class="detailList">
3219                                 <dt class="heading">Returns:</dt>
3220
3221                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3222
3223                                 </dl>
3224
3225
3226
3227
3228
3229
3230
3231                     </div>
3232                 </div>
3233
3234             </td>
3235             <td class="msource">
3236
3237                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3238                 &nbsp;
3239             </td>
3240         </tr>
3241
3242
3243           <tr class="method-row config-row-alt1 expandable">
3244             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3245
3246
3247             <td class="sig">
3248                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
3249                 <div class="fixedFont">
3250                         <span class="attributes"></span><b class="itemname">un</b>
3251
3252                                  (<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>)
3253
3254
3255
3256                 </div>
3257                 <div class="mdesc">
3258
3259                    <div class="short">Removes a listener (shorthand for removeListener)</div>
3260
3261
3262
3263                     <div class="long">
3264
3265                                 Removes a listener (shorthand for removeListener)
3266
3267
3268
3269
3270
3271
3272                                 <dl class="detailList">
3273                                 <dt class="heading">Parameters:</dt>
3274
3275                                         <dt>
3276                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3277
3278                                         </dt>
3279                                         <dd>The type of event to listen for</dd>
3280
3281                                         <dt>
3282                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3283
3284                                         </dt>
3285                                         <dd>The handler to remove</dd>
3286
3287                                         <dt>
3288                                                 <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>
3289
3290                                         </dt>
3291                                         <dd>(optional) The scope (this object) for the handler</dd>
3292
3293                                 </dl>
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305                     </div>
3306                 </div>
3307
3308             </td>
3309             <td class="msource">
3310
3311                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3312                 &nbsp;
3313             </td>
3314         </tr>
3315
3316
3317           <tr class="method-row config-row-alt0 expandable notInherited">
3318             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3319
3320
3321             <td class="sig">
3322                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
3323                 <div class="fixedFont">
3324                         <span class="attributes"></span><b class="itemname">validate</b>
3325
3326                                  ()
3327
3328
3329                                          :
3330
3331
3332                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3333
3334
3335
3336
3337
3338                 </div>
3339                 <div class="mdesc">
3340
3341                    <div class="short">Validates the field value</div>
3342
3343
3344
3345                     <div class="long">
3346
3347                                 Validates the field value
3348
3349
3350
3351
3352
3353
3354
3355
3356
3357
3358                                 <dl class="detailList">
3359                                 <dt class="heading">Returns:</dt>
3360
3361                                         <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>
3362
3363                                 </dl>
3364
3365
3366
3367
3368
3369
3370
3371                     </div>
3372                 </div>
3373
3374             </td>
3375             <td class="msource">
3376
3377                         Roo.bootstrap.Input
3378                 &nbsp;
3379             </td>
3380         </tr>
3381
3382
3383           <tr class="method-row config-row-alt1 expandable notInherited">
3384             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3385
3386
3387             <td class="sig">
3388                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
3389                 <div class="fixedFont">
3390                         <span class="attributes"></span><b class="itemname">validateValue</b>
3391
3392                                  (Mixed <B><i>value</i></B>)
3393
3394
3395                                          :
3396
3397
3398                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3399
3400
3401
3402
3403
3404                 </div>
3405                 <div class="mdesc">
3406
3407                    <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>
3408
3409
3410
3411                     <div class="long">
3412
3413                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
3414
3415
3416
3417
3418
3419
3420                                 <dl class="detailList">
3421                                 <dt class="heading">Parameters:</dt>
3422
3423                                         <dt>
3424                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3425
3426                                         </dt>
3427                                         <dd>The value to validate</dd>
3428
3429                                 </dl>
3430
3431
3432
3433
3434
3435                                 <dl class="detailList">
3436                                 <dt class="heading">Returns:</dt>
3437
3438                                         <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>
3439
3440                                 </dl>
3441
3442
3443
3444
3445
3446
3447
3448                     </div>
3449                 </div>
3450
3451             </td>
3452             <td class="msource">
3453
3454                         Roo.bootstrap.Input
3455                 &nbsp;
3456             </td>
3457         </tr>
3458
3459
3460     </table>
3461
3462
3463   <!-- ============================== events summary / details ======================== -->
3464
3465
3466   <a id="Roo.bootstrap.Input-events"></a>
3467
3468
3469
3470
3471
3472
3473
3474
3475       <table cellspacing="0" class="member-table">
3476                 <caption>Events</caption>
3477               <thead>
3478                 <tr>
3479                     <th class="sig-header" colspan="2">Event</th>
3480                     <th class="msource-header">Defined By</th>
3481
3482                 </tr>
3483               </thead>
3484
3485
3486
3487
3488
3489           <tr class="method-row expandable config-row-alt0">
3490             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3491
3492             <td class="sig">
3493                 <a id="Roo.Component-event-*beforedestroy"></a>
3494
3495                <div class="fixedFont">
3496                 <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>)
3497
3498                 </div>
3499
3500                 <div class="mdesc">
3501
3502                    <div class="short">Fires before the component is destroyed.
3503
3504                 </div>
3505
3506                     <div class="long">
3507
3508                         Fires before the component is destroyed. Return false to stop the destroy.
3509
3510
3511
3512
3513
3514                                 <dl class="detailList">
3515                                 <dt class="heading">Parameters:</dt>
3516
3517                                         <dt>
3518                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3519
3520                                         </dt>
3521                                         <dd></dd>
3522
3523                                 </dl>
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535                     </div>
3536                 </div>
3537
3538             </td>
3539             <td class="msource">
3540                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3541             </td>
3542         </tr>
3543
3544           <tr class="method-row expandable config-row-alt1">
3545             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3546
3547             <td class="sig">
3548                 <a id="Roo.Component-event-*beforehide"></a>
3549
3550                <div class="fixedFont">
3551                 <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>)
3552
3553                 </div>
3554
3555                 <div class="mdesc">
3556
3557                    <div class="short">Fires before the component is hidden.
3558
3559                 </div>
3560
3561                     <div class="long">
3562
3563                         Fires before the component is hidden. Return false to stop the hide.
3564
3565
3566
3567
3568
3569                                 <dl class="detailList">
3570                                 <dt class="heading">Parameters:</dt>
3571
3572                                         <dt>
3573                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3574
3575                                         </dt>
3576                                         <dd></dd>
3577
3578                                 </dl>
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590                     </div>
3591                 </div>
3592
3593             </td>
3594             <td class="msource">
3595                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3596             </td>
3597         </tr>
3598
3599           <tr class="method-row expandable config-row-alt0">
3600             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3601
3602             <td class="sig">
3603                 <a id="Roo.Component-event-*beforerender"></a>
3604
3605                <div class="fixedFont">
3606                 <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>)
3607
3608                 </div>
3609
3610                 <div class="mdesc">
3611
3612                    <div class="short">Fires before the component is rendered.
3613
3614                 </div>
3615
3616                     <div class="long">
3617
3618                         Fires before the component is rendered. Return false to stop the render.
3619
3620
3621
3622
3623
3624                                 <dl class="detailList">
3625                                 <dt class="heading">Parameters:</dt>
3626
3627                                         <dt>
3628                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3629
3630                                         </dt>
3631                                         <dd></dd>
3632
3633                                 </dl>
3634
3635
3636
3637
3638
3639
3640
3641
3642
3643
3644
3645                     </div>
3646                 </div>
3647
3648             </td>
3649             <td class="msource">
3650                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3651             </td>
3652         </tr>
3653
3654           <tr class="method-row expandable config-row-alt1">
3655             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3656
3657             <td class="sig">
3658                 <a id="Roo.Component-event-*beforeshow"></a>
3659
3660                <div class="fixedFont">
3661                 <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>)
3662
3663                 </div>
3664
3665                 <div class="mdesc">
3666
3667                    <div class="short">Fires before the component is shown.
3668
3669                 </div>
3670
3671                     <div class="long">
3672
3673                         Fires before the component is shown.  Return false to stop the show.
3674
3675
3676
3677
3678
3679                                 <dl class="detailList">
3680                                 <dt class="heading">Parameters:</dt>
3681
3682                                         <dt>
3683                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3684
3685                                         </dt>
3686                                         <dd></dd>
3687
3688                                 </dl>
3689
3690
3691
3692
3693
3694
3695
3696
3697
3698
3699
3700                     </div>
3701                 </div>
3702
3703             </td>
3704             <td class="msource">
3705                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3706             </td>
3707         </tr>
3708
3709           <tr class="method-row expandable config-row-alt0 notInherited">
3710             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3711
3712             <td class="sig">
3713                 <a id="Roo.bootstrap.Input-event-*blur"></a>
3714
3715                <div class="fixedFont">
3716                 <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>)
3717
3718                 </div>
3719
3720                 <div class="mdesc">
3721
3722                    <div class="short">Fires when this field loses input focus.
3723
3724                 </div>
3725
3726                     <div class="long">
3727
3728                         Fires when this field loses input focus.
3729
3730
3731
3732
3733
3734                                 <dl class="detailList">
3735                                 <dt class="heading">Parameters:</dt>
3736
3737                                         <dt>
3738                                                 <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>
3739
3740                                         </dt>
3741                                         <dd></dd>
3742
3743                                 </dl>
3744
3745
3746
3747
3748
3749
3750
3751
3752
3753
3754
3755                     </div>
3756                 </div>
3757
3758             </td>
3759             <td class="msource">
3760                 Roo.bootstrap.Input
3761             </td>
3762         </tr>
3763
3764           <tr class="method-row expandable config-row-alt1 notInherited">
3765             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3766
3767             <td class="sig">
3768                 <a id="Roo.bootstrap.Input-event-*change"></a>
3769
3770                <div class="fixedFont">
3771                 <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>)
3772
3773                 </div>
3774
3775                 <div class="mdesc">
3776
3777                    <div class="short">Fires just before the field blurs if the field value has changed.
3778
3779                 </div>
3780
3781                     <div class="long">
3782
3783                         Fires just before the field blurs if the field value has changed.
3784
3785
3786
3787
3788
3789                                 <dl class="detailList">
3790                                 <dt class="heading">Parameters:</dt>
3791
3792                                         <dt>
3793                                                 <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>
3794
3795                                         </dt>
3796                                         <dd></dd>
3797
3798                                         <dt>
3799                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
3800
3801                                         </dt>
3802                                         <dd>The new value</dd>
3803
3804                                         <dt>
3805                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
3806
3807                                         </dt>
3808                                         <dd>The original value</dd>
3809
3810                                 </dl>
3811
3812
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822                     </div>
3823                 </div>
3824
3825             </td>
3826             <td class="msource">
3827                 Roo.bootstrap.Input
3828             </td>
3829         </tr>
3830
3831           <tr class="method-row expandable config-row-alt0">
3832             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3833
3834             <td class="sig">
3835                 <a id="Roo.Component-event-*destroy"></a>
3836
3837                <div class="fixedFont">
3838                 <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>)
3839
3840                 </div>
3841
3842                 <div class="mdesc">
3843
3844                    <div class="short">Fires after the component is destroyed.
3845
3846                 </div>
3847
3848                     <div class="long">
3849
3850                         Fires after the component is destroyed.
3851
3852
3853
3854
3855
3856                                 <dl class="detailList">
3857                                 <dt class="heading">Parameters:</dt>
3858
3859                                         <dt>
3860                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3861
3862                                         </dt>
3863                                         <dd></dd>
3864
3865                                 </dl>
3866
3867
3868
3869
3870
3871
3872
3873
3874
3875
3876
3877                     </div>
3878                 </div>
3879
3880             </td>
3881             <td class="msource">
3882                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3883             </td>
3884         </tr>
3885
3886           <tr class="method-row expandable config-row-alt1">
3887             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3888
3889             <td class="sig">
3890                 <a id="Roo.Component-event-*disable"></a>
3891
3892                <div class="fixedFont">
3893                 <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>)
3894
3895                 </div>
3896
3897                 <div class="mdesc">
3898
3899                    <div class="short">Fires after the component is disabled.
3900
3901                 </div>
3902
3903                     <div class="long">
3904
3905                         Fires after the component is disabled.
3906
3907
3908
3909
3910
3911                                 <dl class="detailList">
3912                                 <dt class="heading">Parameters:</dt>
3913
3914                                         <dt>
3915                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3916
3917                                         </dt>
3918                                         <dd></dd>
3919
3920                                 </dl>
3921
3922
3923
3924
3925
3926
3927
3928
3929
3930
3931
3932                     </div>
3933                 </div>
3934
3935             </td>
3936             <td class="msource">
3937                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3938             </td>
3939         </tr>
3940
3941           <tr class="method-row expandable config-row-alt0">
3942             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3943
3944             <td class="sig">
3945                 <a id="Roo.Component-event-*enable"></a>
3946
3947                <div class="fixedFont">
3948                 <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>)
3949
3950                 </div>
3951
3952                 <div class="mdesc">
3953
3954                    <div class="short">Fires after the component is enabled.
3955
3956                 </div>
3957
3958                     <div class="long">
3959
3960                         Fires after the component is enabled.
3961
3962
3963
3964
3965
3966                                 <dl class="detailList">
3967                                 <dt class="heading">Parameters:</dt>
3968
3969                                         <dt>
3970                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3971
3972                                         </dt>
3973                                         <dd></dd>
3974
3975                                 </dl>
3976
3977
3978
3979
3980
3981
3982
3983
3984
3985
3986
3987                     </div>
3988                 </div>
3989
3990             </td>
3991             <td class="msource">
3992                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3993             </td>
3994         </tr>
3995
3996           <tr class="method-row expandable config-row-alt1 notInherited">
3997             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3998
3999             <td class="sig">
4000                 <a id="Roo.bootstrap.Input-event-*focus"></a>
4001
4002                <div class="fixedFont">
4003                 <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>)
4004
4005                 </div>
4006
4007                 <div class="mdesc">
4008
4009                    <div class="short">Fires when this field receives input focus.
4010
4011                 </div>
4012
4013                     <div class="long">
4014
4015                         Fires when this field receives input focus.
4016
4017
4018
4019
4020
4021                                 <dl class="detailList">
4022                                 <dt class="heading">Parameters:</dt>
4023
4024                                         <dt>
4025                                                 <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>
4026
4027                                         </dt>
4028                                         <dd></dd>
4029
4030                                 </dl>
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040
4041
4042                     </div>
4043                 </div>
4044
4045             </td>
4046             <td class="msource">
4047                 Roo.bootstrap.Input
4048             </td>
4049         </tr>
4050
4051           <tr class="method-row expandable config-row-alt0">
4052             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4053
4054             <td class="sig">
4055                 <a id="Roo.Component-event-*hide"></a>
4056
4057                <div class="fixedFont">
4058                 <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>)
4059
4060                 </div>
4061
4062                 <div class="mdesc">
4063
4064                    <div class="short">Fires after the component is hidden.
4065
4066                 </div>
4067
4068                     <div class="long">
4069
4070                         Fires after the component is hidden.
4071
4072
4073
4074
4075
4076                                 <dl class="detailList">
4077                                 <dt class="heading">Parameters:</dt>
4078
4079                                         <dt>
4080                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4081
4082                                         </dt>
4083                                         <dd></dd>
4084
4085                                 </dl>
4086
4087
4088
4089
4090
4091
4092
4093
4094
4095
4096
4097                     </div>
4098                 </div>
4099
4100             </td>
4101             <td class="msource">
4102                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4103             </td>
4104         </tr>
4105
4106           <tr class="method-row expandable config-row-alt1 notInherited">
4107             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4108
4109             <td class="sig">
4110                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
4111
4112                <div class="fixedFont">
4113                 <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>)
4114
4115                 </div>
4116
4117                 <div class="mdesc">
4118
4119                    <div class="short">Fires after the field has been marked as invalid.
4120
4121                 </div>
4122
4123                     <div class="long">
4124
4125                         Fires after the field has been marked as invalid.
4126
4127
4128
4129
4130
4131                                 <dl class="detailList">
4132                                 <dt class="heading">Parameters:</dt>
4133
4134                                         <dt>
4135                                                 <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>
4136
4137                                         </dt>
4138                                         <dd></dd>
4139
4140                                         <dt>
4141                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4142
4143                                         </dt>
4144                                         <dd>The validation message</dd>
4145
4146                                 </dl>
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156
4157
4158                     </div>
4159                 </div>
4160
4161             </td>
4162             <td class="msource">
4163                 Roo.bootstrap.Input
4164             </td>
4165         </tr>
4166
4167           <tr class="method-row expandable config-row-alt0 notInherited">
4168             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4169
4170             <td class="sig">
4171                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
4172
4173                <div class="fixedFont">
4174                 <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>)
4175
4176                 </div>
4177
4178                 <div class="mdesc">
4179
4180                    <div class="short">Fires after the key up
4181
4182                 </div>
4183
4184                     <div class="long">
4185
4186                         Fires after the key up
4187
4188
4189
4190
4191
4192                                 <dl class="detailList">
4193                                 <dt class="heading">Parameters:</dt>
4194
4195                                         <dt>
4196                                                 <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>
4197
4198                                         </dt>
4199                                         <dd></dd>
4200
4201                                         <dt>
4202                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4203
4204                                         </dt>
4205                                         <dd>The event Object</dd>
4206
4207                                 </dl>
4208
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218
4219                     </div>
4220                 </div>
4221
4222             </td>
4223             <td class="msource">
4224                 Roo.bootstrap.Input
4225             </td>
4226         </tr>
4227
4228           <tr class="method-row expandable config-row-alt1">
4229             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4230
4231             <td class="sig">
4232                 <a id="Roo.Component-event-*render"></a>
4233
4234                <div class="fixedFont">
4235                 <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>)
4236
4237                 </div>
4238
4239                 <div class="mdesc">
4240
4241                    <div class="short">Fires after the component is rendered.
4242
4243                 </div>
4244
4245                     <div class="long">
4246
4247                         Fires after the component is rendered.
4248
4249
4250
4251
4252
4253                                 <dl class="detailList">
4254                                 <dt class="heading">Parameters:</dt>
4255
4256                                         <dt>
4257                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4258
4259                                         </dt>
4260                                         <dd></dd>
4261
4262                                 </dl>
4263
4264
4265
4266
4267
4268
4269
4270
4271
4272
4273
4274                     </div>
4275                 </div>
4276
4277             </td>
4278             <td class="msource">
4279                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4280             </td>
4281         </tr>
4282
4283           <tr class="method-row expandable config-row-alt0">
4284             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4285
4286             <td class="sig">
4287                 <a id="Roo.Component-event-*show"></a>
4288
4289                <div class="fixedFont">
4290                 <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>)
4291
4292                 </div>
4293
4294                 <div class="mdesc">
4295
4296                    <div class="short">Fires after the component is shown.
4297
4298                 </div>
4299
4300                     <div class="long">
4301
4302                         Fires after the component is shown.
4303
4304
4305
4306
4307
4308                                 <dl class="detailList">
4309                                 <dt class="heading">Parameters:</dt>
4310
4311                                         <dt>
4312                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4313
4314                                         </dt>
4315                                         <dd></dd>
4316
4317                                 </dl>
4318
4319
4320
4321
4322
4323
4324
4325
4326
4327
4328
4329                     </div>
4330                 </div>
4331
4332             </td>
4333             <td class="msource">
4334                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4335             </td>
4336         </tr>
4337
4338           <tr class="method-row expandable config-row-alt1 notInherited">
4339             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4340
4341             <td class="sig">
4342                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
4343
4344                <div class="fixedFont">
4345                 <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>)
4346
4347                 </div>
4348
4349                 <div class="mdesc">
4350
4351                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
4352
4353                 </div>
4354
4355                     <div class="long">
4356
4357                         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.
4358
4359
4360
4361
4362
4363                                 <dl class="detailList">
4364                                 <dt class="heading">Parameters:</dt>
4365
4366                                         <dt>
4367                                                 <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>
4368
4369                                         </dt>
4370                                         <dd></dd>
4371
4372                                         <dt>
4373                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4374
4375                                         </dt>
4376                                         <dd>The event object</dd>
4377
4378                                 </dl>
4379
4380
4381
4382
4383
4384
4385
4386
4387
4388
4389
4390                     </div>
4391                 </div>
4392
4393             </td>
4394             <td class="msource">
4395                 Roo.bootstrap.Input
4396             </td>
4397         </tr>
4398
4399           <tr class="method-row expandable config-row-alt0 notInherited">
4400             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4401
4402             <td class="sig">
4403                 <a id="Roo.bootstrap.Input-event-*valid"></a>
4404
4405                <div class="fixedFont">
4406                 <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>)
4407
4408                 </div>
4409
4410                 <div class="mdesc">
4411
4412                    <div class="short">Fires after the field has been validated with no errors.
4413
4414                 </div>
4415
4416                     <div class="long">
4417
4418                         Fires after the field has been validated with no errors.
4419
4420
4421
4422
4423
4424                                 <dl class="detailList">
4425                                 <dt class="heading">Parameters:</dt>
4426
4427                                         <dt>
4428                                                 <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>
4429
4430                                         </dt>
4431                                         <dd></dd>
4432
4433                                 </dl>
4434
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445                     </div>
4446                 </div>
4447
4448             </td>
4449             <td class="msource">
4450                 Roo.bootstrap.Input
4451             </td>
4452         </tr>
4453
4454
4455     </table>
4456
4457
4458
4459
4460
4461 <!-- ============================== footer ================================= -->
4462                 <div class="fineprint" style="clear:both">
4463
4464                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Mar 21 2014 13:50:00 GMT+0800 (HKT)
4465                         Based on
4466                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
4467                 </div>
4468         </body>
4469 </html>