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