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