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