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

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.bootstrap.TriggerField</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.bootstrap.TriggerField-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.bootstrap.TriggerField-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.bootstrap.TriggerField-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.bootstrap.TriggerField-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45                 <div class="inheritance res-block">
  46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
  49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
  50 <img src="../../images/default/s.gif" height="1"  width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.TriggerField
  51
  52                    </pre>
  53                 </div>
  54
  55 <!-- ============================== class title / details ============================ -->
  56
  57
  58     <h1 class="classTitle">
  59
  60                                 Class Roo.bootstrap.TriggerField
  61                         </h1>
  62
  63     <table cellspacing="0" class="class-summary-table">
  64
  65                 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
  66
  67         <tr><td class="label">Defined In:</td><td class="hd-info">
  68
  69                                         <a href="./src/Roo_bootstrap_TriggerField.js.html">Roo/bootstrap/TriggerField.js</a>.
  70
  71         </td></tr>
  72         <tr><td class="label">Class:</td><td class="hd-info">TriggerField</td></tr>
  73
  74
  75         <tr><td class="label">Subclasses:</td><td class="hd-info">
  76                 <a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a>, <a href="./Roo.bootstrap.MoneyField.html#constructor" roo:cls="Roo.bootstrap.MoneyField.html#constructor">Roo.bootstrap.MoneyField</a>, <a href="./Roo.bootstrap.PhoneInput.html#constructor" roo:cls="Roo.bootstrap.PhoneInput.html#constructor">Roo.bootstrap.PhoneInput</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">
 154                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 155
 156                 </div>
 157                         </div>
 158
 159
 160
 161                     </td>
 162                     <td class="msource">
 163
 164                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 165
 166                     </td>
 167                 </tr>
 168
 169
 170                 <tr class="config-row expandable config-row-alt1">
 171                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 172                     <td class="sig">
 173
 174                         <a id="Roo.bootstrap.Input-cfg-after" name=".after"></a>
 175                         <div class="fixedFont">
 176                                 <b  class="itemname">after</b> : string
 177
 178
 179                         </div>
 180
 181                         <div class="mdesc">
 182                             <div class="short">- input group add on after</div>
 183                         </div>
 184
 185                         <div class="mdesc">
 186                             <div class="long">
 187                     - input group add on after
 188
 189                 </div>
 190                         </div>
 191
 192
 193
 194                     </td>
 195                     <td class="msource">
 196
 197                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 198
 199                     </td>
 200                 </tr>
 201
 202
 203                 <tr class="config-row expandable config-row-alt0">
 204                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 205                     <td class="sig">
 206
 207                         <a id="Roo.bootstrap.Input-cfg-align" name=".align"></a>
 208                         <div class="fixedFont">
 209                                 <b  class="itemname">align</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 210
 211
 212                         </div>
 213
 214                         <div class="mdesc">
 215                             <div class="short">Default left</div>
 216                         </div>
 217
 218                         <div class="mdesc">
 219                             <div class="long">
 220                     Default left
 221                     <BR/>Possible Values: left, center, right
 222                 </div>
 223                         </div>
 224
 225
 226
 227                     </td>
 228                     <td class="msource">
 229
 230                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 231
 232                     </td>
 233                 </tr>
 234
 235
 236                 <tr class="config-row expandable config-row-alt1">
 237                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 238                     <td class="sig">
 239
 240                         <a id="Roo.bootstrap.Input-cfg-allowBlank" name=".allowBlank"></a>
 241                         <div class="fixedFont">
 242                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 243
 244
 245                         </div>
 246
 247                         <div class="mdesc">
 248                             <div class="short">False to validate that the value length > 0 (defaults to true)</div>
 249                         </div>
 250
 251                         <div class="mdesc">
 252                             <div class="long">
 253                     False to validate that the value length > 0 (defaults to true)
 254
 255                 </div>
 256                         </div>
 257
 258
 259
 260                     </td>
 261                     <td class="msource">
 262
 263                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 264
 265                     </td>
 266                 </tr>
 267
 268
 269                 <tr class="config-row expandable config-row-alt0">
 270                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 271                     <td class="sig">
 272
 273                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 274                         <div class="fixedFont">
 275                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 276
 277
 278                         </div>
 279
 280                         <div class="mdesc">
 281                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 282                         </div>
 283
 284                         <div class="mdesc">
 285                             <div class="long">
 286                     Whether the component can move the Dom node when rendering (defaults to true).
 287
 288                 </div>
 289                         </div>
 290
 291
 292
 293                     </td>
 294                     <td class="msource">
 295
 296                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 297
 298                     </td>
 299                 </tr>
 300
 301
 302                 <tr class="config-row expandable config-row-alt1">
 303                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 304                     <td class="sig">
 305
 306                         <a id="Roo.bootstrap.Input-cfg-autocomplete" name=".autocomplete"></a>
 307                         <div class="fixedFont">
 308                                 <b  class="itemname">autocomplete</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 309
 310
 311                         </div>
 312
 313                         <div class="mdesc">
 314                             <div class="short">- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en</div>
 315                         </div>
 316
 317                         <div class="mdesc">
 318                             <div class="long">
 319                     - default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en
 320
 321                 </div>
 322                         </div>
 323
 324
 325
 326                     </td>
 327                     <td class="msource">
 328
 329                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 330
 331                     </td>
 332                 </tr>
 333
 334
 335                 <tr class="config-row expandable config-row-alt0">
 336                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 337                     <td class="sig">
 338
 339                         <a id="Roo.bootstrap.Input-cfg-before" name=".before"></a>
 340                         <div class="fixedFont">
 341                                 <b  class="itemname">before</b> : string
 342
 343
 344                         </div>
 345
 346                         <div class="mdesc">
 347                             <div class="short">- input group add on before</div>
 348                         </div>
 349
 350                         <div class="mdesc">
 351                             <div class="long">
 352                     - input group add on before
 353
 354                 </div>
 355                         </div>
 356
 357
 358
 359                     </td>
 360                     <td class="msource">
 361
 362                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 363
 364                     </td>
 365                 </tr>
 366
 367
 368                 <tr class="config-row expandable config-row-alt1">
 369                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 370                     <td class="sig">
 371
 372                         <a id="Roo.bootstrap.Input-cfg-blankText" name=".blankText"></a>
 373                         <div class="fixedFont">
 374                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 375
 376
 377                         </div>
 378
 379                         <div class="mdesc">
 380                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 381                         </div>
 382
 383                         <div class="mdesc">
 384                             <div class="long">
 385                     Error text to display if the allow blank validation fails (defaults to "This field is required")
 386
 387                 </div>
 388                         </div>
 389
 390
 391
 392                     </td>
 393                     <td class="msource">
 394
 395                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 396
 397                     </td>
 398                 </tr>
 399
 400
 401                 <tr class="config-row expandable config-row-alt0">
 402                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 403                     <td class="sig">
 404
 405                         <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
 406                         <div class="fixedFont">
 407                                 <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>
 408
 409
 410                         </div>
 411
 412                         <div class="mdesc">
 413                             <div class="short">True if element can be rebuild from a HTML page</div>
 414                         </div>
 415
 416                         <div class="mdesc">
 417                             <div class="long">
 418                     True if element can be rebuild from a HTML page
 419
 420                 </div>
 421                         </div>
 422
 423
 424
 425                     </td>
 426                     <td class="msource">
 427
 428                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 429
 430                     </td>
 431                 </tr>
 432
 433
 434                 <tr class="config-row expandable config-row-alt1 notInherited">
 435                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 436                     <td class="sig">
 437
 438                         <a id="Roo.bootstrap.TriggerField-cfg-caret" name=".caret"></a>
 439                         <div class="fixedFont">
 440                                 <b  class="itemname">caret</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 441
 442
 443                         </div>
 444
 445                         <div class="mdesc">
 446                             <div class="short">a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/</div>
 447                         </div>
 448
 449                         <div class="mdesc">
 450                             <div class="long">
 451                     a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/
 452                     <BR/>Possible Values: search, calendar
 453                 </div>
 454                         </div>
 455
 456
 457
 458                     </td>
 459                     <td class="msource">
 460
 461                         Roo.bootstrap.TriggerField
 462
 463                     </td>
 464                 </tr>
 465
 466
 467                 <tr class="config-row expandable config-row-alt0">
 468                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 469                     <td class="sig">
 470
 471                         <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
 472                         <div class="fixedFont">
 473                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 474
 475
 476                         </div>
 477
 478                         <div class="mdesc">
 479                             <div class="short">css class</div>
 480                         </div>
 481
 482                         <div class="mdesc">
 483                             <div class="long">
 484                     css class
 485
 486                 </div>
 487                         </div>
 488
 489
 490
 491                     </td>
 492                     <td class="msource">
 493
 494                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 495
 496                     </td>
 497                 </tr>
 498
 499
 500                 <tr class="config-row expandable config-row-alt1">
 501                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 502                     <td class="sig">
 503
 504                         <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
 505                         <div class="fixedFont">
 506                                 <b  class="itemname">container_method</b> : string
 507
 508
 509                         </div>
 510
 511                         <div class="mdesc">
 512                             <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div>
 513                         </div>
 514
 515                         <div class="mdesc">
 516                             <div class="long">
 517                     method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
 518
 519                 </div>
 520                         </div>
 521
 522
 523
 524                     </td>
 525                     <td class="msource">
 526
 527                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 528
 529                     </td>
 530                 </tr>
 531
 532
 533                 <tr class="config-row expandable config-row-alt0">
 534                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 535                     <td class="sig">
 536
 537                         <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
 538                         <div class="fixedFont">
 539                                 <b  class="itemname">dataId</b> : string
 540
 541
 542                         </div>
 543
 544                         <div class="mdesc">
 545                             <div class="short">cutomer id</div>
 546                         </div>
 547
 548                         <div class="mdesc">
 549                             <div class="long">
 550                     cutomer id
 551
 552                 </div>
 553                         </div>
 554
 555
 556
 557                     </td>
 558                     <td class="msource">
 559
 560                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 561
 562                     </td>
 563                 </tr>
 564
 565
 566                 <tr class="config-row expandable config-row-alt1">
 567                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 568                     <td class="sig">
 569
 570                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 571                         <div class="fixedFont">
 572                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 573
 574
 575                         </div>
 576
 577                         <div class="mdesc">
 578                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 579                         </div>
 580
 581                         <div class="mdesc">
 582                             <div class="long">
 583                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 584
 585                 </div>
 586                         </div>
 587
 588
 589
 590                     </td>
 591                     <td class="msource">
 592
 593                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 594
 595                     </td>
 596                 </tr>
 597
 598
 599                 <tr class="config-row expandable config-row-alt0">
 600                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 601                     <td class="sig">
 602
 603                         <a id="Roo.bootstrap.Input-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
 604                         <div class="fixedFont">
 605                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 606
 607
 608                         </div>
 609
 610                         <div class="mdesc">
 611                             <div class="short">True to disable input keystroke filtering (defaults to false)</div>
 612                         </div>
 613
 614                         <div class="mdesc">
 615                             <div class="long">
 616                     True to disable input keystroke filtering (defaults to false)
 617
 618                 </div>
 619                         </div>
 620
 621
 622
 623                     </td>
 624                     <td class="msource">
 625
 626                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 627
 628                     </td>
 629                 </tr>
 630
 631
 632                 <tr class="config-row expandable config-row-alt1">
 633                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 634                     <td class="sig">
 635
 636                         <a id="Roo.bootstrap.Input-cfg-disabled" name=".disabled"></a>
 637                         <div class="fixedFont">
 638                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 639
 640
 641                         </div>
 642
 643                         <div class="mdesc">
 644                             <div class="short">is it disabled</div>
 645                         </div>
 646
 647                         <div class="mdesc">
 648                             <div class="long">
 649                     is it disabled
 650
 651                 </div>
 652                         </div>
 653
 654
 655
 656                     </td>
 657                     <td class="msource">
 658
 659                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 660
 661                     </td>
 662                 </tr>
 663
 664
 665                 <tr class="config-row expandable config-row-alt0">
 666                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 667                     <td class="sig">
 668
 669                         <a id="Roo.bootstrap.Input-cfg-fieldLabel" name=".fieldLabel"></a>
 670                         <div class="fixedFont">
 671                                 <b  class="itemname">fieldLabel</b> : string
 672
 673
 674                         </div>
 675
 676                         <div class="mdesc">
 677                             <div class="short">- the label associated</div>
 678                         </div>
 679
 680                         <div class="mdesc">
 681                             <div class="long">
 682                     - the label associated
 683
 684                 </div>
 685                         </div>
 686
 687
 688
 689                     </td>
 690                     <td class="msource">
 691
 692                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 693
 694                     </td>
 695                 </tr>
 696
 697
 698                 <tr class="config-row expandable config-row-alt1">
 699                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 700                     <td class="sig">
 701
 702                         <a id="Roo.bootstrap.Input-cfg-focusClass" name=".focusClass"></a>
 703                         <div class="fixedFont">
 704                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 705
 706
 707                         </div>
 708
 709                         <div class="mdesc">
 710                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 711                         </div>
 712
 713                         <div class="mdesc">
 714                             <div class="long">
 715                     The CSS class to use when the field receives focus (defaults to "x-form-focus")
 716
 717                 </div>
 718                         </div>
 719
 720
 721
 722                     </td>
 723                     <td class="msource">
 724
 725                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 726
 727                     </td>
 728                 </tr>
 729
 730
 731                 <tr class="config-row expandable config-row-alt0">
 732                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 733                     <td class="sig">
 734
 735                         <a id="Roo.bootstrap.Input-cfg-forceFeedback" name=".forceFeedback"></a>
 736                         <div class="fixedFont">
 737                                 <b  class="itemname">forceFeedback</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 738
 739
 740                         </div>
 741
 742                         <div class="mdesc">
 743                             <div class="short">Default false</div>
 744                         </div>
 745
 746                         <div class="mdesc">
 747                             <div class="long">
 748                     Default false
 749                     <BR/>Possible Values: true, false
 750                 </div>
 751                         </div>
 752
 753
 754
 755                     </td>
 756                     <td class="msource">
 757
 758                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 759
 760                     </td>
 761                 </tr>
 762
 763
 764                 <tr class="config-row expandable config-row-alt1">
 765                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 766                     <td class="sig">
 767
 768                         <a id="Roo.bootstrap.Input-cfg-hasFeedback" name=".hasFeedback"></a>
 769                         <div class="fixedFont">
 770                                 <b  class="itemname">hasFeedback</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 771
 772
 773                         </div>
 774
 775                         <div class="mdesc">
 776                             <div class="short">default true</div>
 777                         </div>
 778
 779                         <div class="mdesc">
 780                             <div class="long">
 781                     default true
 782                     <BR/>Possible Values: true, false
 783                 </div>
 784                         </div>
 785
 786
 787
 788                     </td>
 789                     <td class="msource">
 790
 791                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 792
 793                     </td>
 794                 </tr>
 795
 796
 797                 <tr class="config-row expandable config-row-alt0">
 798                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 799                     <td class="sig">
 800
 801                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 802                         <div class="fixedFont">
 803                                 <b  class="itemname">hideMode</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">How this component should hidden.</div>
 810                         </div>
 811
 812                         <div class="mdesc">
 813                             <div class="long">
 814                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
 815                     <BR/>Possible Values: display, visibility
 816                 </div>
 817                         </div>
 818
 819
 820
 821                     </td>
 822                     <td class="msource">
 823
 824                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 825
 826                     </td>
 827                 </tr>
 828
 829
 830                 <tr class="config-row expandable config-row-alt1 notInherited">
 831                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 832                     <td class="sig">
 833
 834                         <a id="Roo.bootstrap.TriggerField-cfg-hideTrigger" name=".hideTrigger"></a>
 835                         <div class="fixedFont">
 836                                 <b  class="itemname">hideTrigger</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 837
 838
 839                         </div>
 840
 841                         <div class="mdesc">
 842                             <div class="short">True to hide the trigger element and display only the base text field (defaults to false)</div>
 843                         </div>
 844
 845                         <div class="mdesc">
 846                             <div class="long">
 847                     True to hide the trigger element and display only the base text field (defaults to false)
 848
 849                 </div>
 850                         </div>
 851
 852
 853
 854                     </td>
 855                     <td class="msource">
 856
 857                         Roo.bootstrap.TriggerField
 858
 859                     </td>
 860                 </tr>
 861
 862
 863                 <tr class="config-row expandable config-row-alt0">
 864                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 865                     <td class="sig">
 866
 867                         <a id="Roo.bootstrap.Input-cfg-indicatorpos" name=".indicatorpos"></a>
 868                         <div class="fixedFont">
 869                                 <b  class="itemname">indicatorpos</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 870
 871
 872                         </div>
 873
 874                         <div class="mdesc">
 875                             <div class="short">default left</div>
 876                         </div>
 877
 878                         <div class="mdesc">
 879                             <div class="long">
 880                     default left
 881                     <BR/>Possible Values: left, right
 882                 </div>
 883                         </div>
 884
 885
 886
 887                     </td>
 888                     <td class="msource">
 889
 890                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 891
 892                     </td>
 893                 </tr>
 894
 895
 896                 <tr class="config-row expandable config-row-alt1">
 897                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 898                     <td class="sig">
 899
 900                         <a id="Roo.bootstrap.Input-cfg-inputType" name=".inputType"></a>
 901                         <div class="fixedFont">
 902                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 903
 904
 905                         </div>
 906
 907                         <div class="mdesc">
 908                             <div class="short">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
 909                         </div>
 910
 911                         <div class="mdesc">
 912                             <div class="long">
 913                     button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text
 914
 915                 </div>
 916                         </div>
 917
 918
 919
 920                     </td>
 921                     <td class="msource">
 922
 923                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 924
 925                     </td>
 926                 </tr>
 927
 928
 929                 <tr class="config-row expandable config-row-alt0">
 930                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 931                     <td class="sig">
 932
 933                         <a id="Roo.bootstrap.Input-cfg-invalidClass" name=".invalidClass"></a>
 934                         <div class="fixedFont">
 935                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 936
 937
 938                         </div>
 939
 940                         <div class="mdesc">
 941                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 942                         </div>
 943
 944                         <div class="mdesc">
 945                             <div class="long">
 946                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
 947
 948                 </div>
 949                         </div>
 950
 951
 952
 953                     </td>
 954                     <td class="msource">
 955
 956                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 957
 958                     </td>
 959                 </tr>
 960
 961
 962                 <tr class="config-row expandable config-row-alt1">
 963                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 964                     <td class="sig">
 965
 966                         <a id="Roo.bootstrap.Input-cfg-invalidFeedbackIcon" name=".invalidFeedbackIcon"></a>
 967                         <div class="fixedFont">
 968                                 <b  class="itemname">invalidFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 969
 970
 971                         </div>
 972
 973                         <div class="mdesc">
 974                             <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
 975                         </div>
 976
 977                         <div class="mdesc">
 978                             <div class="long">
 979                     The CSS class to use when create feedback icon (defaults to "x-form-invalid")
 980
 981                 </div>
 982                         </div>
 983
 984
 985
 986                     </td>
 987                     <td class="msource">
 988
 989                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 990
 991                     </td>
 992                 </tr>
 993
 994
 995                 <tr class="config-row expandable config-row-alt0">
 996                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 997                     <td class="sig">
 998
 999                         <a id="Roo.bootstrap.Input-cfg-invalidText" name=".invalidText"></a>
1000                         <div class="fixedFont">
1001                                 <b  class="itemname">invalidText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1002
1003
1004                         </div>
1005
1006                         <div class="mdesc">
1007                             <div class="short">The error text to display if {<b>link</b> <b>validator</b>} test fails during validation (defaults to "")</div>
1008                         </div>
1009
1010                         <div class="mdesc">
1011                             <div class="long">
1012                     The error text to display if {<b>link</b> <b>validator</b>} test fails during validation (defaults to "")
1013
1014                 </div>
1015                         </div>
1016
1017
1018
1019                     </td>
1020                     <td class="msource">
1021
1022                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1023
1024                     </td>
1025                 </tr>
1026
1027
1028                 <tr class="config-row expandable config-row-alt1">
1029                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1030                     <td class="sig">
1031
1032                         <a id="Roo.bootstrap.Input-cfg-labelAlign" name=".labelAlign"></a>
1033                         <div class="fixedFont">
1034                                 <b  class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1035
1036
1037                         </div>
1038
1039                         <div class="mdesc">
1040                             <div class="short"></div>
1041                         </div>
1042
1043                         <div class="mdesc">
1044                             <div class="long">
1045
1046                     <BR/>Possible Values: top, left
1047                 </div>
1048                         </div>
1049
1050
1051
1052                     </td>
1053                     <td class="msource">
1054
1055                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1056
1057                     </td>
1058                 </tr>
1059
1060
1061                 <tr class="config-row expandable config-row-alt0">
1062                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1063                     <td class="sig">
1064
1065                         <a id="Roo.bootstrap.Input-cfg-labelWidth" name=".labelWidth"></a>
1066                         <div class="fixedFont">
1067                                 <b  class="itemname">labelWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1068
1069
1070                         </div>
1071
1072                         <div class="mdesc">
1073                             <div class="short">set the width of label</div>
1074                         </div>
1075
1076                         <div class="mdesc">
1077                             <div class="long">
1078                     set the width of label
1079
1080                 </div>
1081                         </div>
1082
1083
1084
1085                     </td>
1086                     <td class="msource">
1087
1088                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1089
1090                     </td>
1091                 </tr>
1092
1093
1094                 <tr class="config-row expandable config-row-alt1">
1095                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1096                     <td class="sig">
1097
1098                         <a id="Roo.bootstrap.Input-cfg-labellg" name=".labellg"></a>
1099                         <div class="fixedFont">
1100                                 <b  class="itemname">labellg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1101
1102
1103                         </div>
1104
1105                         <div class="mdesc">
1106                             <div class="short">set the width of label (1-12)</div>
1107                         </div>
1108
1109                         <div class="mdesc">
1110                             <div class="long">
1111                     set the width of label (1-12)
1112
1113                 </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-alt0">
1128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1129                     <td class="sig">
1130
1131                         <a id="Roo.bootstrap.Input-cfg-labelmd" name=".labelmd"></a>
1132                         <div class="fixedFont">
1133                                 <b  class="itemname">labelmd</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1134
1135
1136                         </div>
1137
1138                         <div class="mdesc">
1139                             <div class="short">set the width of label (1-12)</div>
1140                         </div>
1141
1142                         <div class="mdesc">
1143                             <div class="long">
1144                     set the width of label (1-12)
1145
1146                 </div>
1147                         </div>
1148
1149
1150
1151                     </td>
1152                     <td class="msource">
1153
1154                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1155
1156                     </td>
1157                 </tr>
1158
1159
1160                 <tr class="config-row expandable config-row-alt1">
1161                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1162                     <td class="sig">
1163
1164                         <a id="Roo.bootstrap.Input-cfg-labelsm" name=".labelsm"></a>
1165                         <div class="fixedFont">
1166                                 <b  class="itemname">labelsm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1167
1168
1169                         </div>
1170
1171                         <div class="mdesc">
1172                             <div class="short">set the width of label (1-12)</div>
1173                         </div>
1174
1175                         <div class="mdesc">
1176                             <div class="long">
1177                     set the width of label (1-12)
1178
1179                 </div>
1180                         </div>
1181
1182
1183
1184                     </td>
1185                     <td class="msource">
1186
1187                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1188
1189                     </td>
1190                 </tr>
1191
1192
1193                 <tr class="config-row expandable config-row-alt0">
1194                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1195                     <td class="sig">
1196
1197                         <a id="Roo.bootstrap.Input-cfg-labelxs" name=".labelxs"></a>
1198                         <div class="fixedFont">
1199                                 <b  class="itemname">labelxs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1200
1201
1202                         </div>
1203
1204                         <div class="mdesc">
1205                             <div class="short">set the width of label (1-12)</div>
1206                         </div>
1207
1208                         <div class="mdesc">
1209                             <div class="long">
1210                     set the width of label (1-12)
1211
1212                 </div>
1213                         </div>
1214
1215
1216
1217                     </td>
1218                     <td class="msource">
1219
1220                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1221
1222                     </td>
1223                 </tr>
1224
1225
1226                 <tr class="config-row expandable config-row-alt1">
1227                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1228                     <td class="sig">
1229
1230                         <a id="Roo.bootstrap.Input-cfg-lg" name=".lg"></a>
1231                         <div class="fixedFont">
1232                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1233
1234
1235                         </div>
1236
1237                         <div class="mdesc">
1238                             <div class="short">colspan out of 12 for large computer-sized screens</div>
1239                         </div>
1240
1241                         <div class="mdesc">
1242                             <div class="long">
1243                     colspan out of 12 for large computer-sized screens
1244
1245                 </div>
1246                         </div>
1247
1248
1249
1250                     </td>
1251                     <td class="msource">
1252
1253                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1254
1255                     </td>
1256                 </tr>
1257
1258
1259                 <tr class="config-row expandable config-row-alt0">
1260                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1261                     <td class="sig">
1262
1263                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
1264                         <div class="fixedFont">
1265                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1266
1267
1268                         </div>
1269
1270                         <div class="mdesc">
1271                             <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>
1272                         </div>
1273
1274                         <div class="mdesc">
1275                             <div class="long">
1276                     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>
1277
1278                 </div>
1279                         </div>
1280
1281
1282
1283                     </td>
1284                     <td class="msource">
1285
1286                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1287
1288                     </td>
1289                 </tr>
1290
1291
1292                 <tr class="config-row expandable config-row-alt1">
1293                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1294                     <td class="sig">
1295
1296                         <a id="Roo.bootstrap.Input-cfg-maskRe" name=".maskRe"></a>
1297                         <div class="fixedFont">
1298                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1299
1300
1301                         </div>
1302
1303                         <div class="mdesc">
1304                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1305                         </div>
1306
1307                         <div class="mdesc">
1308                             <div class="long">
1309                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
1310
1311                 </div>
1312                         </div>
1313
1314
1315
1316                     </td>
1317                     <td class="msource">
1318
1319                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1320
1321                     </td>
1322                 </tr>
1323
1324
1325                 <tr class="config-row expandable config-row-alt0">
1326                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1327                     <td class="sig">
1328
1329                         <a id="Roo.bootstrap.Input-cfg-maxLength" name=".maxLength"></a>
1330                         <div class="fixedFont">
1331                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1332
1333
1334                         </div>
1335
1336                         <div class="mdesc">
1337                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1338                         </div>
1339
1340                         <div class="mdesc">
1341                             <div class="long">
1342                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
1343
1344                 </div>
1345                         </div>
1346
1347
1348
1349                     </td>
1350                     <td class="msource">
1351
1352                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1353
1354                     </td>
1355                 </tr>
1356
1357
1358                 <tr class="config-row expandable config-row-alt1">
1359                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1360                     <td class="sig">
1361
1362                         <a id="Roo.bootstrap.Input-cfg-maxLengthText" name=".maxLengthText"></a>
1363                         <div class="fixedFont">
1364                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1365
1366
1367                         </div>
1368
1369                         <div class="mdesc">
1370                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1371                         </div>
1372
1373                         <div class="mdesc">
1374                             <div class="long">
1375                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
1376
1377                 </div>
1378                         </div>
1379
1380
1381
1382                     </td>
1383                     <td class="msource">
1384
1385                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1386
1387                     </td>
1388                 </tr>
1389
1390
1391                 <tr class="config-row expandable config-row-alt0">
1392                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1393                     <td class="sig">
1394
1395                         <a id="Roo.bootstrap.Input-cfg-md" name=".md"></a>
1396                         <div class="fixedFont">
1397                                 <b  class="itemname">md</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1398
1399
1400                         </div>
1401
1402                         <div class="mdesc">
1403                             <div class="short">colspan out of 12 for computer-sized screens</div>
1404                         </div>
1405
1406                         <div class="mdesc">
1407                             <div class="long">
1408                     colspan out of 12 for computer-sized screens
1409
1410                 </div>
1411                         </div>
1412
1413
1414
1415                     </td>
1416                     <td class="msource">
1417
1418                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1419
1420                     </td>
1421                 </tr>
1422
1423
1424                 <tr class="config-row expandable config-row-alt1">
1425                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1426                     <td class="sig">
1427
1428                         <a id="Roo.bootstrap.Input-cfg-minLength" name=".minLength"></a>
1429                         <div class="fixedFont">
1430                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1431
1432
1433                         </div>
1434
1435                         <div class="mdesc">
1436                             <div class="short">Minimum input field length required (defaults to 0)</div>
1437                         </div>
1438
1439                         <div class="mdesc">
1440                             <div class="long">
1441                     Minimum input field length required (defaults to 0)
1442
1443                 </div>
1444                         </div>
1445
1446
1447
1448                     </td>
1449                     <td class="msource">
1450
1451                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1452
1453                     </td>
1454                 </tr>
1455
1456
1457                 <tr class="config-row expandable config-row-alt0">
1458                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1459                     <td class="sig">
1460
1461                         <a id="Roo.bootstrap.Input-cfg-minLengthText" name=".minLengthText"></a>
1462                         <div class="fixedFont">
1463                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1464
1465
1466                         </div>
1467
1468                         <div class="mdesc">
1469                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1470                         </div>
1471
1472                         <div class="mdesc">
1473                             <div class="long">
1474                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
1475
1476                 </div>
1477                         </div>
1478
1479
1480
1481                     </td>
1482                     <td class="msource">
1483
1484                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1485
1486                     </td>
1487                 </tr>
1488
1489
1490                 <tr class="config-row expandable config-row-alt1">
1491                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1492                     <td class="sig">
1493
1494                         <a id="Roo.bootstrap.Input-cfg-name" name=".name"></a>
1495                         <div class="fixedFont">
1496                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1497
1498
1499                         </div>
1500
1501                         <div class="mdesc">
1502                             <div class="short">name of the input</div>
1503                         </div>
1504
1505                         <div class="mdesc">
1506                             <div class="long">
1507                     name of the input
1508
1509                 </div>
1510                         </div>
1511
1512
1513
1514                     </td>
1515                     <td class="msource">
1516
1517                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1518
1519                     </td>
1520                 </tr>
1521
1522
1523                 <tr class="config-row expandable config-row-alt0">
1524                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1525                     <td class="sig">
1526
1527                         <a id="Roo.bootstrap.Input-cfg-placeholder" name=".placeholder"></a>
1528                         <div class="fixedFont">
1529                                 <b  class="itemname">placeholder</b> : string
1530
1531
1532                         </div>
1533
1534                         <div class="mdesc">
1535                             <div class="short">- placeholder to put in text.</div>
1536                         </div>
1537
1538                         <div class="mdesc">
1539                             <div class="long">
1540                     - placeholder to put in text.
1541
1542                 </div>
1543                         </div>
1544
1545
1546
1547                     </td>
1548                     <td class="msource">
1549
1550                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1551
1552                     </td>
1553                 </tr>
1554
1555
1556                 <tr class="config-row expandable config-row-alt1">
1557                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1558                     <td class="sig">
1559
1560                         <a id="Roo.bootstrap.Input-cfg-readOnly" name=".readOnly"></a>
1561                         <div class="fixedFont">
1562                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1563
1564
1565                         </div>
1566
1567                         <div class="mdesc">
1568                             <div class="short">Specifies that the field should be read-only</div>
1569                         </div>
1570
1571                         <div class="mdesc">
1572                             <div class="long">
1573                     Specifies that the field should be read-only
1574
1575                 </div>
1576                         </div>
1577
1578
1579
1580                     </td>
1581                     <td class="msource">
1582
1583                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1584
1585                     </td>
1586                 </tr>
1587
1588
1589                 <tr class="config-row expandable config-row-alt0">
1590                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1591                     <td class="sig">
1592
1593                         <a id="Roo.bootstrap.Input-cfg-regex" name=".regex"></a>
1594                         <div class="fixedFont">
1595                                 <b  class="itemname">regex</b> : RegExp
1596
1597
1598                         </div>
1599
1600                         <div class="mdesc">
1601                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1602                         </div>
1603
1604                         <div class="mdesc">
1605                             <div class="long">
1606                     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>}.
1607
1608                 </div>
1609                         </div>
1610
1611
1612
1613                     </td>
1614                     <td class="msource">
1615
1616                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1617
1618                     </td>
1619                 </tr>
1620
1621
1622                 <tr class="config-row expandable config-row-alt1">
1623                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1624                     <td class="sig">
1625
1626                         <a id="Roo.bootstrap.Input-cfg-regexText" name=".regexText"></a>
1627                         <div class="fixedFont">
1628                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1629
1630
1631                         </div>
1632
1633                         <div class="mdesc">
1634                             <div class="short">-- Depricated - use Invalid Text</div>
1635                         </div>
1636
1637                         <div class="mdesc">
1638                             <div class="long">
1639                     -- Depricated - use Invalid Text
1640
1641                 </div>
1642                         </div>
1643
1644
1645
1646                     </td>
1647                     <td class="msource">
1648
1649                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1650
1651                     </td>
1652                 </tr>
1653
1654
1655                 <tr class="config-row expandable config-row-alt0 notInherited">
1656                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1657                     <td class="sig">
1658
1659                         <a id="Roo.bootstrap.TriggerField-cfg-removable" name=".removable"></a>
1660                         <div class="fixedFont">
1661                                 <b  class="itemname">removable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1662
1663
1664                         </div>
1665
1666                         <div class="mdesc">
1667                             <div class="short">special filter default false</div>
1668                         </div>
1669
1670                         <div class="mdesc">
1671                             <div class="long">
1672                     special filter default false
1673                     <BR/>Possible Values: true, false
1674                 </div>
1675                         </div>
1676
1677
1678
1679                     </td>
1680                     <td class="msource">
1681
1682                         Roo.bootstrap.TriggerField
1683
1684                     </td>
1685                 </tr>
1686
1687
1688                 <tr class="config-row expandable config-row-alt1">
1689                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1690                     <td class="sig">
1691
1692                         <a id="Roo.bootstrap.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
1693                         <div class="fixedFont">
1694                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1695
1696
1697                         </div>
1698
1699                         <div class="mdesc">
1700                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1701                         </div>
1702
1703                         <div class="mdesc">
1704                             <div class="long">
1705                     True to automatically select any existing field text when the field receives input focus (defaults to false)
1706
1707                 </div>
1708                         </div>
1709
1710
1711
1712                     </td>
1713                     <td class="msource">
1714
1715                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1716
1717                     </td>
1718                 </tr>
1719
1720
1721                 <tr class="config-row expandable config-row-alt0">
1722                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1723                     <td class="sig">
1724
1725                         <a id="Roo.bootstrap.Input-cfg-size" name=".size"></a>
1726                         <div class="fixedFont">
1727                                 <b  class="itemname">size</b> : string
1728
1729
1730                         </div>
1731
1732                         <div class="mdesc">
1733                             <div class="short">- (lg|sm) or leave empty.</div>
1734                         </div>
1735
1736                         <div class="mdesc">
1737                             <div class="long">
1738                     - (lg|sm) or leave empty..
1739
1740                 </div>
1741                         </div>
1742
1743
1744
1745                     </td>
1746                     <td class="msource">
1747
1748                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1749
1750                     </td>
1751                 </tr>
1752
1753
1754                 <tr class="config-row expandable config-row-alt1">
1755                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1756                     <td class="sig">
1757
1758                         <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
1759                         <div class="fixedFont">
1760                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1761
1762
1763                         </div>
1764
1765                         <div class="mdesc">
1766                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1767                         </div>
1768
1769                         <div class="mdesc">
1770                             <div class="long">
1771                     colspan out of 12 for tablet-sized screens
1772
1773                 </div>
1774                         </div>
1775
1776
1777
1778                     </td>
1779                     <td class="msource">
1780
1781                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1782
1783                     </td>
1784                 </tr>
1785
1786
1787                 <tr class="config-row expandable config-row-alt0">
1788                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1789                     <td class="sig">
1790
1791                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
1792                         <div class="fixedFont">
1793                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1794
1795
1796                         </div>
1797
1798                         <div class="mdesc">
1799                             <div class="short">any extra css</div>
1800                         </div>
1801
1802                         <div class="mdesc">
1803                             <div class="long">
1804                     any extra css
1805
1806                 </div>
1807                         </div>
1808
1809
1810
1811                     </td>
1812                     <td class="msource">
1813
1814                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1815
1816                     </td>
1817                 </tr>
1818
1819
1820                 <tr class="config-row expandable config-row-alt1">
1821                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1822                     <td class="sig">
1823
1824                         <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
1825                         <div class="fixedFont">
1826                                 <b  class="itemname">tooltip</b> : string
1827
1828
1829                         </div>
1830
1831                         <div class="mdesc">
1832                             <div class="short">Text for the tooltip</div>
1833                         </div>
1834
1835                         <div class="mdesc">
1836                             <div class="long">
1837                     Text for the tooltip
1838
1839                 </div>
1840                         </div>
1841
1842
1843
1844                     </td>
1845                     <td class="msource">
1846
1847                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1848
1849                     </td>
1850                 </tr>
1851
1852
1853                 <tr class="config-row expandable config-row-alt0 notInherited">
1854                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1855                     <td class="sig">
1856
1857                         <a id="Roo.bootstrap.TriggerField-cfg-triggerClass" name=".triggerClass"></a>
1858                         <div class="fixedFont">
1859                                 <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1860
1861
1862                         </div>
1863
1864                         <div class="mdesc">
1865                             <div class="short">An additional CSS class used to style the trigger button.</div>
1866                         </div>
1867
1868                         <div class="mdesc">
1869                             <div class="long">
1870                     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.
1871
1872                 </div>
1873                         </div>
1874
1875
1876
1877                     </td>
1878                     <td class="msource">
1879
1880                         Roo.bootstrap.TriggerField
1881
1882                     </td>
1883                 </tr>
1884
1885
1886                 <tr class="config-row expandable config-row-alt1">
1887                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1888                     <td class="sig">
1889
1890                         <a id="Roo.bootstrap.Input-cfg-validClass" name=".validClass"></a>
1891                         <div class="fixedFont">
1892                                 <b  class="itemname">validClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1893
1894
1895                         </div>
1896
1897                         <div class="mdesc">
1898                             <div class="short">The CSS class to use when marking a field valid (defaults to "x-form-invalid")</div>
1899                         </div>
1900
1901                         <div class="mdesc">
1902                             <div class="long">
1903                     The CSS class to use when marking a field valid (defaults to "x-form-invalid")
1904
1905                 </div>
1906                         </div>
1907
1908
1909
1910                     </td>
1911                     <td class="msource">
1912
1913                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1914
1915                     </td>
1916                 </tr>
1917
1918
1919                 <tr class="config-row expandable config-row-alt0">
1920                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1921                     <td class="sig">
1922
1923                         <a id="Roo.bootstrap.Input-cfg-validFeedbackIcon" name=".validFeedbackIcon"></a>
1924                         <div class="fixedFont">
1925                                 <b  class="itemname">validFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1926
1927
1928                         </div>
1929
1930                         <div class="mdesc">
1931                             <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
1932                         </div>
1933
1934                         <div class="mdesc">
1935                             <div class="long">
1936                     The CSS class to use when create feedback icon (defaults to "x-form-invalid")
1937
1938                 </div>
1939                         </div>
1940
1941
1942
1943                     </td>
1944                     <td class="msource">
1945
1946                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1947
1948                     </td>
1949                 </tr>
1950
1951
1952                 <tr class="config-row expandable config-row-alt1">
1953                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1954                     <td class="sig">
1955
1956                         <a id="Roo.bootstrap.Input-cfg-validateOnBlur" name=".validateOnBlur"></a>
1957                         <div class="fixedFont">
1958                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1959
1960
1961                         </div>
1962
1963                         <div class="mdesc">
1964                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1965                         </div>
1966
1967                         <div class="mdesc">
1968                             <div class="long">
1969                     Whether the field should validate when it loses focus (defaults to true).
1970
1971                 </div>
1972                         </div>
1973
1974
1975
1976                     </td>
1977                     <td class="msource">
1978
1979                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1980
1981                     </td>
1982                 </tr>
1983
1984
1985                 <tr class="config-row expandable config-row-alt0">
1986                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1987                     <td class="sig">
1988
1989                         <a id="Roo.bootstrap.Input-cfg-validationDelay" name=".validationDelay"></a>
1990                         <div class="fixedFont">
1991                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1992
1993
1994                         </div>
1995
1996                         <div class="mdesc">
1997                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1998                         </div>
1999
2000                         <div class="mdesc">
2001                             <div class="long">
2002                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
2003
2004                 </div>
2005                         </div>
2006
2007
2008
2009                     </td>
2010                     <td class="msource">
2011
2012                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2013
2014                     </td>
2015                 </tr>
2016
2017
2018                 <tr class="config-row expandable config-row-alt1">
2019                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2020                     <td class="sig">
2021
2022                         <a id="Roo.bootstrap.Input-cfg-validationEvent" name=".validationEvent"></a>
2023                         <div class="fixedFont">
2024                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
2025
2026
2027                         </div>
2028
2029                         <div class="mdesc">
2030                             <div class="short">The event that should initiate field validation.</div>
2031                         </div>
2032
2033                         <div class="mdesc">
2034                             <div class="long">
2035                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
2036
2037                 </div>
2038                         </div>
2039
2040
2041
2042                     </td>
2043                     <td class="msource">
2044
2045                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2046
2047                     </td>
2048                 </tr>
2049
2050
2051                 <tr class="config-row expandable config-row-alt0">
2052                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2053                     <td class="sig">
2054
2055                         <a id="Roo.bootstrap.Input-cfg-validator" name=".validator"></a>
2056                         <div class="fixedFont">
2057                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
2058
2059
2060                         </div>
2061
2062                         <div class="mdesc">
2063                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
2064                         </div>
2065
2066                         <div class="mdesc">
2067                             <div class="long">
2068                     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.
2069
2070                 </div>
2071                         </div>
2072
2073
2074
2075                     </td>
2076                     <td class="msource">
2077
2078                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2079
2080                     </td>
2081                 </tr>
2082
2083
2084                 <tr class="config-row expandable config-row-alt1">
2085                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2086                     <td class="sig">
2087
2088                         <a id="Roo.bootstrap.Input-cfg-value" name=".value"></a>
2089                         <div class="fixedFont">
2090                                 <b  class="itemname">value</b> : string
2091
2092
2093                         </div>
2094
2095                         <div class="mdesc">
2096                             <div class="short">default value of the input</div>
2097                         </div>
2098
2099                         <div class="mdesc">
2100                             <div class="long">
2101                     default value of the input
2102
2103                 </div>
2104                         </div>
2105
2106
2107
2108                     </td>
2109                     <td class="msource">
2110
2111                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2112
2113                     </td>
2114                 </tr>
2115
2116
2117                 <tr class="config-row expandable config-row-alt0">
2118                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2119                     <td class="sig">
2120
2121                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
2122                         <div class="fixedFont">
2123                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2124
2125
2126                         </div>
2127
2128                         <div class="mdesc">
2129                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
2130                         </div>
2131
2132                         <div class="mdesc">
2133                             <div class="long">
2134                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
2135
2136                 </div>
2137                         </div>
2138
2139
2140
2141                     </td>
2142                     <td class="msource">
2143
2144                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2145
2146                     </td>
2147                 </tr>
2148
2149
2150                 <tr class="config-row expandable config-row-alt1">
2151                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2152                     <td class="sig">
2153
2154                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
2155                         <div class="fixedFont">
2156                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2157
2158
2159                         </div>
2160
2161                         <div class="mdesc">
2162                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
2163                         </div>
2164
2165                         <div class="mdesc">
2166                             <div class="long">
2167                     extra attributes to add to 'element' (used by builder to store stuff.)
2168
2169                 </div>
2170                         </div>
2171
2172
2173
2174                     </td>
2175                     <td class="msource">
2176
2177                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2178
2179                     </td>
2180                 </tr>
2181
2182
2183                 <tr class="config-row expandable config-row-alt0">
2184                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2185                     <td class="sig">
2186
2187                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
2188                         <div class="fixedFont">
2189                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2190
2191
2192                         </div>
2193
2194                         <div class="mdesc">
2195                             <div class="short">colspan out of 12 for mobile-sized screens</div>
2196                         </div>
2197
2198                         <div class="mdesc">
2199                             <div class="long">
2200                     colspan out of 12 for mobile-sized screens
2201
2202                 </div>
2203                         </div>
2204
2205
2206
2207                     </td>
2208                     <td class="msource">
2209
2210                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2211
2212                     </td>
2213                 </tr>
2214
2215
2216     </table>
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226   <!-- ============================== public properties ==================== -->
2227
2228
2229
2230     <a id="Roo.bootstrap.TriggerField-props"></a>
2231
2232
2233
2234
2235
2236      <table cellspacing="0" class="member-table">
2237       <caption class="Empty">Public Properties - Has None</caption>
2238      </table>
2239
2240
2241
2242
2243   <!-- ============================== methods summary / details ======================== -->
2244
2245
2246   <a id="Roo.bootstrap.TriggerField-methods"></a>
2247         <!-- constructor?? -->
2248
2249         <!-- static's first
2250
2251
2252         -->
2253
2254         <!-- then dynamics first -->
2255
2256
2257
2258
2259
2260
2261       <table cellspacing="0" class="member-table">
2262       <caption>Public Methods</caption>
2263         <tr>
2264             <th class="sig-header" colspan="2">Method</th>
2265             <th class="msource-header">Defined By</th>
2266
2267         </tr>
2268
2269
2270
2271
2272
2273
2274
2275           <tr class="method-row config-row-alt0 expandable notInherited">
2276             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2277
2278
2279             <td class="sig">
2280                 <a id="Roo.bootstrap-method-TriggerField"   name=".TriggerField"></a>
2281                 <div class="fixedFont">
2282                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">TriggerField</b>
2283
2284                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2285
2286
2287
2288                 </div>
2289                 <div class="mdesc">
2290
2291
2292                         <div class="short">Create a new Roo.bootstrap.TriggerField</div>
2293
2294
2295                     <div class="long">
2296
2297
2298
2299                                 Create a new Roo.bootstrap.TriggerField
2300
2301
2302                                 <dl class="detailList">
2303                                 <dt class="heading">Parameters:</dt>
2304
2305                                         <dt>
2306                                                 <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>
2307
2308                                         </dt>
2309                                         <dd>Configuration options (valid {<b>Roo</b>.bootstrap.Input} config options will also be applied<br/>to the base TextField)</dd>
2310
2311                                 </dl>
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323                     </div>
2324                 </div>
2325
2326             </td>
2327             <td class="msource">
2328                 &nbsp;
2329             </td>
2330         </tr>
2331
2332
2333           <tr class="method-row config-row-alt1 expandable">
2334             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2335
2336
2337             <td class="sig">
2338                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2339                 <div class="fixedFont">
2340                         <span class="attributes"></span><b class="itemname">addEvents</b>
2341
2342                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2343
2344
2345
2346                 </div>
2347                 <div class="mdesc">
2348
2349                    <div class="short">Used to define events on this Observable</div>
2350
2351
2352
2353                     <div class="long">
2354
2355                                 Used to define events on this Observable
2356
2357
2358
2359
2360
2361
2362                                 <dl class="detailList">
2363                                 <dt class="heading">Parameters:</dt>
2364
2365                                         <dt>
2366                                                 <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>
2367
2368                                         </dt>
2369                                         <dd>The object with the events defined</dd>
2370
2371                                 </dl>
2372
2373
2374
2375
2376
2377
2378
2379
2380
2381
2382
2383                     </div>
2384                 </div>
2385
2386             </td>
2387             <td class="msource">
2388
2389                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2390                 &nbsp;
2391             </td>
2392         </tr>
2393
2394
2395           <tr class="method-row config-row-alt0 expandable">
2396             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2397
2398
2399             <td class="sig">
2400                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2401                 <div class="fixedFont">
2402                         <span class="attributes"></span><b class="itemname">addListener</b>
2403
2404                                  (<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>)
2405
2406
2407
2408                 </div>
2409                 <div class="mdesc">
2410
2411                    <div class="short">Appends an event handler to this component</div>
2412
2413
2414
2415                     <div class="long">
2416
2417                                 Appends an event handler to this component
2418
2419
2420
2421
2422
2423
2424                                 <dl class="detailList">
2425                                 <dt class="heading">Parameters:</dt>
2426
2427                                         <dt>
2428                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2429
2430                                         </dt>
2431                                         <dd>The type of event to listen for</dd>
2432
2433                                         <dt>
2434                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2435
2436                                         </dt>
2437                                         <dd>The method the event invokes</dd>
2438
2439                                         <dt>
2440                                                 <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>
2441
2442                                         </dt>
2443                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2444
2445                                         <dt>
2446                                                 <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>
2447
2448                                         </dt>
2449                                         <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>
2450
2451                                 </dl>
2452
2453
2454
2455
2456
2457
2458
2459
2460
2461
2462
2463                     </div>
2464                 </div>
2465
2466             </td>
2467             <td class="msource">
2468
2469                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2470                 &nbsp;
2471             </td>
2472         </tr>
2473
2474
2475           <tr class="method-row config-row-alt1 expandable notInherited">
2476             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2477
2478
2479             <td class="sig">
2480                 <a id="Roo.bootstrap.TriggerField-method-autoSize"   name=".autoSize"></a>
2481                 <div class="fixedFont">
2482                         <span class="attributes"></span><b class="itemname">autoSize</b>
2483
2484                                  ()
2485
2486
2487
2488                 </div>
2489                 <div class="mdesc">
2490
2491                    <div class="short"></div>
2492
2493
2494
2495                     <div class="long">
2496
2497
2498
2499
2500
2501
2502
2503
2504
2505
2506
2507
2508
2509
2510
2511
2512
2513
2514                     </div>
2515                 </div>
2516
2517             </td>
2518             <td class="msource">
2519
2520                         Roo.bootstrap.TriggerField
2521                 &nbsp;
2522             </td>
2523         </tr>
2524
2525
2526           <tr class="method-row config-row-alt0 expandable">
2527             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2528
2529
2530             <td class="sig">
2531                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2532                 <div class="fixedFont">
2533                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2534
2535                                  ()
2536
2537
2538
2539                 </div>
2540                 <div class="mdesc">
2541
2542                    <div class="short">Clear any invalid styles/messages for this field</div>
2543
2544
2545
2546                     <div class="long">
2547
2548                                 Clear any invalid styles/messages for this field
2549
2550
2551
2552
2553
2554
2555
2556
2557
2558
2559
2560
2561
2562
2563
2564
2565                     </div>
2566                 </div>
2567
2568             </td>
2569             <td class="msource">
2570
2571                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2572                 &nbsp;
2573             </td>
2574         </tr>
2575
2576
2577           <tr class="method-row config-row-alt1 expandable">
2578             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2579
2580
2581             <td class="sig">
2582                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2583                 <div class="fixedFont">
2584                         <span class="attributes"></span><b class="itemname">destroy</b>
2585
2586                                  ()
2587
2588
2589
2590                 </div>
2591                 <div class="mdesc">
2592
2593                    <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>
2594
2595
2596
2597                     <div class="long">
2598
2599                                 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}.
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616                     </div>
2617                 </div>
2618
2619             </td>
2620             <td class="msource">
2621
2622                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2623                 &nbsp;
2624             </td>
2625         </tr>
2626
2627
2628           <tr class="method-row config-row-alt0 expandable">
2629             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2630
2631
2632             <td class="sig">
2633                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2634                 <div class="fixedFont">
2635                         <span class="attributes"></span><b class="itemname">disable</b>
2636
2637                                  ()
2638
2639
2640                                          :
2641
2642
2643                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2644
2645
2646
2647
2648
2649                 </div>
2650                 <div class="mdesc">
2651
2652                    <div class="short">Disable this component.</div>
2653
2654
2655
2656                     <div class="long">
2657
2658                                 Disable this component.
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668
2669                                 <dl class="detailList">
2670                                 <dt class="heading">Returns:</dt>
2671
2672                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2673
2674                                 </dl>
2675
2676
2677
2678
2679
2680
2681
2682                     </div>
2683                 </div>
2684
2685             </td>
2686             <td class="msource">
2687
2688                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2689                 &nbsp;
2690             </td>
2691         </tr>
2692
2693
2694           <tr class="method-row config-row-alt1 expandable">
2695             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2696
2697
2698             <td class="sig">
2699                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2700                 <div class="fixedFont">
2701                         <span class="attributes"></span><b class="itemname">enable</b>
2702
2703                                  ()
2704
2705
2706                                          :
2707
2708
2709                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2710
2711
2712
2713
2714
2715                 </div>
2716                 <div class="mdesc">
2717
2718                    <div class="short">Enable this component.</div>
2719
2720
2721
2722                     <div class="long">
2723
2724                                 Enable this component.
2725
2726
2727
2728
2729
2730
2731
2732
2733
2734
2735                                 <dl class="detailList">
2736                                 <dt class="heading">Returns:</dt>
2737
2738                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2739
2740                                 </dl>
2741
2742
2743
2744
2745
2746
2747
2748                     </div>
2749                 </div>
2750
2751             </td>
2752             <td class="msource">
2753
2754                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2755                 &nbsp;
2756             </td>
2757         </tr>
2758
2759
2760           <tr class="method-row config-row-alt0 expandable">
2761             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2762
2763
2764             <td class="sig">
2765                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2766                 <div class="fixedFont">
2767                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2768
2769                                  (<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>)
2770
2771
2772                                          :
2773
2774
2775                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2776
2777
2778
2779
2780
2781                 </div>
2782                 <div class="mdesc">
2783
2784                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2785
2786
2787
2788                     <div class="long">
2789
2790                                 Fires the specified event with the passed parameters (minus the event name).
2791
2792
2793
2794
2795
2796
2797                                 <dl class="detailList">
2798                                 <dt class="heading">Parameters:</dt>
2799
2800                                         <dt>
2801                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2802
2803                                         </dt>
2804                                         <dd></dd>
2805
2806                                         <dt>
2807                                                 <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>
2808
2809                                         </dt>
2810                                         <dd>Variable number of parameters are passed to handlers</dd>
2811
2812                                 </dl>
2813
2814
2815
2816
2817
2818                                 <dl class="detailList">
2819                                 <dt class="heading">Returns:</dt>
2820
2821                                         <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>
2822
2823                                 </dl>
2824
2825
2826
2827
2828
2829
2830
2831                     </div>
2832                 </div>
2833
2834             </td>
2835             <td class="msource">
2836
2837                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2838                 &nbsp;
2839             </td>
2840         </tr>
2841
2842
2843           <tr class="method-row config-row-alt1 expandable">
2844             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2845
2846
2847             <td class="sig">
2848                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2849                 <div class="fixedFont">
2850                         <span class="attributes"></span><b class="itemname">focus</b>
2851
2852                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2853
2854
2855                                          :
2856
2857
2858                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2859
2860
2861
2862
2863
2864                 </div>
2865                 <div class="mdesc">
2866
2867                    <div class="short">Try to focus this component.</div>
2868
2869
2870
2871                     <div class="long">
2872
2873                                 Try to focus this component.
2874
2875
2876
2877
2878
2879
2880                                 <dl class="detailList">
2881                                 <dt class="heading">Parameters:</dt>
2882
2883                                         <dt>
2884                                                 <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>
2885
2886                                         </dt>
2887                                         <dd>True to also select the text in this component (if applicable)</dd>
2888
2889                                 </dl>
2890
2891
2892
2893
2894
2895                                 <dl class="detailList">
2896                                 <dt class="heading">Returns:</dt>
2897
2898                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2899
2900                                 </dl>
2901
2902
2903
2904
2905
2906
2907
2908                     </div>
2909                 </div>
2910
2911             </td>
2912             <td class="msource">
2913
2914                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2915                 &nbsp;
2916             </td>
2917         </tr>
2918
2919
2920           <tr class="method-row config-row-alt0 expandable">
2921             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2922
2923
2924             <td class="sig">
2925                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2926                 <div class="fixedFont">
2927                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2928
2929                                  ()
2930
2931
2932                                          :
2933
2934
2935                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2936
2937
2938
2939
2940
2941                 </div>
2942                 <div class="mdesc">
2943
2944                    <div class="short">Fetch the element to add children to</div>
2945
2946
2947
2948                     <div class="long">
2949
2950                                 Fetch the element to add children to
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961                                 <dl class="detailList">
2962                                 <dt class="heading">Returns:</dt>
2963
2964                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
2965
2966                                 </dl>
2967
2968
2969
2970
2971
2972
2973
2974                     </div>
2975                 </div>
2976
2977             </td>
2978             <td class="msource">
2979
2980                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2981                 &nbsp;
2982             </td>
2983         </tr>
2984
2985
2986           <tr class="method-row config-row-alt1 expandable">
2987             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2988
2989
2990             <td class="sig">
2991                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2992                 <div class="fixedFont">
2993                         <span class="attributes"></span><b class="itemname">getEl</b>
2994
2995                                  ()
2996
2997
2998                                          :
2999
3000
3001                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3002
3003
3004
3005
3006
3007                 </div>
3008                 <div class="mdesc">
3009
3010                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
3011
3012
3013
3014                     <div class="long">
3015
3016                                 Returns the underlying {<b>link</b> Roo.Element}.
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027                                 <dl class="detailList">
3028                                 <dt class="heading">Returns:</dt>
3029
3030                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
3031
3032                                 </dl>
3033
3034
3035
3036
3037
3038
3039
3040                     </div>
3041                 </div>
3042
3043             </td>
3044             <td class="msource">
3045
3046                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3047                 &nbsp;
3048             </td>
3049         </tr>
3050
3051
3052           <tr class="method-row config-row-alt0 expandable">
3053             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3054
3055
3056             <td class="sig">
3057                 <a id="Roo.Component-method-getId"   name=".getId"></a>
3058                 <div class="fixedFont">
3059                         <span class="attributes"></span><b class="itemname">getId</b>
3060
3061                                  ()
3062
3063
3064                                          :
3065
3066
3067                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3068
3069
3070
3071
3072
3073                 </div>
3074                 <div class="mdesc">
3075
3076                    <div class="short">Returns the id of this component.</div>
3077
3078
3079
3080                     <div class="long">
3081
3082                                 Returns the id of this component.
3083
3084
3085
3086
3087
3088
3089
3090
3091
3092
3093                                 <dl class="detailList">
3094                                 <dt class="heading">Returns:</dt>
3095
3096                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
3097
3098                                 </dl>
3099
3100
3101
3102
3103
3104
3105
3106                     </div>
3107                 </div>
3108
3109             </td>
3110             <td class="msource">
3111
3112                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3113                 &nbsp;
3114             </td>
3115         </tr>
3116
3117
3118           <tr class="method-row config-row-alt1 expandable">
3119             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3120
3121
3122             <td class="sig">
3123                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
3124                 <div class="fixedFont">
3125                         <span class="attributes"></span><b class="itemname">getName</b>
3126
3127                                  ()
3128
3129
3130                                          :
3131
3132
3133                                                 Mixed
3134
3135
3136
3137
3138
3139                 </div>
3140                 <div class="mdesc">
3141
3142                    <div class="short">Returns the name of the field</div>
3143
3144
3145
3146                     <div class="long">
3147
3148                                 Returns the name of the field
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159                                 <dl class="detailList">
3160                                 <dt class="heading">Returns:</dt>
3161
3162                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
3163
3164                                 </dl>
3165
3166
3167
3168
3169
3170
3171
3172                     </div>
3173                 </div>
3174
3175             </td>
3176             <td class="msource">
3177
3178                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3179                 &nbsp;
3180             </td>
3181         </tr>
3182
3183
3184           <tr class="method-row config-row-alt0 expandable">
3185             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3186
3187
3188             <td class="sig">
3189                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
3190                 <div class="fixedFont">
3191                         <span class="attributes"></span><b class="itemname">getRawValue</b>
3192
3193                                  ()
3194
3195
3196                                          :
3197
3198
3199                                                 Mixed
3200
3201
3202
3203
3204
3205                 </div>
3206                 <div class="mdesc">
3207
3208                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
3209
3210
3211
3212                     <div class="long">
3213
3214                                 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>}.
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225                                 <dl class="detailList">
3226                                 <dt class="heading">Returns:</dt>
3227
3228                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3229
3230                                 </dl>
3231
3232
3233
3234
3235
3236
3237
3238                     </div>
3239                 </div>
3240
3241             </td>
3242             <td class="msource">
3243
3244                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3245                 &nbsp;
3246             </td>
3247         </tr>
3248
3249
3250           <tr class="method-row config-row-alt1 expandable">
3251             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3252
3253
3254             <td class="sig">
3255                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
3256                 <div class="fixedFont">
3257                         <span class="attributes"></span><b class="itemname">getValue</b>
3258
3259                                  ()
3260
3261
3262                                          :
3263
3264
3265                                                 Mixed
3266
3267
3268
3269
3270
3271                 </div>
3272                 <div class="mdesc">
3273
3274                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
3275
3276
3277
3278                     <div class="long">
3279
3280                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290
3291                                 <dl class="detailList">
3292                                 <dt class="heading">Returns:</dt>
3293
3294                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3295
3296                                 </dl>
3297
3298
3299
3300
3301
3302
3303
3304                     </div>
3305                 </div>
3306
3307             </td>
3308             <td class="msource">
3309
3310                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3311                 &nbsp;
3312             </td>
3313         </tr>
3314
3315
3316           <tr class="method-row config-row-alt0 expandable">
3317             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3318
3319
3320             <td class="sig">
3321                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3322                 <div class="fixedFont">
3323                         <span class="attributes"></span><b class="itemname">hasListener</b>
3324
3325                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3326
3327
3328                                          :
3329
3330
3331                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3332
3333
3334
3335
3336
3337                 </div>
3338                 <div class="mdesc">
3339
3340                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3341
3342
3343
3344                     <div class="long">
3345
3346                                 Checks to see if this object has any listeners for a specified event
3347
3348
3349
3350
3351
3352
3353                                 <dl class="detailList">
3354                                 <dt class="heading">Parameters:</dt>
3355
3356                                         <dt>
3357                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3358
3359                                         </dt>
3360                                         <dd>The name of the event to check for</dd>
3361
3362                                 </dl>
3363
3364
3365
3366
3367
3368                                 <dl class="detailList">
3369                                 <dt class="heading">Returns:</dt>
3370
3371                                         <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>
3372
3373                                 </dl>
3374
3375
3376
3377
3378
3379
3380
3381                     </div>
3382                 </div>
3383
3384             </td>
3385             <td class="msource">
3386
3387                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3388                 &nbsp;
3389             </td>
3390         </tr>
3391
3392
3393           <tr class="method-row config-row-alt1 expandable">
3394             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3395
3396
3397             <td class="sig">
3398                 <a id="Roo.bootstrap.Component-method-hide"   name=".hide"></a>
3399                 <div class="fixedFont">
3400                         <span class="attributes"></span><b class="itemname">hide</b>
3401
3402                                  ()
3403
3404
3405
3406                 </div>
3407                 <div class="mdesc">
3408
3409                    <div class="short">Hide a component - adds 'hidden' class</div>
3410
3411
3412
3413                     <div class="long">
3414
3415                                 Hide a component - adds 'hidden' class
3416
3417
3418
3419
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432                     </div>
3433                 </div>
3434
3435             </td>
3436             <td class="msource">
3437
3438                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3439                 &nbsp;
3440             </td>
3441         </tr>
3442
3443
3444           <tr class="method-row config-row-alt0 expandable">
3445             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3446
3447
3448             <td class="sig">
3449                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3450                 <div class="fixedFont">
3451                         <span class="attributes"></span><b class="itemname">initEvents</b>
3452
3453                                  ()
3454
3455
3456
3457                 </div>
3458                 <div class="mdesc">
3459
3460                    <div class="short">Initialize Events for the element</div>
3461
3462
3463
3464                     <div class="long">
3465
3466                                 Initialize Events for the element
3467
3468
3469
3470
3471
3472
3473
3474
3475
3476
3477
3478
3479
3480
3481
3482
3483                     </div>
3484                 </div>
3485
3486             </td>
3487             <td class="msource">
3488
3489                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3490                 &nbsp;
3491             </td>
3492         </tr>
3493
3494
3495           <tr class="method-row config-row-alt1 expandable">
3496             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3497
3498
3499             <td class="sig">
3500                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
3501                 <div class="fixedFont">
3502                         <span class="attributes"></span><b class="itemname">inputEl</b>
3503
3504                                  ()
3505
3506
3507
3508                 </div>
3509                 <div class="mdesc">
3510
3511                    <div class="short">return the real input element.</div>
3512
3513
3514
3515                     <div class="long">
3516
3517                                 return the real input element.
3518
3519
3520
3521
3522
3523
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534                     </div>
3535                 </div>
3536
3537             </td>
3538             <td class="msource">
3539
3540                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3541                 &nbsp;
3542             </td>
3543         </tr>
3544
3545
3546           <tr class="method-row config-row-alt0 expandable">
3547             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3548
3549
3550             <td class="sig">
3551                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3552                 <div class="fixedFont">
3553                         <span class="attributes"></span><b class="itemname">isVisible</b>
3554
3555                                  ()
3556
3557
3558
3559                 </div>
3560                 <div class="mdesc">
3561
3562                    <div class="short">Returns true if this component is visible.</div>
3563
3564
3565
3566                     <div class="long">
3567
3568                                 Returns true if this component is visible.
3569
3570
3571
3572
3573
3574
3575
3576
3577
3578
3579
3580
3581
3582
3583
3584
3585                     </div>
3586                 </div>
3587
3588             </td>
3589             <td class="msource">
3590
3591                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3592                 &nbsp;
3593             </td>
3594         </tr>
3595
3596
3597           <tr class="method-row config-row-alt1 expandable">
3598             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3599
3600
3601             <td class="sig">
3602                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3603                 <div class="fixedFont">
3604                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3605
3606                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3607
3608
3609
3610                 </div>
3611                 <div class="mdesc">
3612
3613                    <div class="short">Mark this field as invalid</div>
3614
3615
3616
3617                     <div class="long">
3618
3619                                 Mark this field as invalid
3620
3621
3622
3623
3624
3625
3626                                 <dl class="detailList">
3627                                 <dt class="heading">Parameters:</dt>
3628
3629                                         <dt>
3630                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3631
3632                                         </dt>
3633                                         <dd>The validation message</dd>
3634
3635                                 </dl>
3636
3637
3638
3639
3640
3641
3642
3643
3644
3645
3646
3647                     </div>
3648                 </div>
3649
3650             </td>
3651             <td class="msource">
3652
3653                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3654                 &nbsp;
3655             </td>
3656         </tr>
3657
3658
3659           <tr class="method-row config-row-alt0 expandable">
3660             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3661
3662
3663             <td class="sig">
3664                 <a id="Roo.bootstrap.Input-method-markValid"   name=".markValid"></a>
3665                 <div class="fixedFont">
3666                         <span class="attributes"></span><b class="itemname">markValid</b>
3667
3668                                  ()
3669
3670
3671
3672                 </div>
3673                 <div class="mdesc">
3674
3675                    <div class="short">Mark this field as valid</div>
3676
3677
3678
3679                     <div class="long">
3680
3681                                 Mark this field as valid
3682
3683
3684
3685
3686
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696
3697
3698                     </div>
3699                 </div>
3700
3701             </td>
3702             <td class="msource">
3703
3704                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3705                 &nbsp;
3706             </td>
3707         </tr>
3708
3709
3710           <tr class="method-row config-row-alt1 expandable">
3711             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3712
3713
3714             <td class="sig">
3715                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3716                 <div class="fixedFont">
3717                         <span class="attributes"></span><b class="itemname">on</b>
3718
3719                                  (<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>)
3720
3721
3722
3723                 </div>
3724                 <div class="mdesc">
3725
3726                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3727
3728
3729
3730                     <div class="long">
3731
3732                                 Appends an event handler to this element (shorthand for addListener)
3733
3734
3735
3736
3737
3738
3739                                 <dl class="detailList">
3740                                 <dt class="heading">Parameters:</dt>
3741
3742                                         <dt>
3743                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3744
3745                                         </dt>
3746                                         <dd>The type of event to listen for</dd>
3747
3748                                         <dt>
3749                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3750
3751                                         </dt>
3752                                         <dd>The method the event invokes</dd>
3753
3754                                         <dt>
3755                                                 <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>
3756
3757                                         </dt>
3758                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3759
3760                                         <dt>
3761                                                 <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>
3762
3763                                         </dt>
3764                                         <dd>(optional)</dd>
3765
3766                                 </dl>
3767
3768
3769
3770
3771
3772
3773
3774
3775
3776
3777
3778                     </div>
3779                 </div>
3780
3781             </td>
3782             <td class="msource">
3783
3784                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3785                 &nbsp;
3786             </td>
3787         </tr>
3788
3789
3790           <tr class="method-row config-row-alt0 expandable notInherited">
3791             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3792
3793
3794             <td class="sig">
3795                 <a id="Roo.bootstrap.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
3796                 <div class="fixedFont">
3797                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
3798
3799                                  (EventObject <B><i>e</i></B>)
3800
3801
3802
3803                 </div>
3804                 <div class="mdesc">
3805
3806                    <div class="short">The function that should handle the trigger's click event.</div>
3807
3808
3809
3810                     <div class="long">
3811
3812                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
3813
3814
3815
3816
3817
3818
3819                                 <dl class="detailList">
3820                                 <dt class="heading">Parameters:</dt>
3821
3822                                         <dt>
3823                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
3824
3825                                         </dt>
3826                                         <dd></dd>
3827
3828                                 </dl>
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840                     </div>
3841                 </div>
3842
3843             </td>
3844             <td class="msource">
3845
3846                         Roo.bootstrap.TriggerField
3847                 &nbsp;
3848             </td>
3849         </tr>
3850
3851
3852           <tr class="method-row config-row-alt1 expandable">
3853             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3854
3855
3856             <td class="sig">
3857                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3858                 <div class="fixedFont">
3859                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3860
3861                                  ()
3862
3863
3864
3865                 </div>
3866                 <div class="mdesc">
3867
3868                    <div class="short">Removes all listeners for this object</div>
3869
3870
3871
3872                     <div class="long">
3873
3874                                 Removes all listeners for this object
3875
3876
3877
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887
3888
3889
3890
3891                     </div>
3892                 </div>
3893
3894             </td>
3895             <td class="msource">
3896
3897                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3898                 &nbsp;
3899             </td>
3900         </tr>
3901
3902
3903           <tr class="method-row config-row-alt0 expandable">
3904             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3905
3906
3907             <td class="sig">
3908                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3909                 <div class="fixedFont">
3910                         <span class="attributes"></span><b class="itemname">removeListener</b>
3911
3912                                  (<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>)
3913
3914
3915
3916                 </div>
3917                 <div class="mdesc">
3918
3919                    <div class="short">Removes a listener</div>
3920
3921
3922
3923                     <div class="long">
3924
3925                                 Removes a listener
3926
3927
3928
3929
3930
3931
3932                                 <dl class="detailList">
3933                                 <dt class="heading">Parameters:</dt>
3934
3935                                         <dt>
3936                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3937
3938                                         </dt>
3939                                         <dd>The type of event to listen for</dd>
3940
3941                                         <dt>
3942                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3943
3944                                         </dt>
3945                                         <dd>The handler to remove</dd>
3946
3947                                         <dt>
3948                                                 <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>
3949
3950                                         </dt>
3951                                         <dd>(optional) The scope (this object) for the handler</dd>
3952
3953                                 </dl>
3954
3955
3956
3957
3958
3959
3960
3961
3962
3963
3964
3965                     </div>
3966                 </div>
3967
3968             </td>
3969             <td class="msource">
3970
3971                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3972                 &nbsp;
3973             </td>
3974         </tr>
3975
3976
3977           <tr class="method-row config-row-alt1 expandable">
3978             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3979
3980
3981             <td class="sig">
3982                 <a id="Roo.Component-method-render"   name=".render"></a>
3983                 <div class="fixedFont">
3984                         <span class="attributes"></span><b class="itemname">render</b>
3985
3986                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3987
3988
3989
3990                 </div>
3991                 <div class="mdesc">
3992
3993                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3994
3995
3996
3997                     <div class="long">
3998
3999                                 If this is a lazy rendering component, render it to its container element.
4000
4001
4002
4003
4004
4005
4006                                 <dl class="detailList">
4007                                 <dt class="heading">Parameters:</dt>
4008
4009                                         <dt>
4010                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
4011
4012                                         </dt>
4013                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
4014
4015                                 </dl>
4016
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027                     </div>
4028                 </div>
4029
4030             </td>
4031             <td class="msource">
4032
4033                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4034                 &nbsp;
4035             </td>
4036         </tr>
4037
4038
4039           <tr class="method-row config-row-alt0 expandable">
4040             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4041
4042
4043             <td class="sig">
4044                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
4045                 <div class="fixedFont">
4046                         <span class="attributes"></span><b class="itemname">reset</b>
4047
4048                                  ()
4049
4050
4051
4052                 </div>
4053                 <div class="mdesc">
4054
4055                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
4056
4057
4058
4059                     <div class="long">
4060
4061                                 Resets the current field value to the originally loaded value and clears any validation messages
4062
4063
4064
4065
4066
4067
4068
4069
4070
4071
4072
4073
4074
4075
4076
4077
4078                     </div>
4079                 </div>
4080
4081             </td>
4082             <td class="msource">
4083
4084                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4085                 &nbsp;
4086             </td>
4087         </tr>
4088
4089
4090           <tr class="method-row config-row-alt1 expandable">
4091             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4092
4093
4094             <td class="sig">
4095                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
4096                 <div class="fixedFont">
4097                         <span class="attributes"></span><b class="itemname">setDisabled</b>
4098
4099                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
4100
4101
4102
4103                 </div>
4104                 <div class="mdesc">
4105
4106                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
4107
4108
4109
4110                     <div class="long">
4111
4112                                 Convenience function for setting disabled/enabled by boolean.
4113
4114
4115
4116
4117
4118
4119                                 <dl class="detailList">
4120                                 <dt class="heading">Parameters:</dt>
4121
4122                                         <dt>
4123                                                 <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>
4124
4125                                         </dt>
4126                                         <dd></dd>
4127
4128                                 </dl>
4129
4130
4131
4132
4133
4134
4135
4136
4137
4138
4139
4140                     </div>
4141                 </div>
4142
4143             </td>
4144             <td class="msource">
4145
4146                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4147                 &nbsp;
4148             </td>
4149         </tr>
4150
4151
4152           <tr class="method-row config-row-alt0 expandable">
4153             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4154
4155
4156             <td class="sig">
4157                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
4158                 <div class="fixedFont">
4159                         <span class="attributes"></span><b class="itemname">setRawValue</b>
4160
4161                                  (Mixed <B><i>value</i></B>)
4162
4163
4164
4165                 </div>
4166                 <div class="mdesc">
4167
4168                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
4169
4170
4171
4172                     <div class="long">
4173
4174                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
4175
4176
4177
4178
4179
4180
4181                                 <dl class="detailList">
4182                                 <dt class="heading">Parameters:</dt>
4183
4184                                         <dt>
4185                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4186
4187                                         </dt>
4188                                         <dd>The value to set</dd>
4189
4190                                 </dl>
4191
4192
4193
4194
4195
4196
4197
4198
4199
4200
4201
4202                     </div>
4203                 </div>
4204
4205             </td>
4206             <td class="msource">
4207
4208                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4209                 &nbsp;
4210             </td>
4211         </tr>
4212
4213
4214           <tr class="method-row config-row-alt1 expandable">
4215             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4216
4217
4218             <td class="sig">
4219                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
4220                 <div class="fixedFont">
4221                         <span class="attributes"></span><b class="itemname">setValue</b>
4222
4223                                  (Mixed <B><i>value</i></B>)
4224
4225
4226
4227                 </div>
4228                 <div class="mdesc">
4229
4230                    <div class="short">Sets a data value into the field and validates it.</div>
4231
4232
4233
4234                     <div class="long">
4235
4236                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
4237
4238
4239
4240
4241
4242
4243                                 <dl class="detailList">
4244                                 <dt class="heading">Parameters:</dt>
4245
4246                                         <dt>
4247                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4248
4249                                         </dt>
4250                                         <dd>The value to set</dd>
4251
4252                                 </dl>
4253
4254
4255
4256
4257
4258
4259
4260
4261
4262
4263
4264                     </div>
4265                 </div>
4266
4267             </td>
4268             <td class="msource">
4269
4270                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4271                 &nbsp;
4272             </td>
4273         </tr>
4274
4275
4276           <tr class="method-row config-row-alt0 expandable">
4277             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4278
4279
4280             <td class="sig">
4281                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4282                 <div class="fixedFont">
4283                         <span class="attributes"></span><b class="itemname">setVisible</b>
4284
4285                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4286
4287
4288                                          :
4289
4290
4291                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4292
4293
4294
4295
4296
4297                 </div>
4298                 <div class="mdesc">
4299
4300                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4301
4302
4303
4304                     <div class="long">
4305
4306                                 Convenience function to hide or show this component by boolean.
4307
4308
4309
4310
4311
4312
4313                                 <dl class="detailList">
4314                                 <dt class="heading">Parameters:</dt>
4315
4316                                         <dt>
4317                                                 <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>
4318
4319                                         </dt>
4320                                         <dd>True to show, false to hide</dd>
4321
4322                                 </dl>
4323
4324
4325
4326
4327
4328                                 <dl class="detailList">
4329                                 <dt class="heading">Returns:</dt>
4330
4331                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4332
4333                                 </dl>
4334
4335
4336
4337
4338
4339
4340
4341                     </div>
4342                 </div>
4343
4344             </td>
4345             <td class="msource">
4346
4347                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4348                 &nbsp;
4349             </td>
4350         </tr>
4351
4352
4353           <tr class="method-row config-row-alt1 expandable">
4354             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4355
4356
4357             <td class="sig">
4358                 <a id="Roo.bootstrap.Component-method-show"   name=".show"></a>
4359                 <div class="fixedFont">
4360                         <span class="attributes"></span><b class="itemname">show</b>
4361
4362                                  ()
4363
4364
4365
4366                 </div>
4367                 <div class="mdesc">
4368
4369                    <div class="short">Show a component - removes 'hidden' class</div>
4370
4371
4372
4373                     <div class="long">
4374
4375                                 Show a component - removes 'hidden' class
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386
4387
4388
4389
4390
4391
4392                     </div>
4393                 </div>
4394
4395             </td>
4396             <td class="msource">
4397
4398                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4399                 &nbsp;
4400             </td>
4401         </tr>
4402
4403
4404           <tr class="method-row config-row-alt0 expandable">
4405             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4406
4407
4408             <td class="sig">
4409                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
4410                 <div class="fixedFont">
4411                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
4412
4413                                  ()
4414
4415
4416                                          :
4417
4418
4419                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4420
4421
4422
4423
4424
4425                 </div>
4426                 <div class="mdesc">
4427
4428                    <div class="short">Fetch the element to display the tooltip on.</div>
4429
4430
4431
4432                     <div class="long">
4433
4434                                 Fetch the element to display the tooltip on.
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445                                 <dl class="detailList">
4446                                 <dt class="heading">Returns:</dt>
4447
4448                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  defaults to this.el</dd>
4449
4450                                 </dl>
4451
4452
4453
4454
4455
4456
4457
4458                     </div>
4459                 </div>
4460
4461             </td>
4462             <td class="msource">
4463
4464                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4465                 &nbsp;
4466             </td>
4467         </tr>
4468
4469
4470           <tr class="method-row config-row-alt1 expandable">
4471             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4472
4473
4474             <td class="sig">
4475                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4476                 <div class="fixedFont">
4477                         <span class="attributes"></span><b class="itemname">un</b>
4478
4479                                  (<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>)
4480
4481
4482
4483                 </div>
4484                 <div class="mdesc">
4485
4486                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4487
4488
4489
4490                     <div class="long">
4491
4492                                 Removes a listener (shorthand for removeListener)
4493
4494
4495
4496
4497
4498
4499                                 <dl class="detailList">
4500                                 <dt class="heading">Parameters:</dt>
4501
4502                                         <dt>
4503                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4504
4505                                         </dt>
4506                                         <dd>The type of event to listen for</dd>
4507
4508                                         <dt>
4509                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4510
4511                                         </dt>
4512                                         <dd>The handler to remove</dd>
4513
4514                                         <dt>
4515                                                 <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>
4516
4517                                         </dt>
4518                                         <dd>(optional) The scope (this object) for the handler</dd>
4519
4520                                 </dl>
4521
4522
4523
4524
4525
4526
4527
4528
4529
4530
4531
4532                     </div>
4533                 </div>
4534
4535             </td>
4536             <td class="msource">
4537
4538                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4539                 &nbsp;
4540             </td>
4541         </tr>
4542
4543
4544           <tr class="method-row config-row-alt0 expandable">
4545             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4546
4547
4548             <td class="sig">
4549                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4550                 <div class="fixedFont">
4551                         <span class="attributes"></span><b class="itemname">validate</b>
4552
4553                                  ()
4554
4555
4556                                          :
4557
4558
4559                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4560
4561
4562
4563
4564
4565                 </div>
4566                 <div class="mdesc">
4567
4568                    <div class="short">Validates the field value</div>
4569
4570
4571
4572                     <div class="long">
4573
4574                                 Validates the field value
4575
4576
4577
4578
4579
4580
4581
4582
4583
4584
4585                                 <dl class="detailList">
4586                                 <dt class="heading">Returns:</dt>
4587
4588                                         <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>
4589
4590                                 </dl>
4591
4592
4593
4594
4595
4596
4597
4598                     </div>
4599                 </div>
4600
4601             </td>
4602             <td class="msource">
4603
4604                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4605                 &nbsp;
4606             </td>
4607         </tr>
4608
4609
4610           <tr class="method-row config-row-alt1 expandable">
4611             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4612
4613
4614             <td class="sig">
4615                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4616                 <div class="fixedFont">
4617                         <span class="attributes"></span><b class="itemname">validateValue</b>
4618
4619                                  (Mixed <B><i>value</i></B>)
4620
4621
4622                                          :
4623
4624
4625                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4626
4627
4628
4629
4630
4631                 </div>
4632                 <div class="mdesc">
4633
4634                    <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>
4635
4636
4637
4638                     <div class="long">
4639
4640                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4641
4642
4643
4644
4645
4646
4647                                 <dl class="detailList">
4648                                 <dt class="heading">Parameters:</dt>
4649
4650                                         <dt>
4651                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4652
4653                                         </dt>
4654                                         <dd>The value to validate</dd>
4655
4656                                 </dl>
4657
4658
4659
4660
4661
4662                                 <dl class="detailList">
4663                                 <dt class="heading">Returns:</dt>
4664
4665                                         <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>
4666
4667                                 </dl>
4668
4669
4670
4671
4672
4673
4674
4675                     </div>
4676                 </div>
4677
4678             </td>
4679             <td class="msource">
4680
4681                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4682                 &nbsp;
4683             </td>
4684         </tr>
4685
4686
4687     </table>
4688
4689
4690   <!-- ============================== events summary / details ======================== -->
4691
4692
4693   <a id="Roo.bootstrap.TriggerField-events"></a>
4694
4695
4696
4697
4698
4699
4700
4701
4702       <table cellspacing="0" class="member-table">
4703                 <caption>Events</caption>
4704               <thead>
4705                 <tr>
4706                     <th class="sig-header" colspan="2">Event</th>
4707                     <th class="msource-header">Defined By</th>
4708
4709                 </tr>
4710               </thead>
4711
4712
4713
4714
4715
4716           <tr class="method-row expandable config-row-alt0">
4717             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4718
4719             <td class="sig">
4720                 <a id="Roo.Component-event-*beforedestroy"></a>
4721
4722                <div class="fixedFont">
4723                 <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>)
4724
4725                 </div>
4726
4727                 <div class="mdesc">
4728
4729                    <div class="short">Fires before the component is destroyed.
4730
4731                 </div>
4732
4733                     <div class="long">
4734
4735                         Fires before the component is destroyed. Return false to stop the destroy.
4736
4737
4738
4739
4740
4741                                 <dl class="detailList">
4742                                 <dt class="heading">Parameters:</dt>
4743
4744                                         <dt>
4745                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4746
4747                                         </dt>
4748                                         <dd></dd>
4749
4750                                 </dl>
4751
4752
4753
4754
4755
4756
4757
4758
4759
4760
4761
4762                     </div>
4763                 </div>
4764
4765             </td>
4766             <td class="msource">
4767                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4768             </td>
4769         </tr>
4770
4771           <tr class="method-row expandable config-row-alt1">
4772             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4773
4774             <td class="sig">
4775                 <a id="Roo.Component-event-*beforehide"></a>
4776
4777                <div class="fixedFont">
4778                 <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>)
4779
4780                 </div>
4781
4782                 <div class="mdesc">
4783
4784                    <div class="short">Fires before the component is hidden.
4785
4786                 </div>
4787
4788                     <div class="long">
4789
4790                         Fires before the component is hidden. Return false to stop the hide.
4791
4792
4793
4794
4795
4796                                 <dl class="detailList">
4797                                 <dt class="heading">Parameters:</dt>
4798
4799                                         <dt>
4800                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4801
4802                                         </dt>
4803                                         <dd></dd>
4804
4805                                 </dl>
4806
4807
4808
4809
4810
4811
4812
4813
4814
4815
4816
4817                     </div>
4818                 </div>
4819
4820             </td>
4821             <td class="msource">
4822                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4823             </td>
4824         </tr>
4825
4826           <tr class="method-row expandable config-row-alt0">
4827             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4828
4829             <td class="sig">
4830                 <a id="Roo.Component-event-*beforerender"></a>
4831
4832                <div class="fixedFont">
4833                 <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>)
4834
4835                 </div>
4836
4837                 <div class="mdesc">
4838
4839                    <div class="short">Fires before the component is rendered.
4840
4841                 </div>
4842
4843                     <div class="long">
4844
4845                         Fires before the component is rendered. Return false to stop the render.
4846
4847
4848
4849
4850
4851                                 <dl class="detailList">
4852                                 <dt class="heading">Parameters:</dt>
4853
4854                                         <dt>
4855                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4856
4857                                         </dt>
4858                                         <dd></dd>
4859
4860                                 </dl>
4861
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871
4872                     </div>
4873                 </div>
4874
4875             </td>
4876             <td class="msource">
4877                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4878             </td>
4879         </tr>
4880
4881           <tr class="method-row expandable config-row-alt1">
4882             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4883
4884             <td class="sig">
4885                 <a id="Roo.Component-event-*beforeshow"></a>
4886
4887                <div class="fixedFont">
4888                 <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>)
4889
4890                 </div>
4891
4892                 <div class="mdesc">
4893
4894                    <div class="short">Fires before the component is shown.
4895
4896                 </div>
4897
4898                     <div class="long">
4899
4900                         Fires before the component is shown.  Return false to stop the show.
4901
4902
4903
4904
4905
4906                                 <dl class="detailList">
4907                                 <dt class="heading">Parameters:</dt>
4908
4909                                         <dt>
4910                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4911
4912                                         </dt>
4913                                         <dd></dd>
4914
4915                                 </dl>
4916
4917
4918
4919
4920
4921
4922
4923
4924
4925
4926
4927                     </div>
4928                 </div>
4929
4930             </td>
4931             <td class="msource">
4932                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4933             </td>
4934         </tr>
4935
4936           <tr class="method-row expandable config-row-alt0">
4937             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4938
4939             <td class="sig">
4940                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4941
4942                <div class="fixedFont">
4943                 <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>)
4944
4945                 </div>
4946
4947                 <div class="mdesc">
4948
4949                    <div class="short">Fires when this field loses input focus.
4950
4951                 </div>
4952
4953                     <div class="long">
4954
4955                         Fires when this field loses input focus.
4956
4957
4958
4959
4960
4961                                 <dl class="detailList">
4962                                 <dt class="heading">Parameters:</dt>
4963
4964                                         <dt>
4965                                                 <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>
4966
4967                                         </dt>
4968                                         <dd></dd>
4969
4970                                 </dl>
4971
4972
4973
4974
4975
4976
4977
4978
4979
4980
4981
4982                     </div>
4983                 </div>
4984
4985             </td>
4986             <td class="msource">
4987                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4988             </td>
4989         </tr>
4990
4991           <tr class="method-row expandable config-row-alt1">
4992             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4993
4994             <td class="sig">
4995                 <a id="Roo.bootstrap.Input-event-*change"></a>
4996
4997                <div class="fixedFont">
4998                 <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>)
4999
5000                 </div>
5001
5002                 <div class="mdesc">
5003
5004                    <div class="short">Fires just before the field blurs if the field value has changed.
5005
5006                 </div>
5007
5008                     <div class="long">
5009
5010                         Fires just before the field blurs if the field value has changed.
5011
5012
5013
5014
5015
5016                                 <dl class="detailList">
5017                                 <dt class="heading">Parameters:</dt>
5018
5019                                         <dt>
5020                                                 <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>
5021
5022                                         </dt>
5023                                         <dd></dd>
5024
5025                                         <dt>
5026                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
5027
5028                                         </dt>
5029                                         <dd>The new value</dd>
5030
5031                                         <dt>
5032                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
5033
5034                                         </dt>
5035                                         <dd>The original value</dd>
5036
5037                                 </dl>
5038
5039
5040
5041
5042
5043
5044
5045
5046
5047
5048
5049                     </div>
5050                 </div>
5051
5052             </td>
5053             <td class="msource">
5054                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5055             </td>
5056         </tr>
5057
5058           <tr class="method-row expandable config-row-alt0">
5059             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5060
5061             <td class="sig">
5062                 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
5063
5064                <div class="fixedFont">
5065                 <b class="itemname">childrenrendered</b> (<a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a> <B><i>this</i></B>)
5066
5067                 </div>
5068
5069                 <div class="mdesc">
5070
5071                    <div class="short">Fires when the children have been rendered.
5072
5073                 </div>
5074
5075                     <div class="long">
5076
5077                         Fires when the children have been rendered..
5078
5079
5080
5081
5082
5083                                 <dl class="detailList">
5084                                 <dt class="heading">Parameters:</dt>
5085
5086                                         <dt>
5087                                                 <span class="fixedFont"><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a></span> <b>this</b>
5088
5089                                         </dt>
5090                                         <dd></dd>
5091
5092                                 </dl>
5093
5094
5095
5096
5097
5098
5099
5100
5101
5102
5103
5104                     </div>
5105                 </div>
5106
5107             </td>
5108             <td class="msource">
5109                 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
5110             </td>
5111         </tr>
5112
5113           <tr class="method-row expandable config-row-alt1">
5114             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5115
5116             <td class="sig">
5117                 <a id="Roo.Component-event-*destroy"></a>
5118
5119                <div class="fixedFont">
5120                 <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>)
5121
5122                 </div>
5123
5124                 <div class="mdesc">
5125
5126                    <div class="short">Fires after the component is destroyed.
5127
5128                 </div>
5129
5130                     <div class="long">
5131
5132                         Fires after the component is destroyed.
5133
5134
5135
5136
5137
5138                                 <dl class="detailList">
5139                                 <dt class="heading">Parameters:</dt>
5140
5141                                         <dt>
5142                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5143
5144                                         </dt>
5145                                         <dd></dd>
5146
5147                                 </dl>
5148
5149
5150
5151
5152
5153
5154
5155
5156
5157
5158
5159                     </div>
5160                 </div>
5161
5162             </td>
5163             <td class="msource">
5164                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5165             </td>
5166         </tr>
5167
5168           <tr class="method-row expandable config-row-alt0">
5169             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5170
5171             <td class="sig">
5172                 <a id="Roo.Component-event-*disable"></a>
5173
5174                <div class="fixedFont">
5175                 <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>)
5176
5177                 </div>
5178
5179                 <div class="mdesc">
5180
5181                    <div class="short">Fires after the component is disabled.
5182
5183                 </div>
5184
5185                     <div class="long">
5186
5187                         Fires after the component is disabled.
5188
5189
5190
5191
5192
5193                                 <dl class="detailList">
5194                                 <dt class="heading">Parameters:</dt>
5195
5196                                         <dt>
5197                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5198
5199                                         </dt>
5200                                         <dd></dd>
5201
5202                                 </dl>
5203
5204
5205
5206
5207
5208
5209
5210
5211
5212
5213
5214                     </div>
5215                 </div>
5216
5217             </td>
5218             <td class="msource">
5219                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5220             </td>
5221         </tr>
5222
5223           <tr class="method-row expandable config-row-alt1">
5224             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5225
5226             <td class="sig">
5227                 <a id="Roo.Component-event-*enable"></a>
5228
5229                <div class="fixedFont">
5230                 <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>)
5231
5232                 </div>
5233
5234                 <div class="mdesc">
5235
5236                    <div class="short">Fires after the component is enabled.
5237
5238                 </div>
5239
5240                     <div class="long">
5241
5242                         Fires after the component is enabled.
5243
5244
5245
5246
5247
5248                                 <dl class="detailList">
5249                                 <dt class="heading">Parameters:</dt>
5250
5251                                         <dt>
5252                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5253
5254                                         </dt>
5255                                         <dd></dd>
5256
5257                                 </dl>
5258
5259
5260
5261
5262
5263
5264
5265
5266
5267
5268
5269                     </div>
5270                 </div>
5271
5272             </td>
5273             <td class="msource">
5274                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5275             </td>
5276         </tr>
5277
5278           <tr class="method-row expandable config-row-alt0">
5279             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5280
5281             <td class="sig">
5282                 <a id="Roo.bootstrap.Input-event-*focus"></a>
5283
5284                <div class="fixedFont">
5285                 <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>)
5286
5287                 </div>
5288
5289                 <div class="mdesc">
5290
5291                    <div class="short">Fires when this field receives input focus.
5292
5293                 </div>
5294
5295                     <div class="long">
5296
5297                         Fires when this field receives input focus.
5298
5299
5300
5301
5302
5303                                 <dl class="detailList">
5304                                 <dt class="heading">Parameters:</dt>
5305
5306                                         <dt>
5307                                                 <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>
5308
5309                                         </dt>
5310                                         <dd></dd>
5311
5312                                 </dl>
5313
5314
5315
5316
5317
5318
5319
5320
5321
5322
5323
5324                     </div>
5325                 </div>
5326
5327             </td>
5328             <td class="msource">
5329                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5330             </td>
5331         </tr>
5332
5333           <tr class="method-row expandable config-row-alt1">
5334             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5335
5336             <td class="sig">
5337                 <a id="Roo.Component-event-*hide"></a>
5338
5339                <div class="fixedFont">
5340                 <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>)
5341
5342                 </div>
5343
5344                 <div class="mdesc">
5345
5346                    <div class="short">Fires after the component is hidden.
5347
5348                 </div>
5349
5350                     <div class="long">
5351
5352                         Fires after the component is hidden.
5353
5354
5355
5356
5357
5358                                 <dl class="detailList">
5359                                 <dt class="heading">Parameters:</dt>
5360
5361                                         <dt>
5362                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5363
5364                                         </dt>
5365                                         <dd></dd>
5366
5367                                 </dl>
5368
5369
5370
5371
5372
5373
5374
5375
5376
5377
5378
5379                     </div>
5380                 </div>
5381
5382             </td>
5383             <td class="msource">
5384                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5385             </td>
5386         </tr>
5387
5388           <tr class="method-row expandable config-row-alt0">
5389             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5390
5391             <td class="sig">
5392                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
5393
5394                <div class="fixedFont">
5395                 <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>)
5396
5397                 </div>
5398
5399                 <div class="mdesc">
5400
5401                    <div class="short">Fires after the field has been marked as invalid.
5402
5403                 </div>
5404
5405                     <div class="long">
5406
5407                         Fires after the field has been marked as invalid.
5408
5409
5410
5411
5412
5413                                 <dl class="detailList">
5414                                 <dt class="heading">Parameters:</dt>
5415
5416                                         <dt>
5417                                                 <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>
5418
5419                                         </dt>
5420                                         <dd></dd>
5421
5422                                         <dt>
5423                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5424
5425                                         </dt>
5426                                         <dd>The validation message</dd>
5427
5428                                 </dl>
5429
5430
5431
5432
5433
5434
5435
5436
5437
5438
5439
5440                     </div>
5441                 </div>
5442
5443             </td>
5444             <td class="msource">
5445                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5446             </td>
5447         </tr>
5448
5449           <tr class="method-row expandable config-row-alt1">
5450             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5451
5452             <td class="sig">
5453                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
5454
5455                <div class="fixedFont">
5456                 <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>)
5457
5458                 </div>
5459
5460                 <div class="mdesc">
5461
5462                    <div class="short">Fires after the key up
5463
5464                 </div>
5465
5466                     <div class="long">
5467
5468                         Fires after the key up
5469
5470
5471
5472
5473
5474                                 <dl class="detailList">
5475                                 <dt class="heading">Parameters:</dt>
5476
5477                                         <dt>
5478                                                 <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>
5479
5480                                         </dt>
5481                                         <dd></dd>
5482
5483                                         <dt>
5484                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5485
5486                                         </dt>
5487                                         <dd>The event Object</dd>
5488
5489                                 </dl>
5490
5491
5492
5493
5494
5495
5496
5497
5498
5499
5500
5501                     </div>
5502                 </div>
5503
5504             </td>
5505             <td class="msource">
5506                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5507             </td>
5508         </tr>
5509
5510           <tr class="method-row expandable config-row-alt0">
5511             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5512
5513             <td class="sig">
5514                 <a id="Roo.Component-event-*render"></a>
5515
5516                <div class="fixedFont">
5517                 <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>)
5518
5519                 </div>
5520
5521                 <div class="mdesc">
5522
5523                    <div class="short">Fires after the component is rendered.
5524
5525                 </div>
5526
5527                     <div class="long">
5528
5529                         Fires after the component is rendered.
5530
5531
5532
5533
5534
5535                                 <dl class="detailList">
5536                                 <dt class="heading">Parameters:</dt>
5537
5538                                         <dt>
5539                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5540
5541                                         </dt>
5542                                         <dd></dd>
5543
5544                                 </dl>
5545
5546
5547
5548
5549
5550
5551
5552
5553
5554
5555
5556                     </div>
5557                 </div>
5558
5559             </td>
5560             <td class="msource">
5561                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5562             </td>
5563         </tr>
5564
5565           <tr class="method-row expandable config-row-alt1">
5566             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5567
5568             <td class="sig">
5569                 <a id="Roo.Component-event-*show"></a>
5570
5571                <div class="fixedFont">
5572                 <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>)
5573
5574                 </div>
5575
5576                 <div class="mdesc">
5577
5578                    <div class="short">Fires after the component is shown.
5579
5580                 </div>
5581
5582                     <div class="long">
5583
5584                         Fires after the component is shown.
5585
5586
5587
5588
5589
5590                                 <dl class="detailList">
5591                                 <dt class="heading">Parameters:</dt>
5592
5593                                         <dt>
5594                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5595
5596                                         </dt>
5597                                         <dd></dd>
5598
5599                                 </dl>
5600
5601
5602
5603
5604
5605
5606
5607
5608
5609
5610
5611                     </div>
5612                 </div>
5613
5614             </td>
5615             <td class="msource">
5616                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5617             </td>
5618         </tr>
5619
5620           <tr class="method-row expandable config-row-alt0">
5621             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5622
5623             <td class="sig">
5624                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5625
5626                <div class="fixedFont">
5627                 <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>)
5628
5629                 </div>
5630
5631                 <div class="mdesc">
5632
5633                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5634
5635                 </div>
5636
5637                     <div class="long">
5638
5639                         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.
5640
5641
5642
5643
5644
5645                                 <dl class="detailList">
5646                                 <dt class="heading">Parameters:</dt>
5647
5648                                         <dt>
5649                                                 <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>
5650
5651                                         </dt>
5652                                         <dd></dd>
5653
5654                                         <dt>
5655                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5656
5657                                         </dt>
5658                                         <dd>The event object</dd>
5659
5660                                 </dl>
5661
5662
5663
5664
5665
5666
5667
5668
5669
5670
5671
5672                     </div>
5673                 </div>
5674
5675             </td>
5676             <td class="msource">
5677                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5678             </td>
5679         </tr>
5680
5681           <tr class="method-row expandable config-row-alt1">
5682             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5683
5684             <td class="sig">
5685                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5686
5687                <div class="fixedFont">
5688                 <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>)
5689
5690                 </div>
5691
5692                 <div class="mdesc">
5693
5694                    <div class="short">Fires after the field has been validated with no errors.
5695
5696                 </div>
5697
5698                     <div class="long">
5699
5700                         Fires after the field has been validated with no errors.
5701
5702
5703
5704
5705
5706                                 <dl class="detailList">
5707                                 <dt class="heading">Parameters:</dt>
5708
5709                                         <dt>
5710                                                 <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>
5711
5712                                         </dt>
5713                                         <dd></dd>
5714
5715                                 </dl>
5716
5717
5718
5719
5720
5721
5722
5723
5724
5725
5726
5727                     </div>
5728                 </div>
5729
5730             </td>
5731             <td class="msource">
5732                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5733             </td>
5734         </tr>
5735
5736
5737     </table>
5738
5739
5740
5741
5742
5743 <!-- ============================== footer ================================= -->
5744                 <div class="fineprint" style="clear:both">
5745
5746                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu May 10 2018 15:50:16 GMT+0800 (HKT)
5747                         Based on
5748                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5749                 </div>
5750         </body>
5751 </html>