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