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