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