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