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