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

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