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