git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.TextArea.html

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