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