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