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