git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.Radio.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.Radio</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.Radio-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.bootstrap.Radio-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.bootstrap.Radio-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.bootstrap.Radio-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.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a>
  51 <img src="../../images/default/s.gif" height="1"  width="100"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.Radio
  52
  53                    </pre>
  54                 </div>
  55
  56 <!-- ============================== class title / details ============================ -->
  57
  58
  59     <h1 class="classTitle">
  60
  61                                 Class Roo.bootstrap.Radio
  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_Radio.js.html">Roo/bootstrap/Radio.js</a>.
  71
  72         </td></tr>
  73         <tr><td class="label">Class:</td><td class="hd-info">Radio</td></tr>
  74
  75
  76
  77
  78                 <tr><td class="label">Extends:</td><td class="hd-info">
  79                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a>
  80
  81                 </td></tr>
  82
  83
  84     </table>
  85
  86
  87 <!-- ============================== class summary ========================== -->
  88     <div class="description">
  89         Bootstrap Radio class
  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.Radio';">[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.Radio.html"></iframe>
 101 </div>
 102
 103
 104
 105 <!-- ============================== config options ========================== -->
 106
 107
 108
 109
 110     <div class="hr"></div>
 111     <a id="Roo.bootstrap.Radio-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.CheckBox-cfg-boxLabel" name=".boxLabel"></a>
 400                         <div class="fixedFont">
 401                                 <b  class="itemname">boxLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 402
 403
 404                         </div>
 405
 406                         <div class="mdesc">
 407                             <div class="short">The text that appears beside the checkbox</div>
 408                         </div>
 409
 410                         <div class="mdesc">
 411                             <div class="long">
 412                     The text that appears beside the checkbox
 413
 414                 </div>
 415                         </div>
 416
 417
 418
 419                     </td>
 420                     <td class="msource">
 421
 422                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
 433                         <div class="fixedFont">
 434                                 <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>
 435
 436
 437                         </div>
 438
 439                         <div class="mdesc">
 440                             <div class="short">True if element can be rebuild from a HTML page</div>
 441                         </div>
 442
 443                         <div class="mdesc">
 444                             <div class="long">
 445                     True if element can be rebuild from a HTML page
 446
 447                 </div>
 448                         </div>
 449
 450
 451
 452                     </td>
 453                     <td class="msource">
 454
 455                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</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.CheckBox-cfg-checked" name=".checked"></a>
 466                         <div class="fixedFont">
 467                                 <b  class="itemname">checked</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 468
 469
 470                         </div>
 471
 472                         <div class="mdesc">
 473                             <div class="short">initnal the element</div>
 474                         </div>
 475
 476                         <div class="mdesc">
 477                             <div class="long">
 478                     initnal the element
 479
 480                 </div>
 481                         </div>
 482
 483
 484
 485                     </td>
 486                     <td class="msource">
 487
 488                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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-cls" name=".cls"></a>
 499                         <div class="fixedFont">
 500                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 501
 502
 503                         </div>
 504
 505                         <div class="mdesc">
 506                             <div class="short">css class</div>
 507                         </div>
 508
 509                         <div class="mdesc">
 510                             <div class="long">
 511                     css class
 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-container_method" name=".container_method"></a>
 532                         <div class="fixedFont">
 533                                 <b  class="itemname">container_method</b> : string
 534
 535
 536                         </div>
 537
 538                         <div class="mdesc">
 539                             <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div>
 540                         </div>
 541
 542                         <div class="mdesc">
 543                             <div class="long">
 544                     method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
 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">
 561                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 562                     <td class="sig">
 563
 564                         <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
 565                         <div class="fixedFont">
 566                                 <b  class="itemname">dataId</b> : string
 567
 568
 569                         </div>
 570
 571                         <div class="mdesc">
 572                             <div class="short">cutomer id</div>
 573                         </div>
 574
 575                         <div class="mdesc">
 576                             <div class="long">
 577                     cutomer id
 578
 579                 </div>
 580                         </div>
 581
 582
 583
 584                     </td>
 585                     <td class="msource">
 586
 587                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 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> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 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.CheckBox-cfg-groupId" name=".groupId"></a>
 763                         <div class="fixedFont">
 764                                 <b  class="itemname">groupId</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 765
 766
 767                         </div>
 768
 769                         <div class="mdesc">
 770                             <div class="short">the checkbox group id // normal just use for checkbox</div>
 771                         </div>
 772
 773                         <div class="mdesc">
 774                             <div class="long">
 775                     the checkbox group id // normal just use for checkbox
 776
 777                 </div>
 778                         </div>
 779
 780
 781
 782                     </td>
 783                     <td class="msource">
 784
 785                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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.Component-cfg-hideMode" name=".hideMode"></a>
 796                         <div class="fixedFont">
 797                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 798
 799
 800                         </div>
 801
 802                         <div class="mdesc">
 803                             <div class="short">How this component should hidden.</div>
 804                         </div>
 805
 806                         <div class="mdesc">
 807                             <div class="long">
 808                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
 809                     <BR/>Possible Values: display, visibility
 810                 </div>
 811                         </div>
 812
 813
 814
 815                     </td>
 816                     <td class="msource">
 817
 818                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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.bootstrap.CheckBox-cfg-inline" name=".inline"></a>
 829                         <div class="fixedFont">
 830                                 <b  class="itemname">inline</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 831
 832
 833                         </div>
 834
 835                         <div class="mdesc">
 836                             <div class="short">inline the element (default false)</div>
 837                         </div>
 838
 839                         <div class="mdesc">
 840                             <div class="long">
 841                     inline the element (default false)
 842
 843                 </div>
 844                         </div>
 845
 846
 847
 848                     </td>
 849                     <td class="msource">
 850
 851                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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.Input-cfg-inputType" name=".inputType"></a>
 862                         <div class="fixedFont">
 863                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 864
 865
 866                         </div>
 867
 868                         <div class="mdesc">
 869                             <div class="short">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
 870                         </div>
 871
 872                         <div class="mdesc">
 873                             <div class="long">
 874                     button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text
 875
 876                 </div>
 877                         </div>
 878
 879
 880
 881                     </td>
 882                     <td class="msource">
 883
 884                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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.CheckBox-cfg-inputValue" name=".inputValue"></a>
 895                         <div class="fixedFont">
 896                                 <b  class="itemname">inputValue</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">The value that should go into the generated input element's value when checked.</div>
 903                         </div>
 904
 905                         <div class="mdesc">
 906                             <div class="long">
 907                     The value that should go into the generated input element's value when checked.
 908
 909                 </div>
 910                         </div>
 911
 912
 913
 914                     </td>
 915                     <td class="msource">
 916
 917                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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-invalidClass" name=".invalidClass"></a>
 928                         <div class="fixedFont">
 929                                 <b  class="itemname">invalidClass</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">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 936                         </div>
 937
 938                         <div class="mdesc">
 939                             <div class="long">
 940                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
 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-labelAlign" name=".labelAlign"></a>
 961                         <div class="fixedFont">
 962                                 <b  class="itemname">labelAlign</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"></div>
 969                         </div>
 970
 971                         <div class="mdesc">
 972                             <div class="long">
 973
 974                     <BR/>Possible Values: top, left
 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-labelWidth" name=".labelWidth"></a>
 994                         <div class="fixedFont">
 995                                 <b  class="itemname">labelWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 996
 997
 998                         </div>
 999
1000                         <div class="mdesc">
1001                             <div class="short">set the width of label (0-12)</div>
1002                         </div>
1003
1004                         <div class="mdesc">
1005                             <div class="long">
1006                     set the width of label (0-12)
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-lg" name=".lg"></a>
1027                         <div class="fixedFont">
1028                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1029
1030
1031                         </div>
1032
1033                         <div class="mdesc">
1034                             <div class="short">colspan out of 12 for large computer-sized screens</div>
1035                         </div>
1036
1037                         <div class="mdesc">
1038                             <div class="long">
1039                     colspan out of 12 for large computer-sized screens
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.util.Observable-cfg-listeners" name=".listeners"></a>
1060                         <div class="fixedFont">
1061                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1062
1063
1064                         </div>
1065
1066                         <div class="mdesc">
1067                             <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>
1068                         </div>
1069
1070                         <div class="mdesc">
1071                             <div class="long">
1072                     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>
1073
1074                 </div>
1075                         </div>
1076
1077
1078
1079                     </td>
1080                     <td class="msource">
1081
1082                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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-maskRe" name=".maskRe"></a>
1093                         <div class="fixedFont">
1094                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1095
1096
1097                         </div>
1098
1099                         <div class="mdesc">
1100                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1101                         </div>
1102
1103                         <div class="mdesc">
1104                             <div class="long">
1105                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
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-maxLength" name=".maxLength"></a>
1126                         <div class="fixedFont">
1127                                 <b  class="itemname">maxLength</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">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1134                         </div>
1135
1136                         <div class="mdesc">
1137                             <div class="long">
1138                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
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-maxLengthText" name=".maxLengthText"></a>
1159                         <div class="fixedFont">
1160                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1161
1162
1163                         </div>
1164
1165                         <div class="mdesc">
1166                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1167                         </div>
1168
1169                         <div class="mdesc">
1170                             <div class="long">
1171                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
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-md" name=".md"></a>
1192                         <div class="fixedFont">
1193                                 <b  class="itemname">md</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">colspan out of 12 for computer-sized screens</div>
1200                         </div>
1201
1202                         <div class="mdesc">
1203                             <div class="long">
1204                     colspan out of 12 for computer-sized screens
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-minLength" name=".minLength"></a>
1225                         <div class="fixedFont">
1226                                 <b  class="itemname">minLength</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">Minimum input field length required (defaults to 0)</div>
1233                         </div>
1234
1235                         <div class="mdesc">
1236                             <div class="long">
1237                     Minimum input field length required (defaults to 0)
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-minLengthText" name=".minLengthText"></a>
1258                         <div class="fixedFont">
1259                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1260
1261
1262                         </div>
1263
1264                         <div class="mdesc">
1265                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1266                         </div>
1267
1268                         <div class="mdesc">
1269                             <div class="long">
1270                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
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.bootstrap.Input-cfg-name" name=".name"></a>
1291                         <div class="fixedFont">
1292                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1293
1294
1295                         </div>
1296
1297                         <div class="mdesc">
1298                             <div class="short">name of the input</div>
1299                         </div>
1300
1301                         <div class="mdesc">
1302                             <div class="long">
1303                     name of the input
1304
1305                 </div>
1306                         </div>
1307
1308
1309
1310                     </td>
1311                     <td class="msource">
1312
1313                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-placeholder" name=".placeholder"></a>
1324                         <div class="fixedFont">
1325                                 <b  class="itemname">placeholder</b> : string
1326
1327
1328                         </div>
1329
1330                         <div class="mdesc">
1331                             <div class="short">- placeholder to put in text.</div>
1332                         </div>
1333
1334                         <div class="mdesc">
1335                             <div class="long">
1336                     - placeholder to put in text.
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-readOnly" name=".readOnly"></a>
1357                         <div class="fixedFont">
1358                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1359
1360
1361                         </div>
1362
1363                         <div class="mdesc">
1364                             <div class="short">Specifies that the field should be read-only</div>
1365                         </div>
1366
1367                         <div class="mdesc">
1368                             <div class="long">
1369                     Specifies that the field should be read-only
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-regex" name=".regex"></a>
1390                         <div class="fixedFont">
1391                                 <b  class="itemname">regex</b> : RegExp
1392
1393
1394                         </div>
1395
1396                         <div class="mdesc">
1397                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1398                         </div>
1399
1400                         <div class="mdesc">
1401                             <div class="long">
1402                     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>}.
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-regexText" name=".regexText"></a>
1423                         <div class="fixedFont">
1424                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1425
1426
1427                         </div>
1428
1429                         <div class="mdesc">
1430                             <div class="short">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div>
1431                         </div>
1432
1433                         <div class="mdesc">
1434                             <div class="long">
1435                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
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-selectOnFocus" name=".selectOnFocus"></a>
1456                         <div class="fixedFont">
1457                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1458
1459
1460                         </div>
1461
1462                         <div class="mdesc">
1463                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1464                         </div>
1465
1466                         <div class="mdesc">
1467                             <div class="long">
1468                     True to automatically select any existing field text when the field receives input focus (defaults to false)
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-size" name=".size"></a>
1489                         <div class="fixedFont">
1490                                 <b  class="itemname">size</b> : string
1491
1492
1493                         </div>
1494
1495                         <div class="mdesc">
1496                             <div class="short">- (lg|sm) or leave empty.</div>
1497                         </div>
1498
1499                         <div class="mdesc">
1500                             <div class="long">
1501                     - (lg|sm) or leave empty..
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-sm" name=".sm"></a>
1522                         <div class="fixedFont">
1523                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1524
1525
1526                         </div>
1527
1528                         <div class="mdesc">
1529                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1530                         </div>
1531
1532                         <div class="mdesc">
1533                             <div class="long">
1534                     colspan out of 12 for tablet-sized screens
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.Component-cfg-style" name=".style"></a>
1555                         <div class="fixedFont">
1556                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1557
1558
1559                         </div>
1560
1561                         <div class="mdesc">
1562                             <div class="short">any extra css</div>
1563                         </div>
1564
1565                         <div class="mdesc">
1566                             <div class="long">
1567                     any extra css
1568
1569                 </div>
1570                         </div>
1571
1572
1573
1574                     </td>
1575                     <td class="msource">
1576
1577                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1578
1579                     </td>
1580                 </tr>
1581
1582
1583                 <tr class="config-row expandable config-row-alt0">
1584                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1585                     <td class="sig">
1586
1587                         <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
1588                         <div class="fixedFont">
1589                                 <b  class="itemname">tooltip</b> : string
1590
1591
1592                         </div>
1593
1594                         <div class="mdesc">
1595                             <div class="short">Text for the tooltip</div>
1596                         </div>
1597
1598                         <div class="mdesc">
1599                             <div class="long">
1600                     Text for the tooltip
1601
1602                 </div>
1603                         </div>
1604
1605
1606
1607                     </td>
1608                     <td class="msource">
1609
1610                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
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-validateOnBlur" name=".validateOnBlur"></a>
1621                         <div class="fixedFont">
1622                                 <b  class="itemname">validateOnBlur</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">Whether the field should validate when it loses focus (defaults to true).</div>
1629                         </div>
1630
1631                         <div class="mdesc">
1632                             <div class="long">
1633                     Whether the field should validate when it loses focus (defaults to true).
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-validationDelay" name=".validationDelay"></a>
1654                         <div class="fixedFont">
1655                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1656
1657
1658                         </div>
1659
1660                         <div class="mdesc">
1661                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1662                         </div>
1663
1664                         <div class="mdesc">
1665                             <div class="long">
1666                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
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-validationEvent" name=".validationEvent"></a>
1687                         <div class="fixedFont">
1688                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1689
1690
1691                         </div>
1692
1693                         <div class="mdesc">
1694                             <div class="short">The event that should initiate field validation.</div>
1695                         </div>
1696
1697                         <div class="mdesc">
1698                             <div class="long">
1699                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
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.Input-cfg-validator" name=".validator"></a>
1720                         <div class="fixedFont">
1721                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1722
1723
1724                         </div>
1725
1726                         <div class="mdesc">
1727                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1728                         </div>
1729
1730                         <div class="mdesc">
1731                             <div class="long">
1732                     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.
1733
1734                 </div>
1735                         </div>
1736
1737
1738
1739                     </td>
1740                     <td class="msource">
1741
1742                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-value" name=".value"></a>
1753                         <div class="fixedFont">
1754                                 <b  class="itemname">value</b> : string
1755
1756
1757                         </div>
1758
1759                         <div class="mdesc">
1760                             <div class="short">default value of the input</div>
1761                         </div>
1762
1763                         <div class="mdesc">
1764                             <div class="long">
1765                     default value of the input
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.CheckBox-cfg-valueOff" name=".valueOff"></a>
1786                         <div class="fixedFont">
1787                                 <b  class="itemname">valueOff</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1788
1789
1790                         </div>
1791
1792                         <div class="mdesc">
1793                             <div class="short">The value that should go into the generated input element's value when unchecked.</div>
1794                         </div>
1795
1796                         <div class="mdesc">
1797                             <div class="long">
1798                     The value that should go into the generated input element's value when unchecked.
1799
1800                 </div>
1801                         </div>
1802
1803
1804
1805                     </td>
1806                     <td class="msource">
1807
1808                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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-vtype" name=".vtype"></a>
1819                         <div class="fixedFont">
1820                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1821
1822
1823                         </div>
1824
1825                         <div class="mdesc">
1826                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1827                         </div>
1828
1829                         <div class="mdesc">
1830                             <div class="long">
1831                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
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.CheckBox-cfg-weight" name=".weight"></a>
1852                         <div class="fixedFont">
1853                                 <b  class="itemname">weight</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">The text that appears beside the checkbox</div>
1860                         </div>
1861
1862                         <div class="mdesc">
1863                             <div class="long">
1864                     The text that appears beside the checkbox
1865                     <BR/>Possible Values: primary, warning, info, danger, success
1866                 </div>
1867                         </div>
1868
1869
1870
1871                     </td>
1872                     <td class="msource">
1873
1874                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</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-xattr" name=".xattr"></a>
1885                         <div class="fixedFont">
1886                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1887
1888
1889                         </div>
1890
1891                         <div class="mdesc">
1892                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
1893                         </div>
1894
1895                         <div class="mdesc">
1896                             <div class="long">
1897                     extra attributes to add to 'element' (used by builder to store stuff.)
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.Input-cfg-xs" name=".xs"></a>
1918                         <div class="fixedFont">
1919                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1920
1921
1922                         </div>
1923
1924                         <div class="mdesc">
1925                             <div class="short">colspan out of 12 for mobile-sized screens</div>
1926                         </div>
1927
1928                         <div class="mdesc">
1929                             <div class="long">
1930                     colspan out of 12 for mobile-sized screens
1931
1932                 </div>
1933                         </div>
1934
1935
1936
1937                     </td>
1938                     <td class="msource">
1939
1940                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1941
1942                     </td>
1943                 </tr>
1944
1945
1946     </table>
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956   <!-- ============================== public properties ==================== -->
1957
1958
1959
1960     <a id="Roo.bootstrap.Radio-props"></a>
1961
1962
1963
1964
1965
1966      <table cellspacing="0" class="member-table">
1967       <caption class="Empty">Public Properties - Has None</caption>
1968      </table>
1969
1970
1971
1972
1973   <!-- ============================== methods summary / details ======================== -->
1974
1975
1976   <a id="Roo.bootstrap.Radio-methods"></a>
1977         <!-- constructor?? -->
1978
1979         <!-- static's first
1980
1981
1982         -->
1983
1984         <!-- then dynamics first -->
1985
1986
1987
1988
1989
1990
1991       <table cellspacing="0" class="member-table">
1992       <caption>Public Methods</caption>
1993         <tr>
1994             <th class="sig-header" colspan="2">Method</th>
1995             <th class="msource-header">Defined By</th>
1996
1997         </tr>
1998
1999
2000
2001
2002
2003
2004
2005           <tr class="method-row config-row-alt0 expandable notInherited">
2006             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2007
2008
2009             <td class="sig">
2010                 <a id="Roo.bootstrap-method-Radio"   name=".Radio"></a>
2011                 <div class="fixedFont">
2012                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Radio</b>
2013
2014                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2015
2016
2017
2018                 </div>
2019                 <div class="mdesc">
2020
2021
2022                         <div class="short">Create a new Roo.bootstrap.Radio</div>
2023
2024
2025                     <div class="long">
2026
2027
2028
2029                                 Create a new Roo.bootstrap.Radio
2030
2031
2032                                 <dl class="detailList">
2033                                 <dt class="heading">Parameters:</dt>
2034
2035                                         <dt>
2036                                                 <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>
2037
2038                                         </dt>
2039                                         <dd>The config object</dd>
2040
2041                                 </dl>
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053                     </div>
2054                 </div>
2055
2056             </td>
2057             <td class="msource">
2058                 &nbsp;
2059             </td>
2060         </tr>
2061
2062
2063           <tr class="method-row config-row-alt1 expandable">
2064             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2065
2066
2067             <td class="sig">
2068                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2069                 <div class="fixedFont">
2070                         <span class="attributes"></span><b class="itemname">addEvents</b>
2071
2072                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2073
2074
2075
2076                 </div>
2077                 <div class="mdesc">
2078
2079                    <div class="short">Used to define events on this Observable</div>
2080
2081
2082
2083                     <div class="long">
2084
2085                                 Used to define events on this Observable
2086
2087
2088
2089
2090
2091
2092                                 <dl class="detailList">
2093                                 <dt class="heading">Parameters:</dt>
2094
2095                                         <dt>
2096                                                 <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>
2097
2098                                         </dt>
2099                                         <dd>The object with the events defined</dd>
2100
2101                                 </dl>
2102
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113                     </div>
2114                 </div>
2115
2116             </td>
2117             <td class="msource">
2118
2119                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2120                 &nbsp;
2121             </td>
2122         </tr>
2123
2124
2125           <tr class="method-row config-row-alt0 expandable">
2126             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2127
2128
2129             <td class="sig">
2130                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2131                 <div class="fixedFont">
2132                         <span class="attributes"></span><b class="itemname">addListener</b>
2133
2134                                  (<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>)
2135
2136
2137
2138                 </div>
2139                 <div class="mdesc">
2140
2141                    <div class="short">Appends an event handler to this component</div>
2142
2143
2144
2145                     <div class="long">
2146
2147                                 Appends an event handler to this component
2148
2149
2150
2151
2152
2153
2154                                 <dl class="detailList">
2155                                 <dt class="heading">Parameters:</dt>
2156
2157                                         <dt>
2158                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2159
2160                                         </dt>
2161                                         <dd>The type of event to listen for</dd>
2162
2163                                         <dt>
2164                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2165
2166                                         </dt>
2167                                         <dd>The method the event invokes</dd>
2168
2169                                         <dt>
2170                                                 <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>
2171
2172                                         </dt>
2173                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2174
2175                                         <dt>
2176                                                 <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>
2177
2178                                         </dt>
2179                                         <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>
2180
2181                                 </dl>
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192
2193                     </div>
2194                 </div>
2195
2196             </td>
2197             <td class="msource">
2198
2199                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2200                 &nbsp;
2201             </td>
2202         </tr>
2203
2204
2205           <tr class="method-row config-row-alt1 expandable">
2206             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2207
2208
2209             <td class="sig">
2210                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2211                 <div class="fixedFont">
2212                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2213
2214                                  ()
2215
2216
2217
2218                 </div>
2219                 <div class="mdesc">
2220
2221                    <div class="short">Clear any invalid styles/messages for this field</div>
2222
2223
2224
2225                     <div class="long">
2226
2227                                 Clear any invalid styles/messages for this field
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244                     </div>
2245                 </div>
2246
2247             </td>
2248             <td class="msource">
2249
2250                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2251                 &nbsp;
2252             </td>
2253         </tr>
2254
2255
2256           <tr class="method-row config-row-alt0 expandable">
2257             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2258
2259
2260             <td class="sig">
2261                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2262                 <div class="fixedFont">
2263                         <span class="attributes"></span><b class="itemname">destroy</b>
2264
2265                                  ()
2266
2267
2268
2269                 </div>
2270                 <div class="mdesc">
2271
2272                    <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>
2273
2274
2275
2276                     <div class="long">
2277
2278                                 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}.
2279
2280
2281
2282
2283
2284
2285
2286
2287
2288
2289
2290
2291
2292
2293
2294
2295                     </div>
2296                 </div>
2297
2298             </td>
2299             <td class="msource">
2300
2301                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2302                 &nbsp;
2303             </td>
2304         </tr>
2305
2306
2307           <tr class="method-row config-row-alt1 expandable">
2308             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2309
2310
2311             <td class="sig">
2312                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2313                 <div class="fixedFont">
2314                         <span class="attributes"></span><b class="itemname">disable</b>
2315
2316                                  ()
2317
2318
2319                                          :
2320
2321
2322                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2323
2324
2325
2326
2327
2328                 </div>
2329                 <div class="mdesc">
2330
2331                    <div class="short">Disable this component.</div>
2332
2333
2334
2335                     <div class="long">
2336
2337                                 Disable this component.
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348                                 <dl class="detailList">
2349                                 <dt class="heading">Returns:</dt>
2350
2351                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2352
2353                                 </dl>
2354
2355
2356
2357
2358
2359
2360
2361                     </div>
2362                 </div>
2363
2364             </td>
2365             <td class="msource">
2366
2367                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2368                 &nbsp;
2369             </td>
2370         </tr>
2371
2372
2373           <tr class="method-row config-row-alt0 expandable">
2374             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2375
2376
2377             <td class="sig">
2378                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2379                 <div class="fixedFont">
2380                         <span class="attributes"></span><b class="itemname">enable</b>
2381
2382                                  ()
2383
2384
2385                                          :
2386
2387
2388                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2389
2390
2391
2392
2393
2394                 </div>
2395                 <div class="mdesc">
2396
2397                    <div class="short">Enable this component.</div>
2398
2399
2400
2401                     <div class="long">
2402
2403                                 Enable this component.
2404
2405
2406
2407
2408
2409
2410
2411
2412
2413
2414                                 <dl class="detailList">
2415                                 <dt class="heading">Returns:</dt>
2416
2417                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2418
2419                                 </dl>
2420
2421
2422
2423
2424
2425
2426
2427                     </div>
2428                 </div>
2429
2430             </td>
2431             <td class="msource">
2432
2433                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2434                 &nbsp;
2435             </td>
2436         </tr>
2437
2438
2439           <tr class="method-row config-row-alt1 expandable">
2440             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2441
2442
2443             <td class="sig">
2444                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2445                 <div class="fixedFont">
2446                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2447
2448                                  (<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>)
2449
2450
2451                                          :
2452
2453
2454                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2455
2456
2457
2458
2459
2460                 </div>
2461                 <div class="mdesc">
2462
2463                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2464
2465
2466
2467                     <div class="long">
2468
2469                                 Fires the specified event with the passed parameters (minus the event name).
2470
2471
2472
2473
2474
2475
2476                                 <dl class="detailList">
2477                                 <dt class="heading">Parameters:</dt>
2478
2479                                         <dt>
2480                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2481
2482                                         </dt>
2483                                         <dd></dd>
2484
2485                                         <dt>
2486                                                 <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>
2487
2488                                         </dt>
2489                                         <dd>Variable number of parameters are passed to handlers</dd>
2490
2491                                 </dl>
2492
2493
2494
2495
2496
2497                                 <dl class="detailList">
2498                                 <dt class="heading">Returns:</dt>
2499
2500                                         <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>
2501
2502                                 </dl>
2503
2504
2505
2506
2507
2508
2509
2510                     </div>
2511                 </div>
2512
2513             </td>
2514             <td class="msource">
2515
2516                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2517                 &nbsp;
2518             </td>
2519         </tr>
2520
2521
2522           <tr class="method-row config-row-alt0 expandable">
2523             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2524
2525
2526             <td class="sig">
2527                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2528                 <div class="fixedFont">
2529                         <span class="attributes"></span><b class="itemname">focus</b>
2530
2531                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2532
2533
2534                                          :
2535
2536
2537                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2538
2539
2540
2541
2542
2543                 </div>
2544                 <div class="mdesc">
2545
2546                    <div class="short">Try to focus this component.</div>
2547
2548
2549
2550                     <div class="long">
2551
2552                                 Try to focus this component.
2553
2554
2555
2556
2557
2558
2559                                 <dl class="detailList">
2560                                 <dt class="heading">Parameters:</dt>
2561
2562                                         <dt>
2563                                                 <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>
2564
2565                                         </dt>
2566                                         <dd>True to also select the text in this component (if applicable)</dd>
2567
2568                                 </dl>
2569
2570
2571
2572
2573
2574                                 <dl class="detailList">
2575                                 <dt class="heading">Returns:</dt>
2576
2577                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2578
2579                                 </dl>
2580
2581
2582
2583
2584
2585
2586
2587                     </div>
2588                 </div>
2589
2590             </td>
2591             <td class="msource">
2592
2593                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2594                 &nbsp;
2595             </td>
2596         </tr>
2597
2598
2599           <tr class="method-row config-row-alt1 expandable">
2600             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2601
2602
2603             <td class="sig">
2604                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2605                 <div class="fixedFont">
2606                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2607
2608                                  ()
2609
2610
2611                                          :
2612
2613
2614                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2615
2616
2617
2618
2619
2620                 </div>
2621                 <div class="mdesc">
2622
2623                    <div class="short">Fetch the element to add children to</div>
2624
2625
2626
2627                     <div class="long">
2628
2629                                 Fetch the element to add children to
2630
2631
2632
2633
2634
2635
2636
2637
2638
2639
2640                                 <dl class="detailList">
2641                                 <dt class="heading">Returns:</dt>
2642
2643                                         <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>
2644
2645                                 </dl>
2646
2647
2648
2649
2650
2651
2652
2653                     </div>
2654                 </div>
2655
2656             </td>
2657             <td class="msource">
2658
2659                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2660                 &nbsp;
2661             </td>
2662         </tr>
2663
2664
2665           <tr class="method-row config-row-alt0 expandable">
2666             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2667
2668
2669             <td class="sig">
2670                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2671                 <div class="fixedFont">
2672                         <span class="attributes"></span><b class="itemname">getEl</b>
2673
2674                                  ()
2675
2676
2677                                          :
2678
2679
2680                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2681
2682
2683
2684
2685
2686                 </div>
2687                 <div class="mdesc">
2688
2689                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2690
2691
2692
2693                     <div class="long">
2694
2695                                 Returns the underlying {<b>link</b> Roo.Element}.
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706                                 <dl class="detailList">
2707                                 <dt class="heading">Returns:</dt>
2708
2709                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2710
2711                                 </dl>
2712
2713
2714
2715
2716
2717
2718
2719                     </div>
2720                 </div>
2721
2722             </td>
2723             <td class="msource">
2724
2725                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2726                 &nbsp;
2727             </td>
2728         </tr>
2729
2730
2731           <tr class="method-row config-row-alt1 expandable">
2732             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2733
2734
2735             <td class="sig">
2736                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2737                 <div class="fixedFont">
2738                         <span class="attributes"></span><b class="itemname">getId</b>
2739
2740                                  ()
2741
2742
2743                                          :
2744
2745
2746                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2747
2748
2749
2750
2751
2752                 </div>
2753                 <div class="mdesc">
2754
2755                    <div class="short">Returns the id of this component.</div>
2756
2757
2758
2759                     <div class="long">
2760
2761                                 Returns the id of this component.
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771
2772                                 <dl class="detailList">
2773                                 <dt class="heading">Returns:</dt>
2774
2775                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2776
2777                                 </dl>
2778
2779
2780
2781
2782
2783
2784
2785                     </div>
2786                 </div>
2787
2788             </td>
2789             <td class="msource">
2790
2791                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2792                 &nbsp;
2793             </td>
2794         </tr>
2795
2796
2797           <tr class="method-row config-row-alt0 expandable">
2798             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2799
2800
2801             <td class="sig">
2802                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2803                 <div class="fixedFont">
2804                         <span class="attributes"></span><b class="itemname">getName</b>
2805
2806                                  ()
2807
2808
2809                                          :
2810
2811
2812                                                 Mixed
2813
2814
2815
2816
2817
2818                 </div>
2819                 <div class="mdesc">
2820
2821                    <div class="short">Returns the name of the field</div>
2822
2823
2824
2825                     <div class="long">
2826
2827                                 Returns the name of the field
2828
2829
2830
2831
2832
2833
2834
2835
2836
2837
2838                                 <dl class="detailList">
2839                                 <dt class="heading">Returns:</dt>
2840
2841                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2842
2843                                 </dl>
2844
2845
2846
2847
2848
2849
2850
2851                     </div>
2852                 </div>
2853
2854             </td>
2855             <td class="msource">
2856
2857                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2858                 &nbsp;
2859             </td>
2860         </tr>
2861
2862
2863           <tr class="method-row config-row-alt1 expandable">
2864             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2865
2866
2867             <td class="sig">
2868                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2869                 <div class="fixedFont">
2870                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2871
2872                                  ()
2873
2874
2875                                          :
2876
2877
2878                                                 Mixed
2879
2880
2881
2882
2883
2884                 </div>
2885                 <div class="mdesc">
2886
2887                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
2888
2889
2890
2891                     <div class="long">
2892
2893                                 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>}.
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904                                 <dl class="detailList">
2905                                 <dt class="heading">Returns:</dt>
2906
2907                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2908
2909                                 </dl>
2910
2911
2912
2913
2914
2915
2916
2917                     </div>
2918                 </div>
2919
2920             </td>
2921             <td class="msource">
2922
2923                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2924                 &nbsp;
2925             </td>
2926         </tr>
2927
2928
2929           <tr class="method-row config-row-alt0 expandable notInherited">
2930             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2931
2932
2933             <td class="sig">
2934                 <a id="Roo.bootstrap.Radio-method-getValue"   name=".getValue"></a>
2935                 <div class="fixedFont">
2936                         <span class="attributes"></span><b class="itemname">getValue</b>
2937
2938                                  ()
2939
2940
2941                                          :
2942
2943
2944                                                 Mixed
2945
2946
2947
2948
2949
2950                 </div>
2951                 <div class="mdesc">
2952
2953                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
2954
2955
2956
2957                     <div class="long">
2958
2959                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
2960
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970                                 <dl class="detailList">
2971                                 <dt class="heading">Returns:</dt>
2972
2973                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2974
2975                                 </dl>
2976
2977
2978
2979
2980
2981
2982
2983                     </div>
2984                 </div>
2985
2986             </td>
2987             <td class="msource">
2988
2989                         Roo.bootstrap.Radio
2990                 &nbsp;
2991             </td>
2992         </tr>
2993
2994
2995           <tr class="method-row config-row-alt1 expandable">
2996             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2997
2998
2999             <td class="sig">
3000                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3001                 <div class="fixedFont">
3002                         <span class="attributes"></span><b class="itemname">hasListener</b>
3003
3004                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3005
3006
3007                                          :
3008
3009
3010                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3011
3012
3013
3014
3015
3016                 </div>
3017                 <div class="mdesc">
3018
3019                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3020
3021
3022
3023                     <div class="long">
3024
3025                                 Checks to see if this object has any listeners for a specified event
3026
3027
3028
3029
3030
3031
3032                                 <dl class="detailList">
3033                                 <dt class="heading">Parameters:</dt>
3034
3035                                         <dt>
3036                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3037
3038                                         </dt>
3039                                         <dd>The name of the event to check for</dd>
3040
3041                                 </dl>
3042
3043
3044
3045
3046
3047                                 <dl class="detailList">
3048                                 <dt class="heading">Returns:</dt>
3049
3050                                         <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>
3051
3052                                 </dl>
3053
3054
3055
3056
3057
3058
3059
3060                     </div>
3061                 </div>
3062
3063             </td>
3064             <td class="msource">
3065
3066                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3067                 &nbsp;
3068             </td>
3069         </tr>
3070
3071
3072           <tr class="method-row config-row-alt0 expandable">
3073             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3074
3075
3076             <td class="sig">
3077                 <a id="Roo.Component-method-hide"   name=".hide"></a>
3078                 <div class="fixedFont">
3079                         <span class="attributes"></span><b class="itemname">hide</b>
3080
3081                                  ()
3082
3083
3084                                          :
3085
3086
3087                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3088
3089
3090
3091
3092
3093                 </div>
3094                 <div class="mdesc">
3095
3096                    <div class="short">Hide this component.</div>
3097
3098
3099
3100                     <div class="long">
3101
3102                                 Hide this component.
3103
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113                                 <dl class="detailList">
3114                                 <dt class="heading">Returns:</dt>
3115
3116                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3117
3118                                 </dl>
3119
3120
3121
3122
3123
3124
3125
3126                     </div>
3127                 </div>
3128
3129             </td>
3130             <td class="msource">
3131
3132                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3133                 &nbsp;
3134             </td>
3135         </tr>
3136
3137
3138           <tr class="method-row config-row-alt1 expandable">
3139             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3140
3141
3142             <td class="sig">
3143                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3144                 <div class="fixedFont">
3145                         <span class="attributes"></span><b class="itemname">initEvents</b>
3146
3147                                  ()
3148
3149
3150
3151                 </div>
3152                 <div class="mdesc">
3153
3154                    <div class="short">Initialize Events for the element</div>
3155
3156
3157
3158                     <div class="long">
3159
3160                                 Initialize Events for the element
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177                     </div>
3178                 </div>
3179
3180             </td>
3181             <td class="msource">
3182
3183                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3184                 &nbsp;
3185             </td>
3186         </tr>
3187
3188
3189           <tr class="method-row config-row-alt0 expandable">
3190             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3191
3192
3193             <td class="sig">
3194                 <a id="Roo.bootstrap.CheckBox-method-inputEl"   name=".inputEl"></a>
3195                 <div class="fixedFont">
3196                         <span class="attributes"></span><b class="itemname">inputEl</b>
3197
3198                                  ()
3199
3200
3201
3202                 </div>
3203                 <div class="mdesc">
3204
3205                    <div class="short">return the real input element.</div>
3206
3207
3208
3209                     <div class="long">
3210
3211                                 return the real input element.
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228                     </div>
3229                 </div>
3230
3231             </td>
3232             <td class="msource">
3233
3234                         <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a>
3235                 &nbsp;
3236             </td>
3237         </tr>
3238
3239
3240           <tr class="method-row config-row-alt1 expandable">
3241             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3242
3243
3244             <td class="sig">
3245                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3246                 <div class="fixedFont">
3247                         <span class="attributes"></span><b class="itemname">isVisible</b>
3248
3249                                  ()
3250
3251
3252
3253                 </div>
3254                 <div class="mdesc">
3255
3256                    <div class="short">Returns true if this component is visible.</div>
3257
3258
3259
3260                     <div class="long">
3261
3262                                 Returns true if this component is visible.
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279                     </div>
3280                 </div>
3281
3282             </td>
3283             <td class="msource">
3284
3285                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3286                 &nbsp;
3287             </td>
3288         </tr>
3289
3290
3291           <tr class="method-row config-row-alt0 expandable">
3292             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3293
3294
3295             <td class="sig">
3296                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3297                 <div class="fixedFont">
3298                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3299
3300                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3301
3302
3303
3304                 </div>
3305                 <div class="mdesc">
3306
3307                    <div class="short">Mark this field as invalid</div>
3308
3309
3310
3311                     <div class="long">
3312
3313                                 Mark this field as invalid
3314
3315
3316
3317
3318
3319
3320                                 <dl class="detailList">
3321                                 <dt class="heading">Parameters:</dt>
3322
3323                                         <dt>
3324                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3325
3326                                         </dt>
3327                                         <dd>The validation message</dd>
3328
3329                                 </dl>
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339
3340
3341                     </div>
3342                 </div>
3343
3344             </td>
3345             <td class="msource">
3346
3347                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3348                 &nbsp;
3349             </td>
3350         </tr>
3351
3352
3353           <tr class="method-row config-row-alt1 expandable">
3354             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3355
3356
3357             <td class="sig">
3358                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3359                 <div class="fixedFont">
3360                         <span class="attributes"></span><b class="itemname">on</b>
3361
3362                                  (<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>)
3363
3364
3365
3366                 </div>
3367                 <div class="mdesc">
3368
3369                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3370
3371
3372
3373                     <div class="long">
3374
3375                                 Appends an event handler to this element (shorthand for addListener)
3376
3377
3378
3379
3380
3381
3382                                 <dl class="detailList">
3383                                 <dt class="heading">Parameters:</dt>
3384
3385                                         <dt>
3386                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3387
3388                                         </dt>
3389                                         <dd>The type of event to listen for</dd>
3390
3391                                         <dt>
3392                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3393
3394                                         </dt>
3395                                         <dd>The method the event invokes</dd>
3396
3397                                         <dt>
3398                                                 <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>
3399
3400                                         </dt>
3401                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3402
3403                                         <dt>
3404                                                 <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>
3405
3406                                         </dt>
3407                                         <dd>(optional)</dd>
3408
3409                                 </dl>
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419
3420
3421                     </div>
3422                 </div>
3423
3424             </td>
3425             <td class="msource">
3426
3427                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3428                 &nbsp;
3429             </td>
3430         </tr>
3431
3432
3433           <tr class="method-row config-row-alt0 expandable">
3434             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3435
3436
3437             <td class="sig">
3438                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3439                 <div class="fixedFont">
3440                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3441
3442                                  ()
3443
3444
3445
3446                 </div>
3447                 <div class="mdesc">
3448
3449                    <div class="short">Removes all listeners for this object</div>
3450
3451
3452
3453                     <div class="long">
3454
3455                                 Removes all listeners for this object
3456
3457
3458
3459
3460
3461
3462
3463
3464
3465
3466
3467
3468
3469
3470
3471
3472                     </div>
3473                 </div>
3474
3475             </td>
3476             <td class="msource">
3477
3478                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3479                 &nbsp;
3480             </td>
3481         </tr>
3482
3483
3484           <tr class="method-row config-row-alt1 expandable">
3485             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3486
3487
3488             <td class="sig">
3489                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3490                 <div class="fixedFont">
3491                         <span class="attributes"></span><b class="itemname">removeListener</b>
3492
3493                                  (<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>)
3494
3495
3496
3497                 </div>
3498                 <div class="mdesc">
3499
3500                    <div class="short">Removes a listener</div>
3501
3502
3503
3504                     <div class="long">
3505
3506                                 Removes a listener
3507
3508
3509
3510
3511
3512
3513                                 <dl class="detailList">
3514                                 <dt class="heading">Parameters:</dt>
3515
3516                                         <dt>
3517                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3518
3519                                         </dt>
3520                                         <dd>The type of event to listen for</dd>
3521
3522                                         <dt>
3523                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3524
3525                                         </dt>
3526                                         <dd>The handler to remove</dd>
3527
3528                                         <dt>
3529                                                 <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>
3530
3531                                         </dt>
3532                                         <dd>(optional) The scope (this object) for the handler</dd>
3533
3534                                 </dl>
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545
3546                     </div>
3547                 </div>
3548
3549             </td>
3550             <td class="msource">
3551
3552                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3553                 &nbsp;
3554             </td>
3555         </tr>
3556
3557
3558           <tr class="method-row config-row-alt0 expandable">
3559             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3560
3561
3562             <td class="sig">
3563                 <a id="Roo.Component-method-render"   name=".render"></a>
3564                 <div class="fixedFont">
3565                         <span class="attributes"></span><b class="itemname">render</b>
3566
3567                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3568
3569
3570
3571                 </div>
3572                 <div class="mdesc">
3573
3574                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3575
3576
3577
3578                     <div class="long">
3579
3580                                 If this is a lazy rendering component, render it to its container element.
3581
3582
3583
3584
3585
3586
3587                                 <dl class="detailList">
3588                                 <dt class="heading">Parameters:</dt>
3589
3590                                         <dt>
3591                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3592
3593                                         </dt>
3594                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3595
3596                                 </dl>
3597
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608                     </div>
3609                 </div>
3610
3611             </td>
3612             <td class="msource">
3613
3614                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3615                 &nbsp;
3616             </td>
3617         </tr>
3618
3619
3620           <tr class="method-row config-row-alt1 expandable">
3621             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3622
3623
3624             <td class="sig">
3625                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3626                 <div class="fixedFont">
3627                         <span class="attributes"></span><b class="itemname">reset</b>
3628
3629                                  ()
3630
3631
3632
3633                 </div>
3634                 <div class="mdesc">
3635
3636                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3637
3638
3639
3640                     <div class="long">
3641
3642                                 Resets the current field value to the originally loaded value and clears any validation messages
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659                     </div>
3660                 </div>
3661
3662             </td>
3663             <td class="msource">
3664
3665                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3666                 &nbsp;
3667             </td>
3668         </tr>
3669
3670
3671           <tr class="method-row config-row-alt0 expandable">
3672             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3673
3674
3675             <td class="sig">
3676                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3677                 <div class="fixedFont">
3678                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3679
3680                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3681
3682
3683
3684                 </div>
3685                 <div class="mdesc">
3686
3687                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3688
3689
3690
3691                     <div class="long">
3692
3693                                 Convenience function for setting disabled/enabled by boolean.
3694
3695
3696
3697
3698
3699
3700                                 <dl class="detailList">
3701                                 <dt class="heading">Parameters:</dt>
3702
3703                                         <dt>
3704                                                 <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>
3705
3706                                         </dt>
3707                                         <dd></dd>
3708
3709                                 </dl>
3710
3711
3712
3713
3714
3715
3716
3717
3718
3719
3720
3721                     </div>
3722                 </div>
3723
3724             </td>
3725             <td class="msource">
3726
3727                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3728                 &nbsp;
3729             </td>
3730         </tr>
3731
3732
3733           <tr class="method-row config-row-alt1 expandable">
3734             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3735
3736
3737             <td class="sig">
3738                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3739                 <div class="fixedFont">
3740                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3741
3742                                  (Mixed <B><i>value</i></B>)
3743
3744
3745
3746                 </div>
3747                 <div class="mdesc">
3748
3749                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3750
3751
3752
3753                     <div class="long">
3754
3755                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3756
3757
3758
3759
3760
3761
3762                                 <dl class="detailList">
3763                                 <dt class="heading">Parameters:</dt>
3764
3765                                         <dt>
3766                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3767
3768                                         </dt>
3769                                         <dd>The value to set</dd>
3770
3771                                 </dl>
3772
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783                     </div>
3784                 </div>
3785
3786             </td>
3787             <td class="msource">
3788
3789                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3790                 &nbsp;
3791             </td>
3792         </tr>
3793
3794
3795           <tr class="method-row config-row-alt0 expandable">
3796             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3797
3798
3799             <td class="sig">
3800                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3801                 <div class="fixedFont">
3802                         <span class="attributes"></span><b class="itemname">setValue</b>
3803
3804                                  (Mixed <B><i>value</i></B>)
3805
3806
3807
3808                 </div>
3809                 <div class="mdesc">
3810
3811                    <div class="short">Sets a data value into the field and validates it.</div>
3812
3813
3814
3815                     <div class="long">
3816
3817                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3818
3819
3820
3821
3822
3823
3824                                 <dl class="detailList">
3825                                 <dt class="heading">Parameters:</dt>
3826
3827                                         <dt>
3828                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3829
3830                                         </dt>
3831                                         <dd>The value to set</dd>
3832
3833                                 </dl>
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844
3845                     </div>
3846                 </div>
3847
3848             </td>
3849             <td class="msource">
3850
3851                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3852                 &nbsp;
3853             </td>
3854         </tr>
3855
3856
3857           <tr class="method-row config-row-alt1 expandable">
3858             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3859
3860
3861             <td class="sig">
3862                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3863                 <div class="fixedFont">
3864                         <span class="attributes"></span><b class="itemname">setVisible</b>
3865
3866                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3867
3868
3869                                          :
3870
3871
3872                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3873
3874
3875
3876
3877
3878                 </div>
3879                 <div class="mdesc">
3880
3881                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3882
3883
3884
3885                     <div class="long">
3886
3887                                 Convenience function to hide or show this component by boolean.
3888
3889
3890
3891
3892
3893
3894                                 <dl class="detailList">
3895                                 <dt class="heading">Parameters:</dt>
3896
3897                                         <dt>
3898                                                 <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>
3899
3900                                         </dt>
3901                                         <dd>True to show, false to hide</dd>
3902
3903                                 </dl>
3904
3905
3906
3907
3908
3909                                 <dl class="detailList">
3910                                 <dt class="heading">Returns:</dt>
3911
3912                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3913
3914                                 </dl>
3915
3916
3917
3918
3919
3920
3921
3922                     </div>
3923                 </div>
3924
3925             </td>
3926             <td class="msource">
3927
3928                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3929                 &nbsp;
3930             </td>
3931         </tr>
3932
3933
3934           <tr class="method-row config-row-alt0 expandable">
3935             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3936
3937
3938             <td class="sig">
3939                 <a id="Roo.Component-method-show"   name=".show"></a>
3940                 <div class="fixedFont">
3941                         <span class="attributes"></span><b class="itemname">show</b>
3942
3943                                  ()
3944
3945
3946                                          :
3947
3948
3949                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3950
3951
3952
3953
3954
3955                 </div>
3956                 <div class="mdesc">
3957
3958                    <div class="short">Show this component.</div>
3959
3960
3961
3962                     <div class="long">
3963
3964                                 Show this component.
3965
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975                                 <dl class="detailList">
3976                                 <dt class="heading">Returns:</dt>
3977
3978                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3979
3980                                 </dl>
3981
3982
3983
3984
3985
3986
3987
3988                     </div>
3989                 </div>
3990
3991             </td>
3992             <td class="msource">
3993
3994                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3995                 &nbsp;
3996             </td>
3997         </tr>
3998
3999
4000           <tr class="method-row config-row-alt1 expandable">
4001             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4002
4003
4004             <td class="sig">
4005                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
4006                 <div class="fixedFont">
4007                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
4008
4009                                  ()
4010
4011
4012                                          :
4013
4014
4015                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4016
4017
4018
4019
4020
4021                 </div>
4022                 <div class="mdesc">
4023
4024                    <div class="short">Fetch the element to display the tooltip on.</div>
4025
4026
4027
4028                     <div class="long">
4029
4030                                 Fetch the element to display the tooltip on.
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040
4041                                 <dl class="detailList">
4042                                 <dt class="heading">Returns:</dt>
4043
4044                                         <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>
4045
4046                                 </dl>
4047
4048
4049
4050
4051
4052
4053
4054                     </div>
4055                 </div>
4056
4057             </td>
4058             <td class="msource">
4059
4060                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4061                 &nbsp;
4062             </td>
4063         </tr>
4064
4065
4066           <tr class="method-row config-row-alt0 expandable">
4067             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4068
4069
4070             <td class="sig">
4071                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4072                 <div class="fixedFont">
4073                         <span class="attributes"></span><b class="itemname">un</b>
4074
4075                                  (<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>)
4076
4077
4078
4079                 </div>
4080                 <div class="mdesc">
4081
4082                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4083
4084
4085
4086                     <div class="long">
4087
4088                                 Removes a listener (shorthand for removeListener)
4089
4090
4091
4092
4093
4094
4095                                 <dl class="detailList">
4096                                 <dt class="heading">Parameters:</dt>
4097
4098                                         <dt>
4099                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4100
4101                                         </dt>
4102                                         <dd>The type of event to listen for</dd>
4103
4104                                         <dt>
4105                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4106
4107                                         </dt>
4108                                         <dd>The handler to remove</dd>
4109
4110                                         <dt>
4111                                                 <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>
4112
4113                                         </dt>
4114                                         <dd>(optional) The scope (this object) for the handler</dd>
4115
4116                                 </dl>
4117
4118
4119
4120
4121
4122
4123
4124
4125
4126
4127
4128                     </div>
4129                 </div>
4130
4131             </td>
4132             <td class="msource">
4133
4134                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4135                 &nbsp;
4136             </td>
4137         </tr>
4138
4139
4140           <tr class="method-row config-row-alt1 expandable">
4141             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4142
4143
4144             <td class="sig">
4145                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4146                 <div class="fixedFont">
4147                         <span class="attributes"></span><b class="itemname">validate</b>
4148
4149                                  ()
4150
4151
4152                                          :
4153
4154
4155                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4156
4157
4158
4159
4160
4161                 </div>
4162                 <div class="mdesc">
4163
4164                    <div class="short">Validates the field value</div>
4165
4166
4167
4168                     <div class="long">
4169
4170                                 Validates the field value
4171
4172
4173
4174
4175
4176
4177
4178
4179
4180
4181                                 <dl class="detailList">
4182                                 <dt class="heading">Returns:</dt>
4183
4184                                         <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>
4185
4186                                 </dl>
4187
4188
4189
4190
4191
4192
4193
4194                     </div>
4195                 </div>
4196
4197             </td>
4198             <td class="msource">
4199
4200                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4201                 &nbsp;
4202             </td>
4203         </tr>
4204
4205
4206           <tr class="method-row config-row-alt0 expandable">
4207             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4208
4209
4210             <td class="sig">
4211                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4212                 <div class="fixedFont">
4213                         <span class="attributes"></span><b class="itemname">validateValue</b>
4214
4215                                  (Mixed <B><i>value</i></B>)
4216
4217
4218                                          :
4219
4220
4221                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4222
4223
4224
4225
4226
4227                 </div>
4228                 <div class="mdesc">
4229
4230                    <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>
4231
4232
4233
4234                     <div class="long">
4235
4236                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4237
4238
4239
4240
4241
4242
4243                                 <dl class="detailList">
4244                                 <dt class="heading">Parameters:</dt>
4245
4246                                         <dt>
4247                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4248
4249                                         </dt>
4250                                         <dd>The value to validate</dd>
4251
4252                                 </dl>
4253
4254
4255
4256
4257
4258                                 <dl class="detailList">
4259                                 <dt class="heading">Returns:</dt>
4260
4261                                         <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>
4262
4263                                 </dl>
4264
4265
4266
4267
4268
4269
4270
4271                     </div>
4272                 </div>
4273
4274             </td>
4275             <td class="msource">
4276
4277                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4278                 &nbsp;
4279             </td>
4280         </tr>
4281
4282
4283     </table>
4284
4285
4286   <!-- ============================== events summary / details ======================== -->
4287
4288
4289   <a id="Roo.bootstrap.Radio-events"></a>
4290
4291
4292
4293
4294
4295
4296
4297
4298       <table cellspacing="0" class="member-table">
4299                 <caption>Events</caption>
4300               <thead>
4301                 <tr>
4302                     <th class="sig-header" colspan="2">Event</th>
4303                     <th class="msource-header">Defined By</th>
4304
4305                 </tr>
4306               </thead>
4307
4308
4309
4310
4311
4312           <tr class="method-row expandable config-row-alt0">
4313             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4314
4315             <td class="sig">
4316                 <a id="Roo.Component-event-*beforedestroy"></a>
4317
4318                <div class="fixedFont">
4319                 <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>)
4320
4321                 </div>
4322
4323                 <div class="mdesc">
4324
4325                    <div class="short">Fires before the component is destroyed.
4326
4327                 </div>
4328
4329                     <div class="long">
4330
4331                         Fires before the component is destroyed. Return false to stop the destroy.
4332
4333
4334
4335
4336
4337                                 <dl class="detailList">
4338                                 <dt class="heading">Parameters:</dt>
4339
4340                                         <dt>
4341                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4342
4343                                         </dt>
4344                                         <dd></dd>
4345
4346                                 </dl>
4347
4348
4349
4350
4351
4352
4353
4354
4355
4356
4357
4358                     </div>
4359                 </div>
4360
4361             </td>
4362             <td class="msource">
4363                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4364             </td>
4365         </tr>
4366
4367           <tr class="method-row expandable config-row-alt1">
4368             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4369
4370             <td class="sig">
4371                 <a id="Roo.Component-event-*beforehide"></a>
4372
4373                <div class="fixedFont">
4374                 <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>)
4375
4376                 </div>
4377
4378                 <div class="mdesc">
4379
4380                    <div class="short">Fires before the component is hidden.
4381
4382                 </div>
4383
4384                     <div class="long">
4385
4386                         Fires before the component is hidden. Return false to stop the hide.
4387
4388
4389
4390
4391
4392                                 <dl class="detailList">
4393                                 <dt class="heading">Parameters:</dt>
4394
4395                                         <dt>
4396                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4397
4398                                         </dt>
4399                                         <dd></dd>
4400
4401                                 </dl>
4402
4403
4404
4405
4406
4407
4408
4409
4410
4411
4412
4413                     </div>
4414                 </div>
4415
4416             </td>
4417             <td class="msource">
4418                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4419             </td>
4420         </tr>
4421
4422           <tr class="method-row expandable config-row-alt0">
4423             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4424
4425             <td class="sig">
4426                 <a id="Roo.Component-event-*beforerender"></a>
4427
4428                <div class="fixedFont">
4429                 <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>)
4430
4431                 </div>
4432
4433                 <div class="mdesc">
4434
4435                    <div class="short">Fires before the component is rendered.
4436
4437                 </div>
4438
4439                     <div class="long">
4440
4441                         Fires before the component is rendered. Return false to stop the render.
4442
4443
4444
4445
4446
4447                                 <dl class="detailList">
4448                                 <dt class="heading">Parameters:</dt>
4449
4450                                         <dt>
4451                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4452
4453                                         </dt>
4454                                         <dd></dd>
4455
4456                                 </dl>
4457
4458
4459
4460
4461
4462
4463
4464
4465
4466
4467
4468                     </div>
4469                 </div>
4470
4471             </td>
4472             <td class="msource">
4473                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4474             </td>
4475         </tr>
4476
4477           <tr class="method-row expandable config-row-alt1">
4478             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4479
4480             <td class="sig">
4481                 <a id="Roo.Component-event-*beforeshow"></a>
4482
4483                <div class="fixedFont">
4484                 <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>)
4485
4486                 </div>
4487
4488                 <div class="mdesc">
4489
4490                    <div class="short">Fires before the component is shown.
4491
4492                 </div>
4493
4494                     <div class="long">
4495
4496                         Fires before the component is shown.  Return false to stop the show.
4497
4498
4499
4500
4501
4502                                 <dl class="detailList">
4503                                 <dt class="heading">Parameters:</dt>
4504
4505                                         <dt>
4506                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4507
4508                                         </dt>
4509                                         <dd></dd>
4510
4511                                 </dl>
4512
4513
4514
4515
4516
4517
4518
4519
4520
4521
4522
4523                     </div>
4524                 </div>
4525
4526             </td>
4527             <td class="msource">
4528                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4529             </td>
4530         </tr>
4531
4532           <tr class="method-row expandable config-row-alt0">
4533             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4534
4535             <td class="sig">
4536                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4537
4538                <div class="fixedFont">
4539                 <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>)
4540
4541                 </div>
4542
4543                 <div class="mdesc">
4544
4545                    <div class="short">Fires when this field loses input focus.
4546
4547                 </div>
4548
4549                     <div class="long">
4550
4551                         Fires when this field loses input focus.
4552
4553
4554
4555
4556
4557                                 <dl class="detailList">
4558                                 <dt class="heading">Parameters:</dt>
4559
4560                                         <dt>
4561                                                 <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>
4562
4563                                         </dt>
4564                                         <dd></dd>
4565
4566                                 </dl>
4567
4568
4569
4570
4571
4572
4573
4574
4575
4576
4577
4578                     </div>
4579                 </div>
4580
4581             </td>
4582             <td class="msource">
4583                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4584             </td>
4585         </tr>
4586
4587           <tr class="method-row expandable config-row-alt1">
4588             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4589
4590             <td class="sig">
4591                 <a id="Roo.bootstrap.Input-event-*change"></a>
4592
4593                <div class="fixedFont">
4594                 <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>)
4595
4596                 </div>
4597
4598                 <div class="mdesc">
4599
4600                    <div class="short">Fires just before the field blurs if the field value has changed.
4601
4602                 </div>
4603
4604                     <div class="long">
4605
4606                         Fires just before the field blurs if the field value has changed.
4607
4608
4609
4610
4611
4612                                 <dl class="detailList">
4613                                 <dt class="heading">Parameters:</dt>
4614
4615                                         <dt>
4616                                                 <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>
4617
4618                                         </dt>
4619                                         <dd></dd>
4620
4621                                         <dt>
4622                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4623
4624                                         </dt>
4625                                         <dd>The new value</dd>
4626
4627                                         <dt>
4628                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4629
4630                                         </dt>
4631                                         <dd>The original value</dd>
4632
4633                                 </dl>
4634
4635
4636
4637
4638
4639
4640
4641
4642
4643
4644
4645                     </div>
4646                 </div>
4647
4648             </td>
4649             <td class="msource">
4650                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4651             </td>
4652         </tr>
4653
4654           <tr class="method-row expandable config-row-alt0">
4655             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4656
4657             <td class="sig">
4658                 <a id="Roo.bootstrap.CheckBox-event-*check"></a>
4659
4660                <div class="fixedFont">
4661                 <b class="itemname">check</b> (<a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a> <B><i>this</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>checked</i></B>)
4662
4663                 </div>
4664
4665                 <div class="mdesc">
4666
4667                    <div class="short">Fires when the element is checked or unchecked.
4668
4669                 </div>
4670
4671                     <div class="long">
4672
4673                         Fires when the element is checked or unchecked.
4674
4675
4676
4677
4678
4679                                 <dl class="detailList">
4680                                 <dt class="heading">Parameters:</dt>
4681
4682                                         <dt>
4683                                                 <span class="fixedFont"><a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a></span> <b>this</b>
4684
4685                                         </dt>
4686                                         <dd>This input</dd>
4687
4688                                         <dt>
4689                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>checked</b>
4690
4691                                         </dt>
4692                                         <dd>The new checked value</dd>
4693
4694                                 </dl>
4695
4696
4697
4698
4699
4700
4701
4702
4703
4704
4705
4706                     </div>
4707                 </div>
4708
4709             </td>
4710             <td class="msource">
4711                 <a href="./Roo.bootstrap.CheckBox.html#constructor" roo:cls="Roo.bootstrap.CheckBox.html#constructor">Roo.bootstrap.CheckBox</a>
4712             </td>
4713         </tr>
4714
4715           <tr class="method-row expandable config-row-alt1">
4716             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4717
4718             <td class="sig">
4719                 <a id="Roo.Component-event-*destroy"></a>
4720
4721                <div class="fixedFont">
4722                 <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>)
4723
4724                 </div>
4725
4726                 <div class="mdesc">
4727
4728                    <div class="short">Fires after the component is destroyed.
4729
4730                 </div>
4731
4732                     <div class="long">
4733
4734                         Fires after the component is destroyed.
4735
4736
4737
4738
4739
4740                                 <dl class="detailList">
4741                                 <dt class="heading">Parameters:</dt>
4742
4743                                         <dt>
4744                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4745
4746                                         </dt>
4747                                         <dd></dd>
4748
4749                                 </dl>
4750
4751
4752
4753
4754
4755
4756
4757
4758
4759
4760
4761                     </div>
4762                 </div>
4763
4764             </td>
4765             <td class="msource">
4766                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4767             </td>
4768         </tr>
4769
4770           <tr class="method-row expandable config-row-alt0">
4771             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4772
4773             <td class="sig">
4774                 <a id="Roo.Component-event-*disable"></a>
4775
4776                <div class="fixedFont">
4777                 <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>)
4778
4779                 </div>
4780
4781                 <div class="mdesc">
4782
4783                    <div class="short">Fires after the component is disabled.
4784
4785                 </div>
4786
4787                     <div class="long">
4788
4789                         Fires after the component is disabled.
4790
4791
4792
4793
4794
4795                                 <dl class="detailList">
4796                                 <dt class="heading">Parameters:</dt>
4797
4798                                         <dt>
4799                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4800
4801                                         </dt>
4802                                         <dd></dd>
4803
4804                                 </dl>
4805
4806
4807
4808
4809
4810
4811
4812
4813
4814
4815
4816                     </div>
4817                 </div>
4818
4819             </td>
4820             <td class="msource">
4821                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4822             </td>
4823         </tr>
4824
4825           <tr class="method-row expandable config-row-alt1">
4826             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4827
4828             <td class="sig">
4829                 <a id="Roo.Component-event-*enable"></a>
4830
4831                <div class="fixedFont">
4832                 <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>)
4833
4834                 </div>
4835
4836                 <div class="mdesc">
4837
4838                    <div class="short">Fires after the component is enabled.
4839
4840                 </div>
4841
4842                     <div class="long">
4843
4844                         Fires after the component is enabled.
4845
4846
4847
4848
4849
4850                                 <dl class="detailList">
4851                                 <dt class="heading">Parameters:</dt>
4852
4853                                         <dt>
4854                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4855
4856                                         </dt>
4857                                         <dd></dd>
4858
4859                                 </dl>
4860
4861
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871                     </div>
4872                 </div>
4873
4874             </td>
4875             <td class="msource">
4876                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4877             </td>
4878         </tr>
4879
4880           <tr class="method-row expandable config-row-alt0">
4881             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4882
4883             <td class="sig">
4884                 <a id="Roo.bootstrap.Input-event-*focus"></a>
4885
4886                <div class="fixedFont">
4887                 <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>)
4888
4889                 </div>
4890
4891                 <div class="mdesc">
4892
4893                    <div class="short">Fires when this field receives input focus.
4894
4895                 </div>
4896
4897                     <div class="long">
4898
4899                         Fires when this field receives input focus.
4900
4901
4902
4903
4904
4905                                 <dl class="detailList">
4906                                 <dt class="heading">Parameters:</dt>
4907
4908                                         <dt>
4909                                                 <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>
4910
4911                                         </dt>
4912                                         <dd></dd>
4913
4914                                 </dl>
4915
4916
4917
4918
4919
4920
4921
4922
4923
4924
4925
4926                     </div>
4927                 </div>
4928
4929             </td>
4930             <td class="msource">
4931                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4932             </td>
4933         </tr>
4934
4935           <tr class="method-row expandable config-row-alt1">
4936             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4937
4938             <td class="sig">
4939                 <a id="Roo.Component-event-*hide"></a>
4940
4941                <div class="fixedFont">
4942                 <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>)
4943
4944                 </div>
4945
4946                 <div class="mdesc">
4947
4948                    <div class="short">Fires after the component is hidden.
4949
4950                 </div>
4951
4952                     <div class="long">
4953
4954                         Fires after the component is hidden.
4955
4956
4957
4958
4959
4960                                 <dl class="detailList">
4961                                 <dt class="heading">Parameters:</dt>
4962
4963                                         <dt>
4964                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4965
4966                                         </dt>
4967                                         <dd></dd>
4968
4969                                 </dl>
4970
4971
4972
4973
4974
4975
4976
4977
4978
4979
4980
4981                     </div>
4982                 </div>
4983
4984             </td>
4985             <td class="msource">
4986                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4987             </td>
4988         </tr>
4989
4990           <tr class="method-row expandable config-row-alt0">
4991             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4992
4993             <td class="sig">
4994                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
4995
4996                <div class="fixedFont">
4997                 <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>)
4998
4999                 </div>
5000
5001                 <div class="mdesc">
5002
5003                    <div class="short">Fires after the field has been marked as invalid.
5004
5005                 </div>
5006
5007                     <div class="long">
5008
5009                         Fires after the field has been marked as invalid.
5010
5011
5012
5013
5014
5015                                 <dl class="detailList">
5016                                 <dt class="heading">Parameters:</dt>
5017
5018                                         <dt>
5019                                                 <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>
5020
5021                                         </dt>
5022                                         <dd></dd>
5023
5024                                         <dt>
5025                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5026
5027                                         </dt>
5028                                         <dd>The validation message</dd>
5029
5030                                 </dl>
5031
5032
5033
5034
5035
5036
5037
5038
5039
5040
5041
5042                     </div>
5043                 </div>
5044
5045             </td>
5046             <td class="msource">
5047                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5048             </td>
5049         </tr>
5050
5051           <tr class="method-row expandable config-row-alt1">
5052             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5053
5054             <td class="sig">
5055                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
5056
5057                <div class="fixedFont">
5058                 <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>)
5059
5060                 </div>
5061
5062                 <div class="mdesc">
5063
5064                    <div class="short">Fires after the key up
5065
5066                 </div>
5067
5068                     <div class="long">
5069
5070                         Fires after the key up
5071
5072
5073
5074
5075
5076                                 <dl class="detailList">
5077                                 <dt class="heading">Parameters:</dt>
5078
5079                                         <dt>
5080                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
5081
5082                                         </dt>
5083                                         <dd></dd>
5084
5085                                         <dt>
5086                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5087
5088                                         </dt>
5089                                         <dd>The event Object</dd>
5090
5091                                 </dl>
5092
5093
5094
5095
5096
5097
5098
5099
5100
5101
5102
5103                     </div>
5104                 </div>
5105
5106             </td>
5107             <td class="msource">
5108                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5109             </td>
5110         </tr>
5111
5112           <tr class="method-row expandable config-row-alt0">
5113             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5114
5115             <td class="sig">
5116                 <a id="Roo.Component-event-*render"></a>
5117
5118                <div class="fixedFont">
5119                 <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>)
5120
5121                 </div>
5122
5123                 <div class="mdesc">
5124
5125                    <div class="short">Fires after the component is rendered.
5126
5127                 </div>
5128
5129                     <div class="long">
5130
5131                         Fires after the component is rendered.
5132
5133
5134
5135
5136
5137                                 <dl class="detailList">
5138                                 <dt class="heading">Parameters:</dt>
5139
5140                                         <dt>
5141                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5142
5143                                         </dt>
5144                                         <dd></dd>
5145
5146                                 </dl>
5147
5148
5149
5150
5151
5152
5153
5154
5155
5156
5157
5158                     </div>
5159                 </div>
5160
5161             </td>
5162             <td class="msource">
5163                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5164             </td>
5165         </tr>
5166
5167           <tr class="method-row expandable config-row-alt1">
5168             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5169
5170             <td class="sig">
5171                 <a id="Roo.Component-event-*show"></a>
5172
5173                <div class="fixedFont">
5174                 <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>)
5175
5176                 </div>
5177
5178                 <div class="mdesc">
5179
5180                    <div class="short">Fires after the component is shown.
5181
5182                 </div>
5183
5184                     <div class="long">
5185
5186                         Fires after the component is shown.
5187
5188
5189
5190
5191
5192                                 <dl class="detailList">
5193                                 <dt class="heading">Parameters:</dt>
5194
5195                                         <dt>
5196                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5197
5198                                         </dt>
5199                                         <dd></dd>
5200
5201                                 </dl>
5202
5203
5204
5205
5206
5207
5208
5209
5210
5211
5212
5213                     </div>
5214                 </div>
5215
5216             </td>
5217             <td class="msource">
5218                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5219             </td>
5220         </tr>
5221
5222           <tr class="method-row expandable config-row-alt0">
5223             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5224
5225             <td class="sig">
5226                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5227
5228                <div class="fixedFont">
5229                 <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>)
5230
5231                 </div>
5232
5233                 <div class="mdesc">
5234
5235                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5236
5237                 </div>
5238
5239                     <div class="long">
5240
5241                         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.
5242
5243
5244
5245
5246
5247                                 <dl class="detailList">
5248                                 <dt class="heading">Parameters:</dt>
5249
5250                                         <dt>
5251                                                 <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>
5252
5253                                         </dt>
5254                                         <dd></dd>
5255
5256                                         <dt>
5257                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5258
5259                                         </dt>
5260                                         <dd>The event object</dd>
5261
5262                                 </dl>
5263
5264
5265
5266
5267
5268
5269
5270
5271
5272
5273
5274                     </div>
5275                 </div>
5276
5277             </td>
5278             <td class="msource">
5279                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5280             </td>
5281         </tr>
5282
5283           <tr class="method-row expandable config-row-alt1">
5284             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5285
5286             <td class="sig">
5287                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5288
5289                <div class="fixedFont">
5290                 <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>)
5291
5292                 </div>
5293
5294                 <div class="mdesc">
5295
5296                    <div class="short">Fires after the field has been validated with no errors.
5297
5298                 </div>
5299
5300                     <div class="long">
5301
5302                         Fires after the field has been validated with no errors.
5303
5304
5305
5306
5307
5308                                 <dl class="detailList">
5309                                 <dt class="heading">Parameters:</dt>
5310
5311                                         <dt>
5312                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
5313
5314                                         </dt>
5315                                         <dd></dd>
5316
5317                                 </dl>
5318
5319
5320
5321
5322
5323
5324
5325
5326
5327
5328
5329                     </div>
5330                 </div>
5331
5332             </td>
5333             <td class="msource">
5334                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5335             </td>
5336         </tr>
5337
5338
5339     </table>
5340
5341
5342
5343
5344
5345 <!-- ============================== footer ================================= -->
5346                 <div class="fineprint" style="clear:both">
5347
5348                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Wed Sep 30 2015 16:03:40 GMT+0800 (HKT)
5349                         Based on
5350                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5351                 </div>
5352         </body>
5353 </html>