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