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