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

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