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