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