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