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</div>
1034                         </div>
1035
1036                         <div class="mdesc">
1037                             <div class="long">
1038                     set the width of label
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-labellg" name=".labellg"></a>
1059                         <div class="fixedFont">
1060                                 <b  class="itemname">labellg</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">set the width of label (1-12)</div>
1067                         </div>
1068
1069                         <div class="mdesc">
1070                             <div class="long">
1071                     set the width of label (1-12)
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.bootstrap.Input-cfg-labelmd" name=".labelmd"></a>
1092                         <div class="fixedFont">
1093                                 <b  class="itemname">labelmd</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1094
1095
1096                         </div>
1097
1098                         <div class="mdesc">
1099                             <div class="short">set the width of label (1-12)</div>
1100                         </div>
1101
1102                         <div class="mdesc">
1103                             <div class="long">
1104                     set the width of label (1-12)
1105
1106                 </div>
1107                         </div>
1108
1109
1110
1111                     </td>
1112                     <td class="msource">
1113
1114                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-labelsm" name=".labelsm"></a>
1125                         <div class="fixedFont">
1126                                 <b  class="itemname">labelsm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1127
1128
1129                         </div>
1130
1131                         <div class="mdesc">
1132                             <div class="short">set the width of label (1-12)</div>
1133                         </div>
1134
1135                         <div class="mdesc">
1136                             <div class="long">
1137                     set the width of label (1-12)
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-labelxs" name=".labelxs"></a>
1158                         <div class="fixedFont">
1159                                 <b  class="itemname">labelxs</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">set the width of label (1-12)</div>
1166                         </div>
1167
1168                         <div class="mdesc">
1169                             <div class="long">
1170                     set the width of label (1-12)
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-lg" name=".lg"></a>
1191                         <div class="fixedFont">
1192                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1193
1194
1195                         </div>
1196
1197                         <div class="mdesc">
1198                             <div class="short">colspan out of 12 for large computer-sized screens</div>
1199                         </div>
1200
1201                         <div class="mdesc">
1202                             <div class="long">
1203                     colspan out of 12 for large computer-sized screens
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.util.Observable-cfg-listeners" name=".listeners"></a>
1224                         <div class="fixedFont">
1225                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1226
1227
1228                         </div>
1229
1230                         <div class="mdesc">
1231                             <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>
1232                         </div>
1233
1234                         <div class="mdesc">
1235                             <div class="long">
1236                     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>
1237
1238                 </div>
1239                         </div>
1240
1241
1242
1243                     </td>
1244                     <td class="msource">
1245
1246                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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-maskRe" name=".maskRe"></a>
1257                         <div class="fixedFont">
1258                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1259
1260
1261                         </div>
1262
1263                         <div class="mdesc">
1264                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1265                         </div>
1266
1267                         <div class="mdesc">
1268                             <div class="long">
1269                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
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-maxLength" name=".maxLength"></a>
1290                         <div class="fixedFont">
1291                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1292
1293
1294                         </div>
1295
1296                         <div class="mdesc">
1297                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1298                         </div>
1299
1300                         <div class="mdesc">
1301                             <div class="long">
1302                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
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-maxLengthText" name=".maxLengthText"></a>
1323                         <div class="fixedFont">
1324                                 <b  class="itemname">maxLengthText</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">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1331                         </div>
1332
1333                         <div class="mdesc">
1334                             <div class="long">
1335                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
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-md" name=".md"></a>
1356                         <div class="fixedFont">
1357                                 <b  class="itemname">md</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1358
1359
1360                         </div>
1361
1362                         <div class="mdesc">
1363                             <div class="short">colspan out of 12 for computer-sized screens</div>
1364                         </div>
1365
1366                         <div class="mdesc">
1367                             <div class="long">
1368                     colspan out of 12 for computer-sized screens
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">
1385                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1386                     <td class="sig">
1387
1388                         <a id="Roo.bootstrap.Input-cfg-minLength" name=".minLength"></a>
1389                         <div class="fixedFont">
1390                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1391
1392
1393                         </div>
1394
1395                         <div class="mdesc">
1396                             <div class="short">Minimum input field length required (defaults to 0)</div>
1397                         </div>
1398
1399                         <div class="mdesc">
1400                             <div class="long">
1401                     Minimum input field length required (defaults to 0)
1402
1403                 </div>
1404                         </div>
1405
1406
1407
1408                     </td>
1409                     <td class="msource">
1410
1411                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
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-minLengthText" name=".minLengthText"></a>
1422                         <div class="fixedFont">
1423                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1424
1425
1426                         </div>
1427
1428                         <div class="mdesc">
1429                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1430                         </div>
1431
1432                         <div class="mdesc">
1433                             <div class="long">
1434                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
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-name" name=".name"></a>
1455                         <div class="fixedFont">
1456                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1457
1458
1459                         </div>
1460
1461                         <div class="mdesc">
1462                             <div class="short">name of the input</div>
1463                         </div>
1464
1465                         <div class="mdesc">
1466                             <div class="long">
1467                     name of the input
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-placeholder" name=".placeholder"></a>
1488                         <div class="fixedFont">
1489                                 <b  class="itemname">placeholder</b> : string
1490
1491
1492                         </div>
1493
1494                         <div class="mdesc">
1495                             <div class="short">- placeholder to put in text.</div>
1496                         </div>
1497
1498                         <div class="mdesc">
1499                             <div class="long">
1500                     - placeholder to put in text.
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 notInherited">
1517                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1518                     <td class="sig">
1519
1520                         <a id="Roo.bootstrap.SecurePass-cfg-pwdStrengths" name=".pwdStrengths"></a>
1521                         <div class="fixedFont">
1522                                 <b  class="itemname">pwdStrengths</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object
1523
1524
1525                         </div>
1526
1527                         <div class="mdesc">
1528                             <div class="short">A pwdStrengths spec, or true for a default spec (defaults to<br/>['Weak', 'Medium', 'Strong'])</div>
1529                         </div>
1530
1531                         <div class="mdesc">
1532                             <div class="long">
1533                     A pwdStrengths spec, or true for a default spec (defaults to<br/>['Weak', 'Medium', 'Strong'])
1534
1535                 </div>
1536                         </div>
1537
1538
1539
1540                     </td>
1541                     <td class="msource">
1542
1543                         Roo.bootstrap.SecurePass
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-readOnly" name=".readOnly"></a>
1554                         <div class="fixedFont">
1555                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1556
1557
1558                         </div>
1559
1560                         <div class="mdesc">
1561                             <div class="short">Specifies that the field should be read-only</div>
1562                         </div>
1563
1564                         <div class="mdesc">
1565                             <div class="long">
1566                     Specifies that the field should be read-only
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-regex" name=".regex"></a>
1587                         <div class="fixedFont">
1588                                 <b  class="itemname">regex</b> : RegExp
1589
1590
1591                         </div>
1592
1593                         <div class="mdesc">
1594                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1595                         </div>
1596
1597                         <div class="mdesc">
1598                             <div class="long">
1599                     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>}.
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.Input-cfg-regexText" name=".regexText"></a>
1620                         <div class="fixedFont">
1621                                 <b  class="itemname">regexText</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">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div>
1628                         </div>
1629
1630                         <div class="mdesc">
1631                             <div class="long">
1632                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
1633
1634                 </div>
1635                         </div>
1636
1637
1638
1639                     </td>
1640                     <td class="msource">
1641
1642                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
1653                         <div class="fixedFont">
1654                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1655
1656
1657                         </div>
1658
1659                         <div class="mdesc">
1660                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1661                         </div>
1662
1663                         <div class="mdesc">
1664                             <div class="long">
1665                     True to automatically select any existing field text when the field receives input focus (defaults to false)
1666
1667                 </div>
1668                         </div>
1669
1670
1671
1672                     </td>
1673                     <td class="msource">
1674
1675                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-size" name=".size"></a>
1686                         <div class="fixedFont">
1687                                 <b  class="itemname">size</b> : string
1688
1689
1690                         </div>
1691
1692                         <div class="mdesc">
1693                             <div class="short">- (lg|sm) or leave empty.</div>
1694                         </div>
1695
1696                         <div class="mdesc">
1697                             <div class="long">
1698                     - (lg|sm) or leave empty..
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-sm" name=".sm"></a>
1719                         <div class="fixedFont">
1720                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1721
1722
1723                         </div>
1724
1725                         <div class="mdesc">
1726                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1727                         </div>
1728
1729                         <div class="mdesc">
1730                             <div class="long">
1731                     colspan out of 12 for tablet-sized screens
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.Component-cfg-style" name=".style"></a>
1752                         <div class="fixedFont">
1753                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1754
1755
1756                         </div>
1757
1758                         <div class="mdesc">
1759                             <div class="short">any extra css</div>
1760                         </div>
1761
1762                         <div class="mdesc">
1763                             <div class="long">
1764                     any extra css
1765
1766                 </div>
1767                         </div>
1768
1769
1770
1771                     </td>
1772                     <td class="msource">
1773
1774                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</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.Component-cfg-tooltip" name=".tooltip"></a>
1785                         <div class="fixedFont">
1786                                 <b  class="itemname">tooltip</b> : string
1787
1788
1789                         </div>
1790
1791                         <div class="mdesc">
1792                             <div class="short">Text for the tooltip</div>
1793                         </div>
1794
1795                         <div class="mdesc">
1796                             <div class="long">
1797                     Text for the tooltip
1798
1799                 </div>
1800                         </div>
1801
1802
1803
1804                     </td>
1805                     <td class="msource">
1806
1807                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</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-validClass" name=".validClass"></a>
1818                         <div class="fixedFont">
1819                                 <b  class="itemname">validClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1820
1821
1822                         </div>
1823
1824                         <div class="mdesc">
1825                             <div class="short">The CSS class to use when marking a field valid (defaults to "x-form-invalid")</div>
1826                         </div>
1827
1828                         <div class="mdesc">
1829                             <div class="long">
1830                     The CSS class to use when marking a field valid (defaults to "x-form-invalid")
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-validFeedbackIcon" name=".validFeedbackIcon"></a>
1851                         <div class="fixedFont">
1852                                 <b  class="itemname">validFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1853
1854
1855                         </div>
1856
1857                         <div class="mdesc">
1858                             <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
1859                         </div>
1860
1861                         <div class="mdesc">
1862                             <div class="long">
1863                     The CSS class to use when create feedback icon (defaults to "x-form-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-validateOnBlur" name=".validateOnBlur"></a>
1884                         <div class="fixedFont">
1885                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1886
1887
1888                         </div>
1889
1890                         <div class="mdesc">
1891                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1892                         </div>
1893
1894                         <div class="mdesc">
1895                             <div class="long">
1896                     Whether the field should validate when it loses focus (defaults to true).
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-validationDelay" name=".validationDelay"></a>
1917                         <div class="fixedFont">
1918                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1919
1920
1921                         </div>
1922
1923                         <div class="mdesc">
1924                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1925                         </div>
1926
1927                         <div class="mdesc">
1928                             <div class="long">
1929                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
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.Input-cfg-validationEvent" name=".validationEvent"></a>
1950                         <div class="fixedFont">
1951                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1952
1953
1954                         </div>
1955
1956                         <div class="mdesc">
1957                             <div class="short">The event that should initiate field validation.</div>
1958                         </div>
1959
1960                         <div class="mdesc">
1961                             <div class="long">
1962                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
1963
1964                 </div>
1965                         </div>
1966
1967
1968
1969                     </td>
1970                     <td class="msource">
1971
1972                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-validator" name=".validator"></a>
1983                         <div class="fixedFont">
1984                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1985
1986
1987                         </div>
1988
1989                         <div class="mdesc">
1990                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1991                         </div>
1992
1993                         <div class="mdesc">
1994                             <div class="long">
1995                     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.
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                 <tr class="config-row expandable config-row-alt1">
2012                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2013                     <td class="sig">
2014
2015                         <a id="Roo.bootstrap.Input-cfg-value" name=".value"></a>
2016                         <div class="fixedFont">
2017                                 <b  class="itemname">value</b> : string
2018
2019
2020                         </div>
2021
2022                         <div class="mdesc">
2023                             <div class="short">default value of the input</div>
2024                         </div>
2025
2026                         <div class="mdesc">
2027                             <div class="long">
2028                     default value of the input
2029
2030                 </div>
2031                         </div>
2032
2033
2034
2035                     </td>
2036                     <td class="msource">
2037
2038                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2039
2040                     </td>
2041                 </tr>
2042
2043
2044                 <tr class="config-row expandable config-row-alt0">
2045                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2046                     <td class="sig">
2047
2048                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
2049                         <div class="fixedFont">
2050                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2051
2052
2053                         </div>
2054
2055                         <div class="mdesc">
2056                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
2057                         </div>
2058
2059                         <div class="mdesc">
2060                             <div class="long">
2061                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
2062
2063                 </div>
2064                         </div>
2065
2066
2067
2068                     </td>
2069                     <td class="msource">
2070
2071                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2072
2073                     </td>
2074                 </tr>
2075
2076
2077                 <tr class="config-row expandable config-row-alt1">
2078                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2079                     <td class="sig">
2080
2081                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
2082                         <div class="fixedFont">
2083                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2084
2085
2086                         </div>
2087
2088                         <div class="mdesc">
2089                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
2090                         </div>
2091
2092                         <div class="mdesc">
2093                             <div class="long">
2094                     extra attributes to add to 'element' (used by builder to store stuff.)
2095
2096                 </div>
2097                         </div>
2098
2099
2100
2101                     </td>
2102                     <td class="msource">
2103
2104                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2105
2106                     </td>
2107                 </tr>
2108
2109
2110                 <tr class="config-row expandable config-row-alt0">
2111                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2112                     <td class="sig">
2113
2114                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
2115                         <div class="fixedFont">
2116                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2117
2118
2119                         </div>
2120
2121                         <div class="mdesc">
2122                             <div class="short">colspan out of 12 for mobile-sized screens</div>
2123                         </div>
2124
2125                         <div class="mdesc">
2126                             <div class="long">
2127                     colspan out of 12 for mobile-sized screens
2128
2129                 </div>
2130                         </div>
2131
2132
2133
2134                     </td>
2135                     <td class="msource">
2136
2137                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2138
2139                     </td>
2140                 </tr>
2141
2142
2143     </table>
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153   <!-- ============================== public properties ==================== -->
2154
2155
2156
2157     <a id="Roo.bootstrap.SecurePass-props"></a>
2158
2159
2160
2161
2162
2163      <table cellspacing="0" class="member-table">
2164       <caption class="Empty">Public Properties - Has None</caption>
2165      </table>
2166
2167
2168
2169
2170   <!-- ============================== methods summary / details ======================== -->
2171
2172
2173   <a id="Roo.bootstrap.SecurePass-methods"></a>
2174         <!-- constructor?? -->
2175
2176         <!-- static's first
2177
2178
2179         -->
2180
2181         <!-- then dynamics first -->
2182
2183
2184
2185
2186
2187
2188       <table cellspacing="0" class="member-table">
2189       <caption>Public Methods</caption>
2190         <tr>
2191             <th class="sig-header" colspan="2">Method</th>
2192             <th class="msource-header">Defined By</th>
2193
2194         </tr>
2195
2196
2197
2198
2199
2200
2201
2202           <tr class="method-row config-row-alt0 expandable notInherited">
2203             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2204
2205
2206             <td class="sig">
2207                 <a id="Roo.bootstrap-method-SecurePass"   name=".SecurePass"></a>
2208                 <div class="fixedFont">
2209                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">SecurePass</b>
2210
2211                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2212
2213
2214
2215                 </div>
2216                 <div class="mdesc">
2217
2218
2219                         <div class="short">Create a new Roo.bootstrap.SecurePass</div>
2220
2221
2222                     <div class="long">
2223
2224
2225
2226                                 Create a new Roo.bootstrap.SecurePass
2227
2228
2229                                 <dl class="detailList">
2230                                 <dt class="heading">Parameters:</dt>
2231
2232                                         <dt>
2233                                                 <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>
2234
2235                                         </dt>
2236                                         <dd>The config object</dd>
2237
2238                                 </dl>
2239
2240
2241
2242
2243
2244
2245
2246
2247
2248
2249
2250                     </div>
2251                 </div>
2252
2253             </td>
2254             <td class="msource">
2255                 &nbsp;
2256             </td>
2257         </tr>
2258
2259
2260           <tr class="method-row config-row-alt1 expandable">
2261             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2262
2263
2264             <td class="sig">
2265                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2266                 <div class="fixedFont">
2267                         <span class="attributes"></span><b class="itemname">addEvents</b>
2268
2269                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2270
2271
2272
2273                 </div>
2274                 <div class="mdesc">
2275
2276                    <div class="short">Used to define events on this Observable</div>
2277
2278
2279
2280                     <div class="long">
2281
2282                                 Used to define events on this Observable
2283
2284
2285
2286
2287
2288
2289                                 <dl class="detailList">
2290                                 <dt class="heading">Parameters:</dt>
2291
2292                                         <dt>
2293                                                 <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>
2294
2295                                         </dt>
2296                                         <dd>The object with the events defined</dd>
2297
2298                                 </dl>
2299
2300
2301
2302
2303
2304
2305
2306
2307
2308
2309
2310                     </div>
2311                 </div>
2312
2313             </td>
2314             <td class="msource">
2315
2316                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2317                 &nbsp;
2318             </td>
2319         </tr>
2320
2321
2322           <tr class="method-row config-row-alt0 expandable">
2323             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2324
2325
2326             <td class="sig">
2327                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2328                 <div class="fixedFont">
2329                         <span class="attributes"></span><b class="itemname">addListener</b>
2330
2331                                  (<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>)
2332
2333
2334
2335                 </div>
2336                 <div class="mdesc">
2337
2338                    <div class="short">Appends an event handler to this component</div>
2339
2340
2341
2342                     <div class="long">
2343
2344                                 Appends an event handler to this component
2345
2346
2347
2348
2349
2350
2351                                 <dl class="detailList">
2352                                 <dt class="heading">Parameters:</dt>
2353
2354                                         <dt>
2355                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2356
2357                                         </dt>
2358                                         <dd>The type of event to listen for</dd>
2359
2360                                         <dt>
2361                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2362
2363                                         </dt>
2364                                         <dd>The method the event invokes</dd>
2365
2366                                         <dt>
2367                                                 <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>
2368
2369                                         </dt>
2370                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2371
2372                                         <dt>
2373                                                 <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>
2374
2375                                         </dt>
2376                                         <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>
2377
2378                                 </dl>
2379
2380
2381
2382
2383
2384
2385
2386
2387
2388
2389
2390                     </div>
2391                 </div>
2392
2393             </td>
2394             <td class="msource">
2395
2396                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2397                 &nbsp;
2398             </td>
2399         </tr>
2400
2401
2402           <tr class="method-row config-row-alt1 expandable">
2403             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2404
2405
2406             <td class="sig">
2407                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2408                 <div class="fixedFont">
2409                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2410
2411                                  ()
2412
2413
2414
2415                 </div>
2416                 <div class="mdesc">
2417
2418                    <div class="short">Clear any invalid styles/messages for this field</div>
2419
2420
2421
2422                     <div class="long">
2423
2424                                 Clear any invalid styles/messages for this field
2425
2426
2427
2428
2429
2430
2431
2432
2433
2434
2435
2436
2437
2438
2439
2440
2441                     </div>
2442                 </div>
2443
2444             </td>
2445             <td class="msource">
2446
2447                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2448                 &nbsp;
2449             </td>
2450         </tr>
2451
2452
2453           <tr class="method-row config-row-alt0 expandable">
2454             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2455
2456
2457             <td class="sig">
2458                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2459                 <div class="fixedFont">
2460                         <span class="attributes"></span><b class="itemname">destroy</b>
2461
2462                                  ()
2463
2464
2465
2466                 </div>
2467                 <div class="mdesc">
2468
2469                    <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>
2470
2471
2472
2473                     <div class="long">
2474
2475                                 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}.
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492                     </div>
2493                 </div>
2494
2495             </td>
2496             <td class="msource">
2497
2498                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2499                 &nbsp;
2500             </td>
2501         </tr>
2502
2503
2504           <tr class="method-row config-row-alt1 expandable">
2505             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2506
2507
2508             <td class="sig">
2509                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2510                 <div class="fixedFont">
2511                         <span class="attributes"></span><b class="itemname">disable</b>
2512
2513                                  ()
2514
2515
2516                                          :
2517
2518
2519                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2520
2521
2522
2523
2524
2525                 </div>
2526                 <div class="mdesc">
2527
2528                    <div class="short">Disable this component.</div>
2529
2530
2531
2532                     <div class="long">
2533
2534                                 Disable this component.
2535
2536
2537
2538
2539
2540
2541
2542
2543
2544
2545                                 <dl class="detailList">
2546                                 <dt class="heading">Returns:</dt>
2547
2548                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2549
2550                                 </dl>
2551
2552
2553
2554
2555
2556
2557
2558                     </div>
2559                 </div>
2560
2561             </td>
2562             <td class="msource">
2563
2564                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2565                 &nbsp;
2566             </td>
2567         </tr>
2568
2569
2570           <tr class="method-row config-row-alt0 expandable">
2571             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2572
2573
2574             <td class="sig">
2575                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2576                 <div class="fixedFont">
2577                         <span class="attributes"></span><b class="itemname">enable</b>
2578
2579                                  ()
2580
2581
2582                                          :
2583
2584
2585                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2586
2587
2588
2589
2590
2591                 </div>
2592                 <div class="mdesc">
2593
2594                    <div class="short">Enable this component.</div>
2595
2596
2597
2598                     <div class="long">
2599
2600                                 Enable this component.
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611                                 <dl class="detailList">
2612                                 <dt class="heading">Returns:</dt>
2613
2614                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2615
2616                                 </dl>
2617
2618
2619
2620
2621
2622
2623
2624                     </div>
2625                 </div>
2626
2627             </td>
2628             <td class="msource">
2629
2630                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2631                 &nbsp;
2632             </td>
2633         </tr>
2634
2635
2636           <tr class="method-row config-row-alt1 expandable">
2637             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2638
2639
2640             <td class="sig">
2641                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2642                 <div class="fixedFont">
2643                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2644
2645                                  (<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>)
2646
2647
2648                                          :
2649
2650
2651                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2652
2653
2654
2655
2656
2657                 </div>
2658                 <div class="mdesc">
2659
2660                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2661
2662
2663
2664                     <div class="long">
2665
2666                                 Fires the specified event with the passed parameters (minus the event name).
2667
2668
2669
2670
2671
2672
2673                                 <dl class="detailList">
2674                                 <dt class="heading">Parameters:</dt>
2675
2676                                         <dt>
2677                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2678
2679                                         </dt>
2680                                         <dd></dd>
2681
2682                                         <dt>
2683                                                 <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>
2684
2685                                         </dt>
2686                                         <dd>Variable number of parameters are passed to handlers</dd>
2687
2688                                 </dl>
2689
2690
2691
2692
2693
2694                                 <dl class="detailList">
2695                                 <dt class="heading">Returns:</dt>
2696
2697                                         <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>
2698
2699                                 </dl>
2700
2701
2702
2703
2704
2705
2706
2707                     </div>
2708                 </div>
2709
2710             </td>
2711             <td class="msource">
2712
2713                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2714                 &nbsp;
2715             </td>
2716         </tr>
2717
2718
2719           <tr class="method-row config-row-alt0 expandable">
2720             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2721
2722
2723             <td class="sig">
2724                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2725                 <div class="fixedFont">
2726                         <span class="attributes"></span><b class="itemname">focus</b>
2727
2728                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2729
2730
2731                                          :
2732
2733
2734                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2735
2736
2737
2738
2739
2740                 </div>
2741                 <div class="mdesc">
2742
2743                    <div class="short">Try to focus this component.</div>
2744
2745
2746
2747                     <div class="long">
2748
2749                                 Try to focus this component.
2750
2751
2752
2753
2754
2755
2756                                 <dl class="detailList">
2757                                 <dt class="heading">Parameters:</dt>
2758
2759                                         <dt>
2760                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>selectText</b>
2761
2762                                         </dt>
2763                                         <dd>True to also select the text in this component (if applicable)</dd>
2764
2765                                 </dl>
2766
2767
2768
2769
2770
2771                                 <dl class="detailList">
2772                                 <dt class="heading">Returns:</dt>
2773
2774                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</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.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2802                 <div class="fixedFont">
2803                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2804
2805                                  ()
2806
2807
2808                                          :
2809
2810
2811                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2812
2813
2814
2815
2816
2817                 </div>
2818                 <div class="mdesc">
2819
2820                    <div class="short">Fetch the element to add children to</div>
2821
2822
2823
2824                     <div class="long">
2825
2826                                 Fetch the element to add children to
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="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</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.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.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.Component-method-getEl"   name=".getEl"></a>
2868                 <div class="fixedFont">
2869                         <span class="attributes"></span><b class="itemname">getEl</b>
2870
2871                                  ()
2872
2873
2874                                          :
2875
2876
2877                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2878
2879
2880
2881
2882
2883                 </div>
2884                 <div class="mdesc">
2885
2886                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2887
2888
2889
2890                     <div class="long">
2891
2892                                 Returns the underlying {<b>link</b> Roo.Element}.
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"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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.Component-method-getId"   name=".getId"></a>
2934                 <div class="fixedFont">
2935                         <span class="attributes"></span><b class="itemname">getId</b>
2936
2937                                  ()
2938
2939
2940                                          :
2941
2942
2943                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2944
2945
2946
2947
2948
2949                 </div>
2950                 <div class="mdesc">
2951
2952                    <div class="short">Returns the id of this component.</div>
2953
2954
2955
2956                     <div class="long">
2957
2958                                 Returns the id of this component.
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"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-getName"   name=".getName"></a>
3000                 <div class="fixedFont">
3001                         <span class="attributes"></span><b class="itemname">getName</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 name of the field</div>
3019
3020
3021
3022                     <div class="long">
3023
3024                                 Returns the name of the field
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>  name The name field</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.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
3066                 <div class="fixedFont">
3067                         <span class="attributes"></span><b class="itemname">getRawValue</b>
3068
3069                                  ()
3070
3071
3072                                          :
3073
3074
3075                                                 Mixed
3076
3077
3078
3079
3080
3081                 </div>
3082                 <div class="mdesc">
3083
3084                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
3085
3086
3087
3088                     <div class="long">
3089
3090                                 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>}.
3091
3092
3093
3094
3095
3096
3097
3098
3099
3100
3101                                 <dl class="detailList">
3102                                 <dt class="heading">Returns:</dt>
3103
3104                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3105
3106                                 </dl>
3107
3108
3109
3110
3111
3112
3113
3114                     </div>
3115                 </div>
3116
3117             </td>
3118             <td class="msource">
3119
3120                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3121                 &nbsp;
3122             </td>
3123         </tr>
3124
3125
3126           <tr class="method-row config-row-alt0 expandable">
3127             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3128
3129
3130             <td class="sig">
3131                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
3132                 <div class="fixedFont">
3133                         <span class="attributes"></span><b class="itemname">getValue</b>
3134
3135                                  ()
3136
3137
3138                                          :
3139
3140
3141                                                 Mixed
3142
3143
3144
3145
3146
3147                 </div>
3148                 <div class="mdesc">
3149
3150                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
3151
3152
3153
3154                     <div class="long">
3155
3156                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167                                 <dl class="detailList">
3168                                 <dt class="heading">Returns:</dt>
3169
3170                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3171
3172                                 </dl>
3173
3174
3175
3176
3177
3178
3179
3180                     </div>
3181                 </div>
3182
3183             </td>
3184             <td class="msource">
3185
3186                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3187                 &nbsp;
3188             </td>
3189         </tr>
3190
3191
3192           <tr class="method-row config-row-alt1 expandable">
3193             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3194
3195
3196             <td class="sig">
3197                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3198                 <div class="fixedFont">
3199                         <span class="attributes"></span><b class="itemname">hasListener</b>
3200
3201                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3202
3203
3204                                          :
3205
3206
3207                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3208
3209
3210
3211
3212
3213                 </div>
3214                 <div class="mdesc">
3215
3216                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3217
3218
3219
3220                     <div class="long">
3221
3222                                 Checks to see if this object has any listeners for a specified event
3223
3224
3225
3226
3227
3228
3229                                 <dl class="detailList">
3230                                 <dt class="heading">Parameters:</dt>
3231
3232                                         <dt>
3233                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3234
3235                                         </dt>
3236                                         <dd>The name of the event to check for</dd>
3237
3238                                 </dl>
3239
3240
3241
3242
3243
3244                                 <dl class="detailList">
3245                                 <dt class="heading">Returns:</dt>
3246
3247                                         <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>
3248
3249                                 </dl>
3250
3251
3252
3253
3254
3255
3256
3257                     </div>
3258                 </div>
3259
3260             </td>
3261             <td class="msource">
3262
3263                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3264                 &nbsp;
3265             </td>
3266         </tr>
3267
3268
3269           <tr class="method-row config-row-alt0 expandable">
3270             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3271
3272
3273             <td class="sig">
3274                 <a id="Roo.bootstrap.Component-method-hide"   name=".hide"></a>
3275                 <div class="fixedFont">
3276                         <span class="attributes"></span><b class="itemname">hide</b>
3277
3278                                  ()
3279
3280
3281
3282                 </div>
3283                 <div class="mdesc">
3284
3285                    <div class="short">Hide a component - adds 'hidden' class</div>
3286
3287
3288
3289                     <div class="long">
3290
3291                                 Hide a component - adds 'hidden' class
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308                     </div>
3309                 </div>
3310
3311             </td>
3312             <td class="msource">
3313
3314                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3315                 &nbsp;
3316             </td>
3317         </tr>
3318
3319
3320           <tr class="method-row config-row-alt1 expandable">
3321             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3322
3323
3324             <td class="sig">
3325                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3326                 <div class="fixedFont">
3327                         <span class="attributes"></span><b class="itemname">initEvents</b>
3328
3329                                  ()
3330
3331
3332
3333                 </div>
3334                 <div class="mdesc">
3335
3336                    <div class="short">Initialize Events for the element</div>
3337
3338
3339
3340                     <div class="long">
3341
3342                                 Initialize Events for the element
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354
3355
3356
3357
3358
3359                     </div>
3360                 </div>
3361
3362             </td>
3363             <td class="msource">
3364
3365                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3366                 &nbsp;
3367             </td>
3368         </tr>
3369
3370
3371           <tr class="method-row config-row-alt0 expandable">
3372             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3373
3374
3375             <td class="sig">
3376                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
3377                 <div class="fixedFont">
3378                         <span class="attributes"></span><b class="itemname">inputEl</b>
3379
3380                                  ()
3381
3382
3383
3384                 </div>
3385                 <div class="mdesc">
3386
3387                    <div class="short">return the real input element.</div>
3388
3389
3390
3391                     <div class="long">
3392
3393                                 return the real input element.
3394
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404
3405
3406
3407
3408
3409
3410                     </div>
3411                 </div>
3412
3413             </td>
3414             <td class="msource">
3415
3416                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3417                 &nbsp;
3418             </td>
3419         </tr>
3420
3421
3422           <tr class="method-row config-row-alt1 expandable">
3423             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3424
3425
3426             <td class="sig">
3427                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3428                 <div class="fixedFont">
3429                         <span class="attributes"></span><b class="itemname">isVisible</b>
3430
3431                                  ()
3432
3433
3434
3435                 </div>
3436                 <div class="mdesc">
3437
3438                    <div class="short">Returns true if this component is visible.</div>
3439
3440
3441
3442                     <div class="long">
3443
3444                                 Returns true if this component is visible.
3445
3446
3447
3448
3449
3450
3451
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461                     </div>
3462                 </div>
3463
3464             </td>
3465             <td class="msource">
3466
3467                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3468                 &nbsp;
3469             </td>
3470         </tr>
3471
3472
3473           <tr class="method-row config-row-alt0 expandable">
3474             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3475
3476
3477             <td class="sig">
3478                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3479                 <div class="fixedFont">
3480                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3481
3482                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3483
3484
3485
3486                 </div>
3487                 <div class="mdesc">
3488
3489                    <div class="short">Mark this field as invalid</div>
3490
3491
3492
3493                     <div class="long">
3494
3495                                 Mark this field as invalid
3496
3497
3498
3499
3500
3501
3502                                 <dl class="detailList">
3503                                 <dt class="heading">Parameters:</dt>
3504
3505                                         <dt>
3506                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3507
3508                                         </dt>
3509                                         <dd>The validation message</dd>
3510
3511                                 </dl>
3512
3513
3514
3515
3516
3517
3518
3519
3520
3521
3522
3523                     </div>
3524                 </div>
3525
3526             </td>
3527             <td class="msource">
3528
3529                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3530                 &nbsp;
3531             </td>
3532         </tr>
3533
3534
3535           <tr class="method-row config-row-alt1 expandable">
3536             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3537
3538
3539             <td class="sig">
3540                 <a id="Roo.bootstrap.Input-method-markValid"   name=".markValid"></a>
3541                 <div class="fixedFont">
3542                         <span class="attributes"></span><b class="itemname">markValid</b>
3543
3544                                  ()
3545
3546
3547
3548                 </div>
3549                 <div class="mdesc">
3550
3551                    <div class="short">Mark this field as valid</div>
3552
3553
3554
3555                     <div class="long">
3556
3557                                 Mark this field as valid
3558
3559
3560
3561
3562
3563
3564
3565
3566
3567
3568
3569
3570
3571
3572
3573
3574                     </div>
3575                 </div>
3576
3577             </td>
3578             <td class="msource">
3579
3580                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3581                 &nbsp;
3582             </td>
3583         </tr>
3584
3585
3586           <tr class="method-row config-row-alt0 expandable">
3587             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3588
3589
3590             <td class="sig">
3591                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3592                 <div class="fixedFont">
3593                         <span class="attributes"></span><b class="itemname">on</b>
3594
3595                                  (<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>)
3596
3597
3598
3599                 </div>
3600                 <div class="mdesc">
3601
3602                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3603
3604
3605
3606                     <div class="long">
3607
3608                                 Appends an event handler to this element (shorthand for addListener)
3609
3610
3611
3612
3613
3614
3615                                 <dl class="detailList">
3616                                 <dt class="heading">Parameters:</dt>
3617
3618                                         <dt>
3619                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3620
3621                                         </dt>
3622                                         <dd>The type of event to listen for</dd>
3623
3624                                         <dt>
3625                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3626
3627                                         </dt>
3628                                         <dd>The method the event invokes</dd>
3629
3630                                         <dt>
3631                                                 <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>
3632
3633                                         </dt>
3634                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3635
3636                                         <dt>
3637                                                 <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>
3638
3639                                         </dt>
3640                                         <dd>(optional)</dd>
3641
3642                                 </dl>
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654                     </div>
3655                 </div>
3656
3657             </td>
3658             <td class="msource">
3659
3660                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3661                 &nbsp;
3662             </td>
3663         </tr>
3664
3665
3666           <tr class="method-row config-row-alt1 expandable">
3667             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3668
3669
3670             <td class="sig">
3671                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3672                 <div class="fixedFont">
3673                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3674
3675                                  ()
3676
3677
3678
3679                 </div>
3680                 <div class="mdesc">
3681
3682                    <div class="short">Removes all listeners for this object</div>
3683
3684
3685
3686                     <div class="long">
3687
3688                                 Removes all listeners for this object
3689
3690
3691
3692
3693
3694
3695
3696
3697
3698
3699
3700
3701
3702
3703
3704
3705                     </div>
3706                 </div>
3707
3708             </td>
3709             <td class="msource">
3710
3711                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3712                 &nbsp;
3713             </td>
3714         </tr>
3715
3716
3717           <tr class="method-row config-row-alt0 expandable">
3718             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3719
3720
3721             <td class="sig">
3722                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3723                 <div class="fixedFont">
3724                         <span class="attributes"></span><b class="itemname">removeListener</b>
3725
3726                                  (<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>)
3727
3728
3729
3730                 </div>
3731                 <div class="mdesc">
3732
3733                    <div class="short">Removes a listener</div>
3734
3735
3736
3737                     <div class="long">
3738
3739                                 Removes a listener
3740
3741
3742
3743
3744
3745
3746                                 <dl class="detailList">
3747                                 <dt class="heading">Parameters:</dt>
3748
3749                                         <dt>
3750                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3751
3752                                         </dt>
3753                                         <dd>The type of event to listen for</dd>
3754
3755                                         <dt>
3756                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3757
3758                                         </dt>
3759                                         <dd>The handler to remove</dd>
3760
3761                                         <dt>
3762                                                 <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>
3763
3764                                         </dt>
3765                                         <dd>(optional) The scope (this object) for the handler</dd>
3766
3767                                 </dl>
3768
3769
3770
3771
3772
3773
3774
3775
3776
3777
3778
3779                     </div>
3780                 </div>
3781
3782             </td>
3783             <td class="msource">
3784
3785                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3786                 &nbsp;
3787             </td>
3788         </tr>
3789
3790
3791           <tr class="method-row config-row-alt1 expandable">
3792             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3793
3794
3795             <td class="sig">
3796                 <a id="Roo.Component-method-render"   name=".render"></a>
3797                 <div class="fixedFont">
3798                         <span class="attributes"></span><b class="itemname">render</b>
3799
3800                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3801
3802
3803
3804                 </div>
3805                 <div class="mdesc">
3806
3807                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3808
3809
3810
3811                     <div class="long">
3812
3813                                 If this is a lazy rendering component, render it to its container element.
3814
3815
3816
3817
3818
3819
3820                                 <dl class="detailList">
3821                                 <dt class="heading">Parameters:</dt>
3822
3823                                         <dt>
3824                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3825
3826                                         </dt>
3827                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3828
3829                                 </dl>
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841                     </div>
3842                 </div>
3843
3844             </td>
3845             <td class="msource">
3846
3847                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3848                 &nbsp;
3849             </td>
3850         </tr>
3851
3852
3853           <tr class="method-row config-row-alt0 expandable">
3854             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3855
3856
3857             <td class="sig">
3858                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3859                 <div class="fixedFont">
3860                         <span class="attributes"></span><b class="itemname">reset</b>
3861
3862                                  ()
3863
3864
3865
3866                 </div>
3867                 <div class="mdesc">
3868
3869                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3870
3871
3872
3873                     <div class="long">
3874
3875                                 Resets the current field value to the originally loaded value and clears any validation messages
3876
3877
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887
3888
3889
3890
3891
3892                     </div>
3893                 </div>
3894
3895             </td>
3896             <td class="msource">
3897
3898                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3899                 &nbsp;
3900             </td>
3901         </tr>
3902
3903
3904           <tr class="method-row config-row-alt1 expandable">
3905             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3906
3907
3908             <td class="sig">
3909                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3910                 <div class="fixedFont">
3911                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3912
3913                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3914
3915
3916
3917                 </div>
3918                 <div class="mdesc">
3919
3920                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3921
3922
3923
3924                     <div class="long">
3925
3926                                 Convenience function for setting disabled/enabled by boolean.
3927
3928
3929
3930
3931
3932
3933                                 <dl class="detailList">
3934                                 <dt class="heading">Parameters:</dt>
3935
3936                                         <dt>
3937                                                 <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>
3938
3939                                         </dt>
3940                                         <dd></dd>
3941
3942                                 </dl>
3943
3944
3945
3946
3947
3948
3949
3950
3951
3952
3953
3954                     </div>
3955                 </div>
3956
3957             </td>
3958             <td class="msource">
3959
3960                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3961                 &nbsp;
3962             </td>
3963         </tr>
3964
3965
3966           <tr class="method-row config-row-alt0 expandable">
3967             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3968
3969
3970             <td class="sig">
3971                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3972                 <div class="fixedFont">
3973                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3974
3975                                  (Mixed <B><i>value</i></B>)
3976
3977
3978
3979                 </div>
3980                 <div class="mdesc">
3981
3982                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3983
3984
3985
3986                     <div class="long">
3987
3988                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3989
3990
3991
3992
3993
3994
3995                                 <dl class="detailList">
3996                                 <dt class="heading">Parameters:</dt>
3997
3998                                         <dt>
3999                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4000
4001                                         </dt>
4002                                         <dd>The value to set</dd>
4003
4004                                 </dl>
4005
4006
4007
4008
4009
4010
4011
4012
4013
4014
4015
4016                     </div>
4017                 </div>
4018
4019             </td>
4020             <td class="msource">
4021
4022                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4023                 &nbsp;
4024             </td>
4025         </tr>
4026
4027
4028           <tr class="method-row config-row-alt1 expandable">
4029             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4030
4031
4032             <td class="sig">
4033                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
4034                 <div class="fixedFont">
4035                         <span class="attributes"></span><b class="itemname">setValue</b>
4036
4037                                  (Mixed <B><i>value</i></B>)
4038
4039
4040
4041                 </div>
4042                 <div class="mdesc">
4043
4044                    <div class="short">Sets a data value into the field and validates it.</div>
4045
4046
4047
4048                     <div class="long">
4049
4050                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
4051
4052
4053
4054
4055
4056
4057                                 <dl class="detailList">
4058                                 <dt class="heading">Parameters:</dt>
4059
4060                                         <dt>
4061                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4062
4063                                         </dt>
4064                                         <dd>The value to set</dd>
4065
4066                                 </dl>
4067
4068
4069
4070
4071
4072
4073
4074
4075
4076
4077
4078                     </div>
4079                 </div>
4080
4081             </td>
4082             <td class="msource">
4083
4084                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4085                 &nbsp;
4086             </td>
4087         </tr>
4088
4089
4090           <tr class="method-row config-row-alt0 expandable">
4091             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4092
4093
4094             <td class="sig">
4095                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4096                 <div class="fixedFont">
4097                         <span class="attributes"></span><b class="itemname">setVisible</b>
4098
4099                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4100
4101
4102                                          :
4103
4104
4105                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4106
4107
4108
4109
4110
4111                 </div>
4112                 <div class="mdesc">
4113
4114                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4115
4116
4117
4118                     <div class="long">
4119
4120                                 Convenience function to hide or show this component by boolean.
4121
4122
4123
4124
4125
4126
4127                                 <dl class="detailList">
4128                                 <dt class="heading">Parameters:</dt>
4129
4130                                         <dt>
4131                                                 <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>
4132
4133                                         </dt>
4134                                         <dd>True to show, false to hide</dd>
4135
4136                                 </dl>
4137
4138
4139
4140
4141
4142                                 <dl class="detailList">
4143                                 <dt class="heading">Returns:</dt>
4144
4145                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4146
4147                                 </dl>
4148
4149
4150
4151
4152
4153
4154
4155                     </div>
4156                 </div>
4157
4158             </td>
4159             <td class="msource">
4160
4161                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4162                 &nbsp;
4163             </td>
4164         </tr>
4165
4166
4167           <tr class="method-row config-row-alt1 expandable">
4168             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4169
4170
4171             <td class="sig">
4172                 <a id="Roo.bootstrap.Component-method-show"   name=".show"></a>
4173                 <div class="fixedFont">
4174                         <span class="attributes"></span><b class="itemname">show</b>
4175
4176                                  ()
4177
4178
4179
4180                 </div>
4181                 <div class="mdesc">
4182
4183                    <div class="short">Show a component - removes 'hidden' class</div>
4184
4185
4186
4187                     <div class="long">
4188
4189                                 Show a component - removes 'hidden' class
4190
4191
4192
4193
4194
4195
4196
4197
4198
4199
4200
4201
4202
4203
4204
4205
4206                     </div>
4207                 </div>
4208
4209             </td>
4210             <td class="msource">
4211
4212                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4213                 &nbsp;
4214             </td>
4215         </tr>
4216
4217
4218           <tr class="method-row config-row-alt0 expandable">
4219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4220
4221
4222             <td class="sig">
4223                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
4224                 <div class="fixedFont">
4225                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
4226
4227                                  ()
4228
4229
4230                                          :
4231
4232
4233                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4234
4235
4236
4237
4238
4239                 </div>
4240                 <div class="mdesc">
4241
4242                    <div class="short">Fetch the element to display the tooltip on.</div>
4243
4244
4245
4246                     <div class="long">
4247
4248                                 Fetch the element to display the tooltip on.
4249
4250
4251
4252
4253
4254
4255
4256
4257
4258
4259                                 <dl class="detailList">
4260                                 <dt class="heading">Returns:</dt>
4261
4262                                         <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>
4263
4264                                 </dl>
4265
4266
4267
4268
4269
4270
4271
4272                     </div>
4273                 </div>
4274
4275             </td>
4276             <td class="msource">
4277
4278                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4279                 &nbsp;
4280             </td>
4281         </tr>
4282
4283
4284           <tr class="method-row config-row-alt1 expandable">
4285             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4286
4287
4288             <td class="sig">
4289                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4290                 <div class="fixedFont">
4291                         <span class="attributes"></span><b class="itemname">un</b>
4292
4293                                  (<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>)
4294
4295
4296
4297                 </div>
4298                 <div class="mdesc">
4299
4300                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4301
4302
4303
4304                     <div class="long">
4305
4306                                 Removes a listener (shorthand for removeListener)
4307
4308
4309
4310
4311
4312
4313                                 <dl class="detailList">
4314                                 <dt class="heading">Parameters:</dt>
4315
4316                                         <dt>
4317                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4318
4319                                         </dt>
4320                                         <dd>The type of event to listen for</dd>
4321
4322                                         <dt>
4323                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4324
4325                                         </dt>
4326                                         <dd>The handler to remove</dd>
4327
4328                                         <dt>
4329                                                 <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>
4330
4331                                         </dt>
4332                                         <dd>(optional) The scope (this object) for the handler</dd>
4333
4334                                 </dl>
4335
4336
4337
4338
4339
4340
4341
4342
4343
4344
4345
4346                     </div>
4347                 </div>
4348
4349             </td>
4350             <td class="msource">
4351
4352                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4353                 &nbsp;
4354             </td>
4355         </tr>
4356
4357
4358           <tr class="method-row config-row-alt0 expandable">
4359             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4360
4361
4362             <td class="sig">
4363                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4364                 <div class="fixedFont">
4365                         <span class="attributes"></span><b class="itemname">validate</b>
4366
4367                                  ()
4368
4369
4370                                          :
4371
4372
4373                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4374
4375
4376
4377
4378
4379                 </div>
4380                 <div class="mdesc">
4381
4382                    <div class="short">Validates the field value</div>
4383
4384
4385
4386                     <div class="long">
4387
4388                                 Validates the field value
4389
4390
4391
4392
4393
4394
4395
4396
4397
4398
4399                                 <dl class="detailList">
4400                                 <dt class="heading">Returns:</dt>
4401
4402                                         <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>
4403
4404                                 </dl>
4405
4406
4407
4408
4409
4410
4411
4412                     </div>
4413                 </div>
4414
4415             </td>
4416             <td class="msource">
4417
4418                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4419                 &nbsp;
4420             </td>
4421         </tr>
4422
4423
4424           <tr class="method-row config-row-alt1 expandable">
4425             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4426
4427
4428             <td class="sig">
4429                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4430                 <div class="fixedFont">
4431                         <span class="attributes"></span><b class="itemname">validateValue</b>
4432
4433                                  (Mixed <B><i>value</i></B>)
4434
4435
4436                                          :
4437
4438
4439                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4440
4441
4442
4443
4444
4445                 </div>
4446                 <div class="mdesc">
4447
4448                    <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>
4449
4450
4451
4452                     <div class="long">
4453
4454                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4455
4456
4457
4458
4459
4460
4461                                 <dl class="detailList">
4462                                 <dt class="heading">Parameters:</dt>
4463
4464                                         <dt>
4465                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4466
4467                                         </dt>
4468                                         <dd>The value to validate</dd>
4469
4470                                 </dl>
4471
4472
4473
4474
4475
4476                                 <dl class="detailList">
4477                                 <dt class="heading">Returns:</dt>
4478
4479                                         <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>
4480
4481                                 </dl>
4482
4483
4484
4485
4486
4487
4488
4489                     </div>
4490                 </div>
4491
4492             </td>
4493             <td class="msource">
4494
4495                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4496                 &nbsp;
4497             </td>
4498         </tr>
4499
4500
4501     </table>
4502
4503
4504   <!-- ============================== events summary / details ======================== -->
4505
4506
4507   <a id="Roo.bootstrap.SecurePass-events"></a>
4508
4509
4510
4511
4512
4513
4514
4515
4516       <table cellspacing="0" class="member-table">
4517                 <caption>Events</caption>
4518               <thead>
4519                 <tr>
4520                     <th class="sig-header" colspan="2">Event</th>
4521                     <th class="msource-header">Defined By</th>
4522
4523                 </tr>
4524               </thead>
4525
4526
4527
4528
4529
4530           <tr class="method-row expandable config-row-alt0">
4531             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4532
4533             <td class="sig">
4534                 <a id="Roo.Component-event-*beforedestroy"></a>
4535
4536                <div class="fixedFont">
4537                 <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>)
4538
4539                 </div>
4540
4541                 <div class="mdesc">
4542
4543                    <div class="short">Fires before the component is destroyed.
4544
4545                 </div>
4546
4547                     <div class="long">
4548
4549                         Fires before the component is destroyed. Return false to stop the destroy.
4550
4551
4552
4553
4554
4555                                 <dl class="detailList">
4556                                 <dt class="heading">Parameters:</dt>
4557
4558                                         <dt>
4559                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4560
4561                                         </dt>
4562                                         <dd></dd>
4563
4564                                 </dl>
4565
4566
4567
4568
4569
4570
4571
4572
4573
4574
4575
4576                     </div>
4577                 </div>
4578
4579             </td>
4580             <td class="msource">
4581                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4582             </td>
4583         </tr>
4584
4585           <tr class="method-row expandable config-row-alt1">
4586             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4587
4588             <td class="sig">
4589                 <a id="Roo.Component-event-*beforehide"></a>
4590
4591                <div class="fixedFont">
4592                 <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>)
4593
4594                 </div>
4595
4596                 <div class="mdesc">
4597
4598                    <div class="short">Fires before the component is hidden.
4599
4600                 </div>
4601
4602                     <div class="long">
4603
4604                         Fires before the component is hidden. Return false to stop the hide.
4605
4606
4607
4608
4609
4610                                 <dl class="detailList">
4611                                 <dt class="heading">Parameters:</dt>
4612
4613                                         <dt>
4614                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4615
4616                                         </dt>
4617                                         <dd></dd>
4618
4619                                 </dl>
4620
4621
4622
4623
4624
4625
4626
4627
4628
4629
4630
4631                     </div>
4632                 </div>
4633
4634             </td>
4635             <td class="msource">
4636                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4637             </td>
4638         </tr>
4639
4640           <tr class="method-row expandable config-row-alt0">
4641             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4642
4643             <td class="sig">
4644                 <a id="Roo.Component-event-*beforerender"></a>
4645
4646                <div class="fixedFont">
4647                 <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>)
4648
4649                 </div>
4650
4651                 <div class="mdesc">
4652
4653                    <div class="short">Fires before the component is rendered.
4654
4655                 </div>
4656
4657                     <div class="long">
4658
4659                         Fires before the component is rendered. Return false to stop the render.
4660
4661
4662
4663
4664
4665                                 <dl class="detailList">
4666                                 <dt class="heading">Parameters:</dt>
4667
4668                                         <dt>
4669                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4670
4671                                         </dt>
4672                                         <dd></dd>
4673
4674                                 </dl>
4675
4676
4677
4678
4679
4680
4681
4682
4683
4684
4685
4686                     </div>
4687                 </div>
4688
4689             </td>
4690             <td class="msource">
4691                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4692             </td>
4693         </tr>
4694
4695           <tr class="method-row expandable config-row-alt1">
4696             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4697
4698             <td class="sig">
4699                 <a id="Roo.Component-event-*beforeshow"></a>
4700
4701                <div class="fixedFont">
4702                 <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>)
4703
4704                 </div>
4705
4706                 <div class="mdesc">
4707
4708                    <div class="short">Fires before the component is shown.
4709
4710                 </div>
4711
4712                     <div class="long">
4713
4714                         Fires before the component is shown.  Return false to stop the show.
4715
4716
4717
4718
4719
4720                                 <dl class="detailList">
4721                                 <dt class="heading">Parameters:</dt>
4722
4723                                         <dt>
4724                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4725
4726                                         </dt>
4727                                         <dd></dd>
4728
4729                                 </dl>
4730
4731
4732
4733
4734
4735
4736
4737
4738
4739
4740
4741                     </div>
4742                 </div>
4743
4744             </td>
4745             <td class="msource">
4746                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4747             </td>
4748         </tr>
4749
4750           <tr class="method-row expandable config-row-alt0">
4751             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4752
4753             <td class="sig">
4754                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4755
4756                <div class="fixedFont">
4757                 <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>)
4758
4759                 </div>
4760
4761                 <div class="mdesc">
4762
4763                    <div class="short">Fires when this field loses input focus.
4764
4765                 </div>
4766
4767                     <div class="long">
4768
4769                         Fires when this field loses input focus.
4770
4771
4772
4773
4774
4775                                 <dl class="detailList">
4776                                 <dt class="heading">Parameters:</dt>
4777
4778                                         <dt>
4779                                                 <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>
4780
4781                                         </dt>
4782                                         <dd></dd>
4783
4784                                 </dl>
4785
4786
4787
4788
4789
4790
4791
4792
4793
4794
4795
4796                     </div>
4797                 </div>
4798
4799             </td>
4800             <td class="msource">
4801                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4802             </td>
4803         </tr>
4804
4805           <tr class="method-row expandable config-row-alt1">
4806             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4807
4808             <td class="sig">
4809                 <a id="Roo.bootstrap.Input-event-*change"></a>
4810
4811                <div class="fixedFont">
4812                 <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>)
4813
4814                 </div>
4815
4816                 <div class="mdesc">
4817
4818                    <div class="short">Fires just before the field blurs if the field value has changed.
4819
4820                 </div>
4821
4822                     <div class="long">
4823
4824                         Fires just before the field blurs if the field value has changed.
4825
4826
4827
4828
4829
4830                                 <dl class="detailList">
4831                                 <dt class="heading">Parameters:</dt>
4832
4833                                         <dt>
4834                                                 <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>
4835
4836                                         </dt>
4837                                         <dd></dd>
4838
4839                                         <dt>
4840                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4841
4842                                         </dt>
4843                                         <dd>The new value</dd>
4844
4845                                         <dt>
4846                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4847
4848                                         </dt>
4849                                         <dd>The original value</dd>
4850
4851                                 </dl>
4852
4853
4854
4855
4856
4857
4858
4859
4860
4861
4862
4863                     </div>
4864                 </div>
4865
4866             </td>
4867             <td class="msource">
4868                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4869             </td>
4870         </tr>
4871
4872           <tr class="method-row expandable config-row-alt0">
4873             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4874
4875             <td class="sig">
4876                 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
4877
4878                <div class="fixedFont">
4879                 <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>)
4880
4881                 </div>
4882
4883                 <div class="mdesc">
4884
4885                    <div class="short">Fires when the children have been rendered.
4886
4887                 </div>
4888
4889                     <div class="long">
4890
4891                         Fires when the children have been rendered..
4892
4893
4894
4895
4896
4897                                 <dl class="detailList">
4898                                 <dt class="heading">Parameters:</dt>
4899
4900                                         <dt>
4901                                                 <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>
4902
4903                                         </dt>
4904                                         <dd></dd>
4905
4906                                 </dl>
4907
4908
4909
4910
4911
4912
4913
4914
4915
4916
4917
4918                     </div>
4919                 </div>
4920
4921             </td>
4922             <td class="msource">
4923                 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4924             </td>
4925         </tr>
4926
4927           <tr class="method-row expandable config-row-alt1">
4928             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4929
4930             <td class="sig">
4931                 <a id="Roo.Component-event-*destroy"></a>
4932
4933                <div class="fixedFont">
4934                 <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>)
4935
4936                 </div>
4937
4938                 <div class="mdesc">
4939
4940                    <div class="short">Fires after the component is destroyed.
4941
4942                 </div>
4943
4944                     <div class="long">
4945
4946                         Fires after the component is destroyed.
4947
4948
4949
4950
4951
4952                                 <dl class="detailList">
4953                                 <dt class="heading">Parameters:</dt>
4954
4955                                         <dt>
4956                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4957
4958                                         </dt>
4959                                         <dd></dd>
4960
4961                                 </dl>
4962
4963
4964
4965
4966
4967
4968
4969
4970
4971
4972
4973                     </div>
4974                 </div>
4975
4976             </td>
4977             <td class="msource">
4978                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4979             </td>
4980         </tr>
4981
4982           <tr class="method-row expandable config-row-alt0">
4983             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4984
4985             <td class="sig">
4986                 <a id="Roo.Component-event-*disable"></a>
4987
4988                <div class="fixedFont">
4989                 <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>)
4990
4991                 </div>
4992
4993                 <div class="mdesc">
4994
4995                    <div class="short">Fires after the component is disabled.
4996
4997                 </div>
4998
4999                     <div class="long">
5000
5001                         Fires after the component is disabled.
5002
5003
5004
5005
5006
5007                                 <dl class="detailList">
5008                                 <dt class="heading">Parameters:</dt>
5009
5010                                         <dt>
5011                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5012
5013                                         </dt>
5014                                         <dd></dd>
5015
5016                                 </dl>
5017
5018
5019
5020
5021
5022
5023
5024
5025
5026
5027
5028                     </div>
5029                 </div>
5030
5031             </td>
5032             <td class="msource">
5033                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5034             </td>
5035         </tr>
5036
5037           <tr class="method-row expandable config-row-alt1">
5038             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5039
5040             <td class="sig">
5041                 <a id="Roo.Component-event-*enable"></a>
5042
5043                <div class="fixedFont">
5044                 <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>)
5045
5046                 </div>
5047
5048                 <div class="mdesc">
5049
5050                    <div class="short">Fires after the component is enabled.
5051
5052                 </div>
5053
5054                     <div class="long">
5055
5056                         Fires after the component is enabled.
5057
5058
5059
5060
5061
5062                                 <dl class="detailList">
5063                                 <dt class="heading">Parameters:</dt>
5064
5065                                         <dt>
5066                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5067
5068                                         </dt>
5069                                         <dd></dd>
5070
5071                                 </dl>
5072
5073
5074
5075
5076
5077
5078
5079
5080
5081
5082
5083                     </div>
5084                 </div>
5085
5086             </td>
5087             <td class="msource">
5088                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5089             </td>
5090         </tr>
5091
5092           <tr class="method-row expandable config-row-alt0">
5093             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5094
5095             <td class="sig">
5096                 <a id="Roo.bootstrap.Input-event-*focus"></a>
5097
5098                <div class="fixedFont">
5099                 <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>)
5100
5101                 </div>
5102
5103                 <div class="mdesc">
5104
5105                    <div class="short">Fires when this field receives input focus.
5106
5107                 </div>
5108
5109                     <div class="long">
5110
5111                         Fires when this field receives input focus.
5112
5113
5114
5115
5116
5117                                 <dl class="detailList">
5118                                 <dt class="heading">Parameters:</dt>
5119
5120                                         <dt>
5121                                                 <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>
5122
5123                                         </dt>
5124                                         <dd></dd>
5125
5126                                 </dl>
5127
5128
5129
5130
5131
5132
5133
5134
5135
5136
5137
5138                     </div>
5139                 </div>
5140
5141             </td>
5142             <td class="msource">
5143                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5144             </td>
5145         </tr>
5146
5147           <tr class="method-row expandable config-row-alt1">
5148             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5149
5150             <td class="sig">
5151                 <a id="Roo.Component-event-*hide"></a>
5152
5153                <div class="fixedFont">
5154                 <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>)
5155
5156                 </div>
5157
5158                 <div class="mdesc">
5159
5160                    <div class="short">Fires after the component is hidden.
5161
5162                 </div>
5163
5164                     <div class="long">
5165
5166                         Fires after the component is hidden.
5167
5168
5169
5170
5171
5172                                 <dl class="detailList">
5173                                 <dt class="heading">Parameters:</dt>
5174
5175                                         <dt>
5176                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5177
5178                                         </dt>
5179                                         <dd></dd>
5180
5181                                 </dl>
5182
5183
5184
5185
5186
5187
5188
5189
5190
5191
5192
5193                     </div>
5194                 </div>
5195
5196             </td>
5197             <td class="msource">
5198                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5199             </td>
5200         </tr>
5201
5202           <tr class="method-row expandable config-row-alt0">
5203             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5204
5205             <td class="sig">
5206                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
5207
5208                <div class="fixedFont">
5209                 <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>)
5210
5211                 </div>
5212
5213                 <div class="mdesc">
5214
5215                    <div class="short">Fires after the field has been marked as invalid.
5216
5217                 </div>
5218
5219                     <div class="long">
5220
5221                         Fires after the field has been marked as invalid.
5222
5223
5224
5225
5226
5227                                 <dl class="detailList">
5228                                 <dt class="heading">Parameters:</dt>
5229
5230                                         <dt>
5231                                                 <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>
5232
5233                                         </dt>
5234                                         <dd></dd>
5235
5236                                         <dt>
5237                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5238
5239                                         </dt>
5240                                         <dd>The validation message</dd>
5241
5242                                 </dl>
5243
5244
5245
5246
5247
5248
5249
5250
5251
5252
5253
5254                     </div>
5255                 </div>
5256
5257             </td>
5258             <td class="msource">
5259                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5260             </td>
5261         </tr>
5262
5263           <tr class="method-row expandable config-row-alt1">
5264             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5265
5266             <td class="sig">
5267                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
5268
5269                <div class="fixedFont">
5270                 <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>)
5271
5272                 </div>
5273
5274                 <div class="mdesc">
5275
5276                    <div class="short">Fires after the key up
5277
5278                 </div>
5279
5280                     <div class="long">
5281
5282                         Fires after the key up
5283
5284
5285
5286
5287
5288                                 <dl class="detailList">
5289                                 <dt class="heading">Parameters:</dt>
5290
5291                                         <dt>
5292                                                 <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>
5293
5294                                         </dt>
5295                                         <dd></dd>
5296
5297                                         <dt>
5298                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5299
5300                                         </dt>
5301                                         <dd>The event Object</dd>
5302
5303                                 </dl>
5304
5305
5306
5307
5308
5309
5310
5311
5312
5313
5314
5315                     </div>
5316                 </div>
5317
5318             </td>
5319             <td class="msource">
5320                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5321             </td>
5322         </tr>
5323
5324           <tr class="method-row expandable config-row-alt0">
5325             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5326
5327             <td class="sig">
5328                 <a id="Roo.Component-event-*render"></a>
5329
5330                <div class="fixedFont">
5331                 <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>)
5332
5333                 </div>
5334
5335                 <div class="mdesc">
5336
5337                    <div class="short">Fires after the component is rendered.
5338
5339                 </div>
5340
5341                     <div class="long">
5342
5343                         Fires after the component is rendered.
5344
5345
5346
5347
5348
5349                                 <dl class="detailList">
5350                                 <dt class="heading">Parameters:</dt>
5351
5352                                         <dt>
5353                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5354
5355                                         </dt>
5356                                         <dd></dd>
5357
5358                                 </dl>
5359
5360
5361
5362
5363
5364
5365
5366
5367
5368
5369
5370                     </div>
5371                 </div>
5372
5373             </td>
5374             <td class="msource">
5375                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5376             </td>
5377         </tr>
5378
5379           <tr class="method-row expandable config-row-alt1">
5380             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5381
5382             <td class="sig">
5383                 <a id="Roo.Component-event-*show"></a>
5384
5385                <div class="fixedFont">
5386                 <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>)
5387
5388                 </div>
5389
5390                 <div class="mdesc">
5391
5392                    <div class="short">Fires after the component is shown.
5393
5394                 </div>
5395
5396                     <div class="long">
5397
5398                         Fires after the component is shown.
5399
5400
5401
5402
5403
5404                                 <dl class="detailList">
5405                                 <dt class="heading">Parameters:</dt>
5406
5407                                         <dt>
5408                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5409
5410                                         </dt>
5411                                         <dd></dd>
5412
5413                                 </dl>
5414
5415
5416
5417
5418
5419
5420
5421
5422
5423
5424
5425                     </div>
5426                 </div>
5427
5428             </td>
5429             <td class="msource">
5430                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5431             </td>
5432         </tr>
5433
5434           <tr class="method-row expandable config-row-alt0">
5435             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5436
5437             <td class="sig">
5438                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5439
5440                <div class="fixedFont">
5441                 <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>)
5442
5443                 </div>
5444
5445                 <div class="mdesc">
5446
5447                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5448
5449                 </div>
5450
5451                     <div class="long">
5452
5453                         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.
5454
5455
5456
5457
5458
5459                                 <dl class="detailList">
5460                                 <dt class="heading">Parameters:</dt>
5461
5462                                         <dt>
5463                                                 <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>
5464
5465                                         </dt>
5466                                         <dd></dd>
5467
5468                                         <dt>
5469                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5470
5471                                         </dt>
5472                                         <dd>The event object</dd>
5473
5474                                 </dl>
5475
5476
5477
5478
5479
5480
5481
5482
5483
5484
5485
5486                     </div>
5487                 </div>
5488
5489             </td>
5490             <td class="msource">
5491                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5492             </td>
5493         </tr>
5494
5495           <tr class="method-row expandable config-row-alt1">
5496             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5497
5498             <td class="sig">
5499                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5500
5501                <div class="fixedFont">
5502                 <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>)
5503
5504                 </div>
5505
5506                 <div class="mdesc">
5507
5508                    <div class="short">Fires after the field has been validated with no errors.
5509
5510                 </div>
5511
5512                     <div class="long">
5513
5514                         Fires after the field has been validated with no errors.
5515
5516
5517
5518
5519
5520                                 <dl class="detailList">
5521                                 <dt class="heading">Parameters:</dt>
5522
5523                                         <dt>
5524                                                 <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>
5525
5526                                         </dt>
5527                                         <dd></dd>
5528
5529                                 </dl>
5530
5531
5532
5533
5534
5535
5536
5537
5538
5539
5540
5541                     </div>
5542                 </div>
5543
5544             </td>
5545             <td class="msource">
5546                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5547             </td>
5548         </tr>
5549
5550
5551     </table>
5552
5553
5554
5555
5556
5557 <!-- ============================== footer ================================= -->
5558                 <div class="fineprint" style="clear:both">
5559
5560                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Nov 23 2017 14:32:45 GMT+0800 (HKT)
5561                         Based on
5562                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5563                 </div>
5564         </body>
5565 </html>