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