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