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-align" name=".align"></a>
 195                         <div class="fixedFont">
 196                                 <b  class="itemname">align</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 197
 198
 199                         </div>
 200
 201                         <div class="mdesc">
 202                             <div class="short">(left|center|right) Default left</div>
 203                         </div>
 204
 205                         <div class="mdesc">
 206                             <div class="long">(left|center|right) Default left</div>
 207                         </div>
 208
 209
 210
 211                     </td>
 212                     <td class="msource">
 213
 214                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 215
 216                     </td>
 217                 </tr>
 218
 219
 220                 <tr class="config-row expandable config-row-alt1">
 221                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 222                     <td class="sig">
 223
 224                         <a id="Roo.bootstrap.Input-cfg-allowBlank" name=".allowBlank"></a>
 225                         <div class="fixedFont">
 226                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 227
 228
 229                         </div>
 230
 231                         <div class="mdesc">
 232                             <div class="short">False to validate that the value length > 0 (defaults to true)</div>
 233                         </div>
 234
 235                         <div class="mdesc">
 236                             <div class="long">False to validate that the value length > 0 (defaults to true)</div>
 237                         </div>
 238
 239
 240
 241                     </td>
 242                     <td class="msource">
 243
 244                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 245
 246                     </td>
 247                 </tr>
 248
 249
 250                 <tr class="config-row expandable config-row-alt0">
 251                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 252                     <td class="sig">
 253
 254                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 255                         <div class="fixedFont">
 256                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 257
 258
 259                         </div>
 260
 261                         <div class="mdesc">
 262                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 263                         </div>
 264
 265                         <div class="mdesc">
 266                             <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div>
 267                         </div>
 268
 269
 270
 271                     </td>
 272                     <td class="msource">
 273
 274                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 275
 276                     </td>
 277                 </tr>
 278
 279
 280                 <tr class="config-row expandable config-row-alt1 notInherited">
 281                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 282                     <td class="sig">
 283
 284                         <a id="Roo.bootstrap.DateField-cfg-altFormats" name=".altFormats"></a>
 285                         <div class="fixedFont">
 286                                 <b  class="itemname">altFormats</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 287
 288
 289                         </div>
 290
 291                         <div class="mdesc">
 292                             <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>
 293                         </div>
 294
 295                         <div class="mdesc">
 296                             <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>
 297                         </div>
 298
 299
 300
 301                     </td>
 302                     <td class="msource">
 303
 304                         Roo.bootstrap.DateField
 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-before" name=".before"></a>
 315                         <div class="fixedFont">
 316                                 <b  class="itemname">before</b> : string
 317
 318
 319                         </div>
 320
 321                         <div class="mdesc">
 322                             <div class="short">- input group add on before</div>
 323                         </div>
 324
 325                         <div class="mdesc">
 326                             <div class="long">- input group add on before</div>
 327                         </div>
 328
 329
 330
 331                     </td>
 332                     <td class="msource">
 333
 334                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 335
 336                     </td>
 337                 </tr>
 338
 339
 340                 <tr class="config-row expandable config-row-alt1">
 341                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 342                     <td class="sig">
 343
 344                         <a id="Roo.bootstrap.Input-cfg-blankText" name=".blankText"></a>
 345                         <div class="fixedFont">
 346                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 347
 348
 349                         </div>
 350
 351                         <div class="mdesc">
 352                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 353                         </div>
 354
 355                         <div class="mdesc">
 356                             <div class="long">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 357                         </div>
 358
 359
 360
 361                     </td>
 362                     <td class="msource">
 363
 364                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
 365
 366                     </td>
 367                 </tr>
 368
 369
 370                 <tr class="config-row expandable config-row-alt0 notInherited">
 371                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 372                     <td class="sig">
 373
 374                         <a id="Roo.bootstrap.DateField-cfg-calendarWeeks" name=".calendarWeeks"></a>
 375                         <div class="fixedFont">
 376                                 <b  class="itemname">calendarWeeks</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">default false</div>
 383                         </div>
 384
 385                         <div class="mdesc">
 386                             <div class="long">default false</div>
 387                         </div>
 388
 389
 390
 391                     </td>
 392                     <td class="msource">
 393
 394                         Roo.bootstrap.DateField
 395
 396                     </td>
 397                 </tr>
 398
 399
 400                 <tr class="config-row expandable config-row-alt1">
 401                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 402                     <td class="sig">
 403
 404                         <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
 405                         <div class="fixedFont">
 406                                 <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>
 407
 408
 409                         </div>
 410
 411                         <div class="mdesc">
 412                             <div class="short">True if element can be rebuild from a HTML page</div>
 413                         </div>
 414
 415                         <div class="mdesc">
 416                             <div class="long">True if element can be rebuild from a HTML page</div>
 417                         </div>
 418
 419
 420
 421                     </td>
 422                     <td class="msource">
 423
 424                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 425
 426                     </td>
 427                 </tr>
 428
 429
 430                 <tr class="config-row expandable config-row-alt0">
 431                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 432                     <td class="sig">
 433
 434                         <a id="Roo.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-readOnly" name=".readOnly"></a>
1275                         <div class="fixedFont">
1276                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1277
1278
1279                         </div>
1280
1281                         <div class="mdesc">
1282                             <div class="short">Specifies that the field should be read-only</div>
1283                         </div>
1284
1285                         <div class="mdesc">
1286                             <div class="long">Specifies that the field should be read-only</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-regex" name=".regex"></a>
1305                         <div class="fixedFont">
1306                                 <b  class="itemname">regex</b> : RegExp
1307
1308
1309                         </div>
1310
1311                         <div class="mdesc">
1312                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1313                         </div>
1314
1315                         <div class="mdesc">
1316                             <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>
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-regexText" name=".regexText"></a>
1335                         <div class="fixedFont">
1336                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1337
1338
1339                         </div>
1340
1341                         <div class="mdesc">
1342                             <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>
1343                         </div>
1344
1345                         <div class="mdesc">
1346                             <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>
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-selectOnFocus" name=".selectOnFocus"></a>
1365                         <div class="fixedFont">
1366                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1367
1368
1369                         </div>
1370
1371                         <div class="mdesc">
1372                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1373                         </div>
1374
1375                         <div class="mdesc">
1376                             <div class="long">True to automatically select any existing field text when the field receives input focus (defaults to false)</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-size" name=".size"></a>
1395                         <div class="fixedFont">
1396                                 <b  class="itemname">size</b> : string
1397
1398
1399                         </div>
1400
1401                         <div class="mdesc">
1402                             <div class="short">- (lg|sm) or leave empty.</div>
1403                         </div>
1404
1405                         <div class="mdesc">
1406                             <div class="long">- (lg|sm) or leave empty..</div>
1407                         </div>
1408
1409
1410
1411                     </td>
1412                     <td class="msource">
1413
1414                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1415
1416                     </td>
1417                 </tr>
1418
1419
1420                 <tr class="config-row expandable config-row-alt1">
1421                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1422                     <td class="sig">
1423
1424                         <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
1425                         <div class="fixedFont">
1426                                 <b  class="itemname">sm</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">colspan out of 12 for tablet-sized screens</div>
1433                         </div>
1434
1435                         <div class="mdesc">
1436                             <div class="long">colspan out of 12 for tablet-sized screens</div>
1437                         </div>
1438
1439
1440
1441                     </td>
1442                     <td class="msource">
1443
1444                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1445
1446                     </td>
1447                 </tr>
1448
1449
1450                 <tr class="config-row expandable config-row-alt0 notInherited">
1451                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1452                     <td class="sig">
1453
1454                         <a id="Roo.bootstrap.DateField-cfg-startDate" name=".startDate"></a>
1455                         <div class="fixedFont">
1456                                 <b  class="itemname">startDate</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1457
1458
1459                         </div>
1460
1461                         <div class="mdesc">
1462                             <div class="short">default -Infinity</div>
1463                         </div>
1464
1465                         <div class="mdesc">
1466                             <div class="long">default -Infinity</div>
1467                         </div>
1468
1469
1470
1471                     </td>
1472                     <td class="msource">
1473
1474                         Roo.bootstrap.DateField
1475
1476                     </td>
1477                 </tr>
1478
1479
1480                 <tr class="config-row expandable config-row-alt1">
1481                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1482                     <td class="sig">
1483
1484                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
1485                         <div class="fixedFont">
1486                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1487
1488
1489                         </div>
1490
1491                         <div class="mdesc">
1492                             <div class="short">any extra css</div>
1493                         </div>
1494
1495                         <div class="mdesc">
1496                             <div class="long">any extra css</div>
1497                         </div>
1498
1499
1500
1501                     </td>
1502                     <td class="msource">
1503
1504                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
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-todayBtn" name=".todayBtn"></a>
1515                         <div class="fixedFont">
1516                                 <b  class="itemname">todayBtn</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 notInherited">
1541                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1542                     <td class="sig">
1543
1544                         <a id="Roo.bootstrap.DateField-cfg-todayHighlight" name=".todayHighlight"></a>
1545                         <div class="fixedFont">
1546                                 <b  class="itemname">todayHighlight</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">default false</div>
1553                         </div>
1554
1555                         <div class="mdesc">
1556                             <div class="long">default false</div>
1557                         </div>
1558
1559
1560
1561                     </td>
1562                     <td class="msource">
1563
1564                         Roo.bootstrap.DateField
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-validateOnBlur" name=".validateOnBlur"></a>
1575                         <div class="fixedFont">
1576                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1577
1578
1579                         </div>
1580
1581                         <div class="mdesc">
1582                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1583                         </div>
1584
1585                         <div class="mdesc">
1586                             <div class="long">Whether the field should validate when it loses focus (defaults to true).</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-validationDelay" name=".validationDelay"></a>
1605                         <div class="fixedFont">
1606                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1607
1608
1609                         </div>
1610
1611                         <div class="mdesc">
1612                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1613                         </div>
1614
1615                         <div class="mdesc">
1616                             <div class="long">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</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-validationEvent" name=".validationEvent"></a>
1635                         <div class="fixedFont">
1636                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1637
1638
1639                         </div>
1640
1641                         <div class="mdesc">
1642                             <div class="short">The event that should initiate field validation.</div>
1643                         </div>
1644
1645                         <div class="mdesc">
1646                             <div class="long">The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").</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-validator" name=".validator"></a>
1665                         <div class="fixedFont">
1666                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1667
1668
1669                         </div>
1670
1671                         <div class="mdesc">
1672                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1673                         </div>
1674
1675                         <div class="mdesc">
1676                             <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>
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">
1691                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1692                     <td class="sig">
1693
1694                         <a id="Roo.bootstrap.Input-cfg-value" name=".value"></a>
1695                         <div class="fixedFont">
1696                                 <b  class="itemname">value</b> : string
1697
1698
1699                         </div>
1700
1701                         <div class="mdesc">
1702                             <div class="short">default value of the input</div>
1703                         </div>
1704
1705                         <div class="mdesc">
1706                             <div class="long">default value of the input</div>
1707                         </div>
1708
1709
1710
1711                     </td>
1712                     <td class="msource">
1713
1714                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1715
1716                     </td>
1717                 </tr>
1718
1719
1720                 <tr class="config-row expandable config-row-alt1 notInherited">
1721                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1722                     <td class="sig">
1723
1724                         <a id="Roo.bootstrap.DateField-cfg-viewMode" name=".viewMode"></a>
1725                         <div class="fixedFont">
1726                                 <b  class="itemname">viewMode</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1727
1728
1729                         </div>
1730
1731                         <div class="mdesc">
1732                             <div class="short">default empty, (months|years)</div>
1733                         </div>
1734
1735                         <div class="mdesc">
1736                             <div class="long">default empty, (months|years)</div>
1737                         </div>
1738
1739
1740
1741                     </td>
1742                     <td class="msource">
1743
1744                         Roo.bootstrap.DateField
1745
1746                     </td>
1747                 </tr>
1748
1749
1750                 <tr class="config-row expandable config-row-alt0">
1751                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1752                     <td class="sig">
1753
1754                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
1755                         <div class="fixedFont">
1756                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1757
1758
1759                         </div>
1760
1761                         <div class="mdesc">
1762                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1763                         </div>
1764
1765                         <div class="mdesc">
1766                             <div class="long">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1767                         </div>
1768
1769
1770
1771                     </td>
1772                     <td class="msource">
1773
1774                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1775
1776                     </td>
1777                 </tr>
1778
1779
1780                 <tr class="config-row expandable config-row-alt1 notInherited">
1781                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1782                     <td class="sig">
1783
1784                         <a id="Roo.bootstrap.DateField-cfg-weekStart" name=".weekStart"></a>
1785                         <div class="fixedFont">
1786                                 <b  class="itemname">weekStart</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1787
1788
1789                         </div>
1790
1791                         <div class="mdesc">
1792                             <div class="short">default 0</div>
1793                         </div>
1794
1795                         <div class="mdesc">
1796                             <div class="long">default 0</div>
1797                         </div>
1798
1799
1800
1801                     </td>
1802                     <td class="msource">
1803
1804                         Roo.bootstrap.DateField
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.Component-cfg-xattr" name=".xattr"></a>
1815                         <div class="fixedFont">
1816                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1817
1818
1819                         </div>
1820
1821                         <div class="mdesc">
1822                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
1823                         </div>
1824
1825                         <div class="mdesc">
1826                             <div class="long">extra attributes to add to 'element' (used by builder to store stuff.)</div>
1827                         </div>
1828
1829
1830
1831                     </td>
1832                     <td class="msource">
1833
1834                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1835
1836                     </td>
1837                 </tr>
1838
1839
1840                 <tr class="config-row expandable config-row-alt1">
1841                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1842                     <td class="sig">
1843
1844                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
1845                         <div class="fixedFont">
1846                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1847
1848
1849                         </div>
1850
1851                         <div class="mdesc">
1852                             <div class="short">colspan out of 12 for mobile-sized screens</div>
1853                         </div>
1854
1855                         <div class="mdesc">
1856                             <div class="long">colspan out of 12 for mobile-sized screens</div>
1857                         </div>
1858
1859
1860
1861                     </td>
1862                     <td class="msource">
1863
1864                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1865
1866                     </td>
1867                 </tr>
1868
1869
1870     </table>
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880   <!-- ============================== public properties ==================== -->
1881
1882
1883
1884     <a id="Roo.bootstrap.DateField-props"></a>
1885
1886
1887
1888
1889
1890      <table cellspacing="0" class="member-table">
1891       <caption class="Empty">Public Properties - Has None</caption>
1892      </table>
1893
1894
1895
1896
1897   <!-- ============================== methods summary / details ======================== -->
1898
1899
1900   <a id="Roo.bootstrap.DateField-methods"></a>
1901         <!-- constructor?? -->
1902
1903         <!-- static's first
1904
1905
1906         -->
1907
1908         <!-- then dynamics first -->
1909
1910
1911
1912
1913
1914
1915       <table cellspacing="0" class="member-table">
1916       <caption>Public Methods</caption>
1917         <tr>
1918             <th class="sig-header" colspan="2">Method</th>
1919             <th class="msource-header">Defined By</th>
1920
1921         </tr>
1922
1923
1924
1925
1926
1927
1928
1929           <tr class="method-row config-row-alt0 expandable notInherited">
1930             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1931
1932
1933             <td class="sig">
1934                 <a id="Roo.bootstrap-method-DateField"   name=".DateField"></a>
1935                 <div class="fixedFont">
1936                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">DateField</b>
1937
1938                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1939
1940
1941
1942                 </div>
1943                 <div class="mdesc">
1944
1945
1946                         <div class="short">Create a new Roo.bootstrap.DateField</div>
1947
1948
1949                     <div class="long">
1950
1951
1952
1953                                 Create a new Roo.bootstrap.DateField
1954
1955
1956                                 <dl class="detailList">
1957                                 <dt class="heading">Parameters:</dt>
1958
1959                                         <dt>
1960                                                 <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>
1961
1962                                         </dt>
1963                                         <dd>The config object</dd>
1964
1965                                 </dl>
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977                     </div>
1978                 </div>
1979
1980             </td>
1981             <td class="msource">
1982                 &nbsp;
1983             </td>
1984         </tr>
1985
1986
1987           <tr class="method-row config-row-alt1 expandable">
1988             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1989
1990
1991             <td class="sig">
1992                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
1993                 <div class="fixedFont">
1994                         <span class="attributes"></span><b class="itemname">addEvents</b>
1995
1996                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1997
1998
1999
2000                 </div>
2001                 <div class="mdesc">
2002
2003                    <div class="short">Used to define events on this Observable</div>
2004
2005
2006
2007                     <div class="long">
2008
2009                                 Used to define events on this Observable
2010
2011
2012
2013
2014
2015
2016                                 <dl class="detailList">
2017                                 <dt class="heading">Parameters:</dt>
2018
2019                                         <dt>
2020                                                 <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>
2021
2022                                         </dt>
2023                                         <dd>The object with the events defined</dd>
2024
2025                                 </dl>
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037                     </div>
2038                 </div>
2039
2040             </td>
2041             <td class="msource">
2042
2043                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2044                 &nbsp;
2045             </td>
2046         </tr>
2047
2048
2049           <tr class="method-row config-row-alt0 expandable">
2050             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2051
2052
2053             <td class="sig">
2054                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2055                 <div class="fixedFont">
2056                         <span class="attributes"></span><b class="itemname">addListener</b>
2057
2058                                  (<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>)
2059
2060
2061
2062                 </div>
2063                 <div class="mdesc">
2064
2065                    <div class="short">Appends an event handler to this component</div>
2066
2067
2068
2069                     <div class="long">
2070
2071                                 Appends an event handler to this component
2072
2073
2074
2075
2076
2077
2078                                 <dl class="detailList">
2079                                 <dt class="heading">Parameters:</dt>
2080
2081                                         <dt>
2082                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2083
2084                                         </dt>
2085                                         <dd>The type of event to listen for</dd>
2086
2087                                         <dt>
2088                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2089
2090                                         </dt>
2091                                         <dd>The method the event invokes</dd>
2092
2093                                         <dt>
2094                                                 <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>
2095
2096                                         </dt>
2097                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2098
2099                                         <dt>
2100                                                 <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>
2101
2102                                         </dt>
2103                                         <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>
2104
2105                                 </dl>
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117                     </div>
2118                 </div>
2119
2120             </td>
2121             <td class="msource">
2122
2123                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2124                 &nbsp;
2125             </td>
2126         </tr>
2127
2128
2129           <tr class="method-row config-row-alt1 expandable">
2130             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2131
2132
2133             <td class="sig">
2134                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2135                 <div class="fixedFont">
2136                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2137
2138                                  ()
2139
2140
2141
2142                 </div>
2143                 <div class="mdesc">
2144
2145                    <div class="short">Clear any invalid styles/messages for this field</div>
2146
2147
2148
2149                     <div class="long">
2150
2151                                 Clear any invalid styles/messages for this field
2152
2153
2154
2155
2156
2157
2158
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168                     </div>
2169                 </div>
2170
2171             </td>
2172             <td class="msource">
2173
2174                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2175                 &nbsp;
2176             </td>
2177         </tr>
2178
2179
2180           <tr class="method-row config-row-alt0 expandable">
2181             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2182
2183
2184             <td class="sig">
2185                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2186                 <div class="fixedFont">
2187                         <span class="attributes"></span><b class="itemname">destroy</b>
2188
2189                                  ()
2190
2191
2192
2193                 </div>
2194                 <div class="mdesc">
2195
2196                    <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>
2197
2198
2199
2200                     <div class="long">
2201
2202                                 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}.
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219                     </div>
2220                 </div>
2221
2222             </td>
2223             <td class="msource">
2224
2225                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2226                 &nbsp;
2227             </td>
2228         </tr>
2229
2230
2231           <tr class="method-row config-row-alt1 expandable">
2232             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2233
2234
2235             <td class="sig">
2236                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2237                 <div class="fixedFont">
2238                         <span class="attributes"></span><b class="itemname">disable</b>
2239
2240                                  ()
2241
2242
2243                                          :
2244
2245
2246                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2247
2248
2249
2250
2251
2252                 </div>
2253                 <div class="mdesc">
2254
2255                    <div class="short">Disable this component.</div>
2256
2257
2258
2259                     <div class="long">
2260
2261                                 Disable this component.
2262
2263
2264
2265
2266
2267
2268
2269
2270
2271
2272                                 <dl class="detailList">
2273                                 <dt class="heading">Returns:</dt>
2274
2275                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2276
2277                                 </dl>
2278
2279
2280
2281
2282
2283
2284
2285                     </div>
2286                 </div>
2287
2288             </td>
2289             <td class="msource">
2290
2291                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2292                 &nbsp;
2293             </td>
2294         </tr>
2295
2296
2297           <tr class="method-row config-row-alt0 expandable">
2298             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2299
2300
2301             <td class="sig">
2302                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2303                 <div class="fixedFont">
2304                         <span class="attributes"></span><b class="itemname">enable</b>
2305
2306                                  ()
2307
2308
2309                                          :
2310
2311
2312                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2313
2314
2315
2316
2317
2318                 </div>
2319                 <div class="mdesc">
2320
2321                    <div class="short">Enable this component.</div>
2322
2323
2324
2325                     <div class="long">
2326
2327                                 Enable this component.
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338                                 <dl class="detailList">
2339                                 <dt class="heading">Returns:</dt>
2340
2341                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2342
2343                                 </dl>
2344
2345
2346
2347
2348
2349
2350
2351                     </div>
2352                 </div>
2353
2354             </td>
2355             <td class="msource">
2356
2357                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2358                 &nbsp;
2359             </td>
2360         </tr>
2361
2362
2363           <tr class="method-row config-row-alt1 expandable">
2364             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2365
2366
2367             <td class="sig">
2368                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2369                 <div class="fixedFont">
2370                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2371
2372                                  (<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>)
2373
2374
2375                                          :
2376
2377
2378                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2379
2380
2381
2382
2383
2384                 </div>
2385                 <div class="mdesc">
2386
2387                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2388
2389
2390
2391                     <div class="long">
2392
2393                                 Fires the specified event with the passed parameters (minus the event name).
2394
2395
2396
2397
2398
2399
2400                                 <dl class="detailList">
2401                                 <dt class="heading">Parameters:</dt>
2402
2403                                         <dt>
2404                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2405
2406                                         </dt>
2407                                         <dd></dd>
2408
2409                                         <dt>
2410                                                 <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>
2411
2412                                         </dt>
2413                                         <dd>Variable number of parameters are passed to handlers</dd>
2414
2415                                 </dl>
2416
2417
2418
2419
2420
2421                                 <dl class="detailList">
2422                                 <dt class="heading">Returns:</dt>
2423
2424                                         <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>
2425
2426                                 </dl>
2427
2428
2429
2430
2431
2432
2433
2434                     </div>
2435                 </div>
2436
2437             </td>
2438             <td class="msource">
2439
2440                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2441                 &nbsp;
2442             </td>
2443         </tr>
2444
2445
2446           <tr class="method-row config-row-alt0 expandable">
2447             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2448
2449
2450             <td class="sig">
2451                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2452                 <div class="fixedFont">
2453                         <span class="attributes"></span><b class="itemname">focus</b>
2454
2455                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2456
2457
2458                                          :
2459
2460
2461                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2462
2463
2464
2465
2466
2467                 </div>
2468                 <div class="mdesc">
2469
2470                    <div class="short">Try to focus this component.</div>
2471
2472
2473
2474                     <div class="long">
2475
2476                                 Try to focus this component.
2477
2478
2479
2480
2481
2482
2483                                 <dl class="detailList">
2484                                 <dt class="heading">Parameters:</dt>
2485
2486                                         <dt>
2487                                                 <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>
2488
2489                                         </dt>
2490                                         <dd>True to also select the text in this component (if applicable)</dd>
2491
2492                                 </dl>
2493
2494
2495
2496
2497
2498                                 <dl class="detailList">
2499                                 <dt class="heading">Returns:</dt>
2500
2501                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2502
2503                                 </dl>
2504
2505
2506
2507
2508
2509
2510
2511                     </div>
2512                 </div>
2513
2514             </td>
2515             <td class="msource">
2516
2517                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2518                 &nbsp;
2519             </td>
2520         </tr>
2521
2522
2523           <tr class="method-row config-row-alt1 expandable">
2524             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2525
2526
2527             <td class="sig">
2528                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2529                 <div class="fixedFont">
2530                         <span class="attributes"></span><b class="itemname">getEl</b>
2531
2532                                  ()
2533
2534
2535                                          :
2536
2537
2538                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2539
2540
2541
2542
2543
2544                 </div>
2545                 <div class="mdesc">
2546
2547                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2548
2549
2550
2551                     <div class="long">
2552
2553                                 Returns the underlying {<b>link</b> Roo.Element}.
2554
2555
2556
2557
2558
2559
2560
2561
2562
2563
2564                                 <dl class="detailList">
2565                                 <dt class="heading">Returns:</dt>
2566
2567                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2568
2569                                 </dl>
2570
2571
2572
2573
2574
2575
2576
2577                     </div>
2578                 </div>
2579
2580             </td>
2581             <td class="msource">
2582
2583                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2584                 &nbsp;
2585             </td>
2586         </tr>
2587
2588
2589           <tr class="method-row config-row-alt0 expandable">
2590             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2591
2592
2593             <td class="sig">
2594                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2595                 <div class="fixedFont">
2596                         <span class="attributes"></span><b class="itemname">getId</b>
2597
2598                                  ()
2599
2600
2601                                          :
2602
2603
2604                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2605
2606
2607
2608
2609
2610                 </div>
2611                 <div class="mdesc">
2612
2613                    <div class="short">Returns the id of this component.</div>
2614
2615
2616
2617                     <div class="long">
2618
2619                                 Returns the id of this component.
2620
2621
2622
2623
2624
2625
2626
2627
2628
2629
2630                                 <dl class="detailList">
2631                                 <dt class="heading">Returns:</dt>
2632
2633                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2634
2635                                 </dl>
2636
2637
2638
2639
2640
2641
2642
2643                     </div>
2644                 </div>
2645
2646             </td>
2647             <td class="msource">
2648
2649                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2650                 &nbsp;
2651             </td>
2652         </tr>
2653
2654
2655           <tr class="method-row config-row-alt1 expandable">
2656             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2657
2658
2659             <td class="sig">
2660                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2661                 <div class="fixedFont">
2662                         <span class="attributes"></span><b class="itemname">getName</b>
2663
2664                                  ()
2665
2666
2667                                          :
2668
2669
2670                                                 Mixed
2671
2672
2673
2674
2675
2676                 </div>
2677                 <div class="mdesc">
2678
2679                    <div class="short">Returns the name of the field</div>
2680
2681
2682
2683                     <div class="long">
2684
2685                                 Returns the name of the field
2686
2687
2688
2689
2690
2691
2692
2693
2694
2695
2696                                 <dl class="detailList">
2697                                 <dt class="heading">Returns:</dt>
2698
2699                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2700
2701                                 </dl>
2702
2703
2704
2705
2706
2707
2708
2709                     </div>
2710                 </div>
2711
2712             </td>
2713             <td class="msource">
2714
2715                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2716                 &nbsp;
2717             </td>
2718         </tr>
2719
2720
2721           <tr class="method-row config-row-alt0 expandable">
2722             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2723
2724
2725             <td class="sig">
2726                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2727                 <div class="fixedFont">
2728                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2729
2730                                  ()
2731
2732
2733                                          :
2734
2735
2736                                                 Mixed
2737
2738
2739
2740
2741
2742                 </div>
2743                 <div class="mdesc">
2744
2745                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
2746
2747
2748
2749                     <div class="long">
2750
2751                                 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>}.
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762                                 <dl class="detailList">
2763                                 <dt class="heading">Returns:</dt>
2764
2765                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2766
2767                                 </dl>
2768
2769
2770
2771
2772
2773
2774
2775                     </div>
2776                 </div>
2777
2778             </td>
2779             <td class="msource">
2780
2781                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2782                 &nbsp;
2783             </td>
2784         </tr>
2785
2786
2787           <tr class="method-row config-row-alt1 expandable">
2788             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2789
2790
2791             <td class="sig">
2792                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
2793                 <div class="fixedFont">
2794                         <span class="attributes"></span><b class="itemname">getValue</b>
2795
2796                                  ()
2797
2798
2799                                          :
2800
2801
2802                                                 Mixed
2803
2804
2805
2806
2807
2808                 </div>
2809                 <div class="mdesc">
2810
2811                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
2812
2813
2814
2815                     <div class="long">
2816
2817                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
2818
2819
2820
2821
2822
2823
2824
2825
2826
2827
2828                                 <dl class="detailList">
2829                                 <dt class="heading">Returns:</dt>
2830
2831                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2832
2833                                 </dl>
2834
2835
2836
2837
2838
2839
2840
2841                     </div>
2842                 </div>
2843
2844             </td>
2845             <td class="msource">
2846
2847                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2848                 &nbsp;
2849             </td>
2850         </tr>
2851
2852
2853           <tr class="method-row config-row-alt0 expandable">
2854             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2855
2856
2857             <td class="sig">
2858                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2859                 <div class="fixedFont">
2860                         <span class="attributes"></span><b class="itemname">hasListener</b>
2861
2862                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2863
2864
2865                                          :
2866
2867
2868                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2869
2870
2871
2872
2873
2874                 </div>
2875                 <div class="mdesc">
2876
2877                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2878
2879
2880
2881                     <div class="long">
2882
2883                                 Checks to see if this object has any listeners for a specified event
2884
2885
2886
2887
2888
2889
2890                                 <dl class="detailList">
2891                                 <dt class="heading">Parameters:</dt>
2892
2893                                         <dt>
2894                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2895
2896                                         </dt>
2897                                         <dd>The name of the event to check for</dd>
2898
2899                                 </dl>
2900
2901
2902
2903
2904
2905                                 <dl class="detailList">
2906                                 <dt class="heading">Returns:</dt>
2907
2908                                         <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>
2909
2910                                 </dl>
2911
2912
2913
2914
2915
2916
2917
2918                     </div>
2919                 </div>
2920
2921             </td>
2922             <td class="msource">
2923
2924                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2925                 &nbsp;
2926             </td>
2927         </tr>
2928
2929
2930           <tr class="method-row config-row-alt1 expandable">
2931             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2932
2933
2934             <td class="sig">
2935                 <a id="Roo.Component-method-hide"   name=".hide"></a>
2936                 <div class="fixedFont">
2937                         <span class="attributes"></span><b class="itemname">hide</b>
2938
2939                                  ()
2940
2941
2942                                          :
2943
2944
2945                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2946
2947
2948
2949
2950
2951                 </div>
2952                 <div class="mdesc">
2953
2954                    <div class="short">Hide this component.</div>
2955
2956
2957
2958                     <div class="long">
2959
2960                                 Hide this component.
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970
2971                                 <dl class="detailList">
2972                                 <dt class="heading">Returns:</dt>
2973
2974                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2975
2976                                 </dl>
2977
2978
2979
2980
2981
2982
2983
2984                     </div>
2985                 </div>
2986
2987             </td>
2988             <td class="msource">
2989
2990                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2991                 &nbsp;
2992             </td>
2993         </tr>
2994
2995
2996           <tr class="method-row config-row-alt0 expandable">
2997             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2998
2999
3000             <td class="sig">
3001                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
3002                 <div class="fixedFont">
3003                         <span class="attributes"></span><b class="itemname">inputEl</b>
3004
3005                                  ()
3006
3007
3008
3009                 </div>
3010                 <div class="mdesc">
3011
3012                    <div class="short">return the real input element.</div>
3013
3014
3015
3016                     <div class="long">
3017
3018                                 return the real input element.
3019
3020
3021
3022
3023
3024
3025
3026
3027
3028
3029
3030
3031
3032
3033
3034
3035                     </div>
3036                 </div>
3037
3038             </td>
3039             <td class="msource">
3040
3041                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3042                 &nbsp;
3043             </td>
3044         </tr>
3045
3046
3047           <tr class="method-row config-row-alt1 expandable">
3048             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3049
3050
3051             <td class="sig">
3052                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3053                 <div class="fixedFont">
3054                         <span class="attributes"></span><b class="itemname">isVisible</b>
3055
3056                                  ()
3057
3058
3059
3060                 </div>
3061                 <div class="mdesc">
3062
3063                    <div class="short">Returns true if this component is visible.</div>
3064
3065
3066
3067                     <div class="long">
3068
3069                                 Returns true if this component is visible.
3070
3071
3072
3073
3074
3075
3076
3077
3078
3079
3080
3081
3082
3083
3084
3085
3086                     </div>
3087                 </div>
3088
3089             </td>
3090             <td class="msource">
3091
3092                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3093                 &nbsp;
3094             </td>
3095         </tr>
3096
3097
3098           <tr class="method-row config-row-alt0 expandable">
3099             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3100
3101
3102             <td class="sig">
3103                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3104                 <div class="fixedFont">
3105                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3106
3107                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3108
3109
3110
3111                 </div>
3112                 <div class="mdesc">
3113
3114                    <div class="short">Mark this field as invalid</div>
3115
3116
3117
3118                     <div class="long">
3119
3120                                 Mark this field as invalid
3121
3122
3123
3124
3125
3126
3127                                 <dl class="detailList">
3128                                 <dt class="heading">Parameters:</dt>
3129
3130                                         <dt>
3131                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3132
3133                                         </dt>
3134                                         <dd>The validation message</dd>
3135
3136                                 </dl>
3137
3138
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148                     </div>
3149                 </div>
3150
3151             </td>
3152             <td class="msource">
3153
3154                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3155                 &nbsp;
3156             </td>
3157         </tr>
3158
3159
3160           <tr class="method-row config-row-alt1 expandable">
3161             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3162
3163
3164             <td class="sig">
3165                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3166                 <div class="fixedFont">
3167                         <span class="attributes"></span><b class="itemname">on</b>
3168
3169                                  (<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>)
3170
3171
3172
3173                 </div>
3174                 <div class="mdesc">
3175
3176                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3177
3178
3179
3180                     <div class="long">
3181
3182                                 Appends an event handler to this element (shorthand for addListener)
3183
3184
3185
3186
3187
3188
3189                                 <dl class="detailList">
3190                                 <dt class="heading">Parameters:</dt>
3191
3192                                         <dt>
3193                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3194
3195                                         </dt>
3196                                         <dd>The type of event to listen for</dd>
3197
3198                                         <dt>
3199                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3200
3201                                         </dt>
3202                                         <dd>The method the event invokes</dd>
3203
3204                                         <dt>
3205                                                 <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>
3206
3207                                         </dt>
3208                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3209
3210                                         <dt>
3211                                                 <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>
3212
3213                                         </dt>
3214                                         <dd>(optional)</dd>
3215
3216                                 </dl>
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228                     </div>
3229                 </div>
3230
3231             </td>
3232             <td class="msource">
3233
3234                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3235                 &nbsp;
3236             </td>
3237         </tr>
3238
3239
3240           <tr class="method-row config-row-alt0 expandable">
3241             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3242
3243
3244             <td class="sig">
3245                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3246                 <div class="fixedFont">
3247                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3248
3249                                  ()
3250
3251
3252
3253                 </div>
3254                 <div class="mdesc">
3255
3256                    <div class="short">Removes all listeners for this object</div>
3257
3258
3259
3260                     <div class="long">
3261
3262                                 Removes all listeners for this object
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279                     </div>
3280                 </div>
3281
3282             </td>
3283             <td class="msource">
3284
3285                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3286                 &nbsp;
3287             </td>
3288         </tr>
3289
3290
3291           <tr class="method-row config-row-alt1 expandable">
3292             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3293
3294
3295             <td class="sig">
3296                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3297                 <div class="fixedFont">
3298                         <span class="attributes"></span><b class="itemname">removeListener</b>
3299
3300                                  (<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>)
3301
3302
3303
3304                 </div>
3305                 <div class="mdesc">
3306
3307                    <div class="short">Removes a listener</div>
3308
3309
3310
3311                     <div class="long">
3312
3313                                 Removes a listener
3314
3315
3316
3317
3318
3319
3320                                 <dl class="detailList">
3321                                 <dt class="heading">Parameters:</dt>
3322
3323                                         <dt>
3324                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3325
3326                                         </dt>
3327                                         <dd>The type of event to listen for</dd>
3328
3329                                         <dt>
3330                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3331
3332                                         </dt>
3333                                         <dd>The handler to remove</dd>
3334
3335                                         <dt>
3336                                                 <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>
3337
3338                                         </dt>
3339                                         <dd>(optional) The scope (this object) for the handler</dd>
3340
3341                                 </dl>
3342
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353                     </div>
3354                 </div>
3355
3356             </td>
3357             <td class="msource">
3358
3359                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3360                 &nbsp;
3361             </td>
3362         </tr>
3363
3364
3365           <tr class="method-row config-row-alt0 expandable">
3366             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3367
3368
3369             <td class="sig">
3370                 <a id="Roo.Component-method-render"   name=".render"></a>
3371                 <div class="fixedFont">
3372                         <span class="attributes"></span><b class="itemname">render</b>
3373
3374                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3375
3376
3377
3378                 </div>
3379                 <div class="mdesc">
3380
3381                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3382
3383
3384
3385                     <div class="long">
3386
3387                                 If this is a lazy rendering component, render it to its container element.
3388
3389
3390
3391
3392
3393
3394                                 <dl class="detailList">
3395                                 <dt class="heading">Parameters:</dt>
3396
3397                                         <dt>
3398                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3399
3400                                         </dt>
3401                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3402
3403                                 </dl>
3404
3405
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415                     </div>
3416                 </div>
3417
3418             </td>
3419             <td class="msource">
3420
3421                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3422                 &nbsp;
3423             </td>
3424         </tr>
3425
3426
3427           <tr class="method-row config-row-alt1 expandable">
3428             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3429
3430
3431             <td class="sig">
3432                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3433                 <div class="fixedFont">
3434                         <span class="attributes"></span><b class="itemname">reset</b>
3435
3436                                  ()
3437
3438
3439
3440                 </div>
3441                 <div class="mdesc">
3442
3443                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3444
3445
3446
3447                     <div class="long">
3448
3449                                 Resets the current field value to the originally loaded value and clears any validation messages
3450
3451
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461
3462
3463
3464
3465
3466                     </div>
3467                 </div>
3468
3469             </td>
3470             <td class="msource">
3471
3472                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3473                 &nbsp;
3474             </td>
3475         </tr>
3476
3477
3478           <tr class="method-row config-row-alt0 expandable">
3479             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3480
3481
3482             <td class="sig">
3483                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3484                 <div class="fixedFont">
3485                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3486
3487                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3488
3489
3490
3491                 </div>
3492                 <div class="mdesc">
3493
3494                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3495
3496
3497
3498                     <div class="long">
3499
3500                                 Convenience function for setting disabled/enabled by boolean.
3501
3502
3503
3504
3505
3506
3507                                 <dl class="detailList">
3508                                 <dt class="heading">Parameters:</dt>
3509
3510                                         <dt>
3511                                                 <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>
3512
3513                                         </dt>
3514                                         <dd></dd>
3515
3516                                 </dl>
3517
3518
3519
3520
3521
3522
3523
3524
3525
3526
3527
3528                     </div>
3529                 </div>
3530
3531             </td>
3532             <td class="msource">
3533
3534                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3535                 &nbsp;
3536             </td>
3537         </tr>
3538
3539
3540           <tr class="method-row config-row-alt1 expandable">
3541             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3542
3543
3544             <td class="sig">
3545                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3546                 <div class="fixedFont">
3547                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3548
3549                                  (Mixed <B><i>value</i></B>)
3550
3551
3552
3553                 </div>
3554                 <div class="mdesc">
3555
3556                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3557
3558
3559
3560                     <div class="long">
3561
3562                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3563
3564
3565
3566
3567
3568
3569                                 <dl class="detailList">
3570                                 <dt class="heading">Parameters:</dt>
3571
3572                                         <dt>
3573                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3574
3575                                         </dt>
3576                                         <dd>The value to set</dd>
3577
3578                                 </dl>
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590                     </div>
3591                 </div>
3592
3593             </td>
3594             <td class="msource">
3595
3596                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3597                 &nbsp;
3598             </td>
3599         </tr>
3600
3601
3602           <tr class="method-row config-row-alt0 expandable">
3603             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3604
3605
3606             <td class="sig">
3607                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3608                 <div class="fixedFont">
3609                         <span class="attributes"></span><b class="itemname">setValue</b>
3610
3611                                  (Mixed <B><i>value</i></B>)
3612
3613
3614
3615                 </div>
3616                 <div class="mdesc">
3617
3618                    <div class="short">Sets a data value into the field and validates it.</div>
3619
3620
3621
3622                     <div class="long">
3623
3624                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3625
3626
3627
3628
3629
3630
3631                                 <dl class="detailList">
3632                                 <dt class="heading">Parameters:</dt>
3633
3634                                         <dt>
3635                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3636
3637                                         </dt>
3638                                         <dd>The value to set</dd>
3639
3640                                 </dl>
3641
3642
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652                     </div>
3653                 </div>
3654
3655             </td>
3656             <td class="msource">
3657
3658                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3659                 &nbsp;
3660             </td>
3661         </tr>
3662
3663
3664           <tr class="method-row config-row-alt1 expandable">
3665             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3666
3667
3668             <td class="sig">
3669                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3670                 <div class="fixedFont">
3671                         <span class="attributes"></span><b class="itemname">setVisible</b>
3672
3673                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3674
3675
3676                                          :
3677
3678
3679                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3680
3681
3682
3683
3684
3685                 </div>
3686                 <div class="mdesc">
3687
3688                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3689
3690
3691
3692                     <div class="long">
3693
3694                                 Convenience function to hide or show this component by boolean.
3695
3696
3697
3698
3699
3700
3701                                 <dl class="detailList">
3702                                 <dt class="heading">Parameters:</dt>
3703
3704                                         <dt>
3705                                                 <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>
3706
3707                                         </dt>
3708                                         <dd>True to show, false to hide</dd>
3709
3710                                 </dl>
3711
3712
3713
3714
3715
3716                                 <dl class="detailList">
3717                                 <dt class="heading">Returns:</dt>
3718
3719                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3720
3721                                 </dl>
3722
3723
3724
3725
3726
3727
3728
3729                     </div>
3730                 </div>
3731
3732             </td>
3733             <td class="msource">
3734
3735                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3736                 &nbsp;
3737             </td>
3738         </tr>
3739
3740
3741           <tr class="method-row config-row-alt0 expandable">
3742             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3743
3744
3745             <td class="sig">
3746                 <a id="Roo.Component-method-show"   name=".show"></a>
3747                 <div class="fixedFont">
3748                         <span class="attributes"></span><b class="itemname">show</b>
3749
3750                                  ()
3751
3752
3753                                          :
3754
3755
3756                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3757
3758
3759
3760
3761
3762                 </div>
3763                 <div class="mdesc">
3764
3765                    <div class="short">Show this component.</div>
3766
3767
3768
3769                     <div class="long">
3770
3771                                 Show this component.
3772
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782                                 <dl class="detailList">
3783                                 <dt class="heading">Returns:</dt>
3784
3785                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3786
3787                                 </dl>
3788
3789
3790
3791
3792
3793
3794
3795                     </div>
3796                 </div>
3797
3798             </td>
3799             <td class="msource">
3800
3801                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3802                 &nbsp;
3803             </td>
3804         </tr>
3805
3806
3807           <tr class="method-row config-row-alt1 expandable">
3808             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3809
3810
3811             <td class="sig">
3812                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
3813                 <div class="fixedFont">
3814                         <span class="attributes"></span><b class="itemname">un</b>
3815
3816                                  (<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>)
3817
3818
3819
3820                 </div>
3821                 <div class="mdesc">
3822
3823                    <div class="short">Removes a listener (shorthand for removeListener)</div>
3824
3825
3826
3827                     <div class="long">
3828
3829                                 Removes a listener (shorthand for removeListener)
3830
3831
3832
3833
3834
3835
3836                                 <dl class="detailList">
3837                                 <dt class="heading">Parameters:</dt>
3838
3839                                         <dt>
3840                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3841
3842                                         </dt>
3843                                         <dd>The type of event to listen for</dd>
3844
3845                                         <dt>
3846                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3847
3848                                         </dt>
3849                                         <dd>The handler to remove</dd>
3850
3851                                         <dt>
3852                                                 <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>
3853
3854                                         </dt>
3855                                         <dd>(optional) The scope (this object) for the handler</dd>
3856
3857                                 </dl>
3858
3859
3860
3861
3862
3863
3864
3865
3866
3867
3868
3869                     </div>
3870                 </div>
3871
3872             </td>
3873             <td class="msource">
3874
3875                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3876                 &nbsp;
3877             </td>
3878         </tr>
3879
3880
3881           <tr class="method-row config-row-alt0 expandable">
3882             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3883
3884
3885             <td class="sig">
3886                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
3887                 <div class="fixedFont">
3888                         <span class="attributes"></span><b class="itemname">validate</b>
3889
3890                                  ()
3891
3892
3893                                          :
3894
3895
3896                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3897
3898
3899
3900
3901
3902                 </div>
3903                 <div class="mdesc">
3904
3905                    <div class="short">Validates the field value</div>
3906
3907
3908
3909                     <div class="long">
3910
3911                                 Validates the field value
3912
3913
3914
3915
3916
3917
3918
3919
3920
3921
3922                                 <dl class="detailList">
3923                                 <dt class="heading">Returns:</dt>
3924
3925                                         <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>
3926
3927                                 </dl>
3928
3929
3930
3931
3932
3933
3934
3935                     </div>
3936                 </div>
3937
3938             </td>
3939             <td class="msource">
3940
3941                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3942                 &nbsp;
3943             </td>
3944         </tr>
3945
3946
3947           <tr class="method-row config-row-alt1 expandable">
3948             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3949
3950
3951             <td class="sig">
3952                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
3953                 <div class="fixedFont">
3954                         <span class="attributes"></span><b class="itemname">validateValue</b>
3955
3956                                  (Mixed <B><i>value</i></B>)
3957
3958
3959                                          :
3960
3961
3962                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3963
3964
3965
3966
3967
3968                 </div>
3969                 <div class="mdesc">
3970
3971                    <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>
3972
3973
3974
3975                     <div class="long">
3976
3977                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
3978
3979
3980
3981
3982
3983
3984                                 <dl class="detailList">
3985                                 <dt class="heading">Parameters:</dt>
3986
3987                                         <dt>
3988                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3989
3990                                         </dt>
3991                                         <dd>The value to validate</dd>
3992
3993                                 </dl>
3994
3995
3996
3997
3998
3999                                 <dl class="detailList">
4000                                 <dt class="heading">Returns:</dt>
4001
4002                                         <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>
4003
4004                                 </dl>
4005
4006
4007
4008
4009
4010
4011
4012                     </div>
4013                 </div>
4014
4015             </td>
4016             <td class="msource">
4017
4018                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4019                 &nbsp;
4020             </td>
4021         </tr>
4022
4023
4024     </table>
4025
4026
4027   <!-- ============================== events summary / details ======================== -->
4028
4029
4030   <a id="Roo.bootstrap.DateField-events"></a>
4031
4032
4033
4034
4035
4036
4037
4038
4039       <table cellspacing="0" class="member-table">
4040                 <caption>Events</caption>
4041               <thead>
4042                 <tr>
4043                     <th class="sig-header" colspan="2">Event</th>
4044                     <th class="msource-header">Defined By</th>
4045
4046                 </tr>
4047               </thead>
4048
4049
4050
4051
4052
4053           <tr class="method-row expandable config-row-alt0">
4054             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4055
4056             <td class="sig">
4057                 <a id="Roo.Component-event-*beforedestroy"></a>
4058
4059                <div class="fixedFont">
4060                 <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>)
4061
4062                 </div>
4063
4064                 <div class="mdesc">
4065
4066                    <div class="short">Fires before the component is destroyed.
4067
4068                 </div>
4069
4070                     <div class="long">
4071
4072                         Fires before the component is destroyed. Return false to stop the destroy.
4073
4074
4075
4076
4077
4078                                 <dl class="detailList">
4079                                 <dt class="heading">Parameters:</dt>
4080
4081                                         <dt>
4082                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4083
4084                                         </dt>
4085                                         <dd></dd>
4086
4087                                 </dl>
4088
4089
4090
4091
4092
4093
4094
4095
4096
4097
4098
4099                     </div>
4100                 </div>
4101
4102             </td>
4103             <td class="msource">
4104                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4105             </td>
4106         </tr>
4107
4108           <tr class="method-row expandable config-row-alt1">
4109             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4110
4111             <td class="sig">
4112                 <a id="Roo.Component-event-*beforehide"></a>
4113
4114                <div class="fixedFont">
4115                 <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>)
4116
4117                 </div>
4118
4119                 <div class="mdesc">
4120
4121                    <div class="short">Fires before the component is hidden.
4122
4123                 </div>
4124
4125                     <div class="long">
4126
4127                         Fires before the component is hidden. Return false to stop the hide.
4128
4129
4130
4131
4132
4133                                 <dl class="detailList">
4134                                 <dt class="heading">Parameters:</dt>
4135
4136                                         <dt>
4137                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4138
4139                                         </dt>
4140                                         <dd></dd>
4141
4142                                 </dl>
4143
4144
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154                     </div>
4155                 </div>
4156
4157             </td>
4158             <td class="msource">
4159                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4160             </td>
4161         </tr>
4162
4163           <tr class="method-row expandable config-row-alt0">
4164             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4165
4166             <td class="sig">
4167                 <a id="Roo.Component-event-*beforerender"></a>
4168
4169                <div class="fixedFont">
4170                 <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>)
4171
4172                 </div>
4173
4174                 <div class="mdesc">
4175
4176                    <div class="short">Fires before the component is rendered.
4177
4178                 </div>
4179
4180                     <div class="long">
4181
4182                         Fires before the component is rendered. Return false to stop the render.
4183
4184
4185
4186
4187
4188                                 <dl class="detailList">
4189                                 <dt class="heading">Parameters:</dt>
4190
4191                                         <dt>
4192                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4193
4194                                         </dt>
4195                                         <dd></dd>
4196
4197                                 </dl>
4198
4199
4200
4201
4202
4203
4204
4205
4206
4207
4208
4209                     </div>
4210                 </div>
4211
4212             </td>
4213             <td class="msource">
4214                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4215             </td>
4216         </tr>
4217
4218           <tr class="method-row expandable config-row-alt1">
4219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4220
4221             <td class="sig">
4222                 <a id="Roo.Component-event-*beforeshow"></a>
4223
4224                <div class="fixedFont">
4225                 <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>)
4226
4227                 </div>
4228
4229                 <div class="mdesc">
4230
4231                    <div class="short">Fires before the component is shown.
4232
4233                 </div>
4234
4235                     <div class="long">
4236
4237                         Fires before the component is shown.  Return false to stop the show.
4238
4239
4240
4241
4242
4243                                 <dl class="detailList">
4244                                 <dt class="heading">Parameters:</dt>
4245
4246                                         <dt>
4247                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4248
4249                                         </dt>
4250                                         <dd></dd>
4251
4252                                 </dl>
4253
4254
4255
4256
4257
4258
4259
4260
4261
4262
4263
4264                     </div>
4265                 </div>
4266
4267             </td>
4268             <td class="msource">
4269                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4270             </td>
4271         </tr>
4272
4273           <tr class="method-row expandable config-row-alt0">
4274             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4275
4276             <td class="sig">
4277                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4278
4279                <div class="fixedFont">
4280                 <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>)
4281
4282                 </div>
4283
4284                 <div class="mdesc">
4285
4286                    <div class="short">Fires when this field loses input focus.
4287
4288                 </div>
4289
4290                     <div class="long">
4291
4292                         Fires when this field loses input focus.
4293
4294
4295
4296
4297
4298                                 <dl class="detailList">
4299                                 <dt class="heading">Parameters:</dt>
4300
4301                                         <dt>
4302                                                 <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>
4303
4304                                         </dt>
4305                                         <dd></dd>
4306
4307                                 </dl>
4308
4309
4310
4311
4312
4313
4314
4315
4316
4317
4318
4319                     </div>
4320                 </div>
4321
4322             </td>
4323             <td class="msource">
4324                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4325             </td>
4326         </tr>
4327
4328           <tr class="method-row expandable config-row-alt1">
4329             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4330
4331             <td class="sig">
4332                 <a id="Roo.bootstrap.Input-event-*change"></a>
4333
4334                <div class="fixedFont">
4335                 <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>)
4336
4337                 </div>
4338
4339                 <div class="mdesc">
4340
4341                    <div class="short">Fires just before the field blurs if the field value has changed.
4342
4343                 </div>
4344
4345                     <div class="long">
4346
4347                         Fires just before the field blurs if the field value has changed.
4348
4349
4350
4351
4352
4353                                 <dl class="detailList">
4354                                 <dt class="heading">Parameters:</dt>
4355
4356                                         <dt>
4357                                                 <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>
4358
4359                                         </dt>
4360                                         <dd></dd>
4361
4362                                         <dt>
4363                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4364
4365                                         </dt>
4366                                         <dd>The new value</dd>
4367
4368                                         <dt>
4369                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4370
4371                                         </dt>
4372                                         <dd>The original value</dd>
4373
4374                                 </dl>
4375
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386                     </div>
4387                 </div>
4388
4389             </td>
4390             <td class="msource">
4391                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4392             </td>
4393         </tr>
4394
4395           <tr class="method-row expandable config-row-alt0">
4396             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4397
4398             <td class="sig">
4399                 <a id="Roo.Component-event-*destroy"></a>
4400
4401                <div class="fixedFont">
4402                 <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>)
4403
4404                 </div>
4405
4406                 <div class="mdesc">
4407
4408                    <div class="short">Fires after the component is destroyed.
4409
4410                 </div>
4411
4412                     <div class="long">
4413
4414                         Fires after the component is destroyed.
4415
4416
4417
4418
4419
4420                                 <dl class="detailList">
4421                                 <dt class="heading">Parameters:</dt>
4422
4423                                         <dt>
4424                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4425
4426                                         </dt>
4427                                         <dd></dd>
4428
4429                                 </dl>
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439
4440
4441                     </div>
4442                 </div>
4443
4444             </td>
4445             <td class="msource">
4446                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4447             </td>
4448         </tr>
4449
4450           <tr class="method-row expandable config-row-alt1">
4451             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4452
4453             <td class="sig">
4454                 <a id="Roo.Component-event-*disable"></a>
4455
4456                <div class="fixedFont">
4457                 <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>)
4458
4459                 </div>
4460
4461                 <div class="mdesc">
4462
4463                    <div class="short">Fires after the component is disabled.
4464
4465                 </div>
4466
4467                     <div class="long">
4468
4469                         Fires after the component is disabled.
4470
4471
4472
4473
4474
4475                                 <dl class="detailList">
4476                                 <dt class="heading">Parameters:</dt>
4477
4478                                         <dt>
4479                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4480
4481                                         </dt>
4482                                         <dd></dd>
4483
4484                                 </dl>
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496                     </div>
4497                 </div>
4498
4499             </td>
4500             <td class="msource">
4501                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4502             </td>
4503         </tr>
4504
4505           <tr class="method-row expandable config-row-alt0">
4506             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4507
4508             <td class="sig">
4509                 <a id="Roo.Component-event-*enable"></a>
4510
4511                <div class="fixedFont">
4512                 <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>)
4513
4514                 </div>
4515
4516                 <div class="mdesc">
4517
4518                    <div class="short">Fires after the component is enabled.
4519
4520                 </div>
4521
4522                     <div class="long">
4523
4524                         Fires after the component is enabled.
4525
4526
4527
4528
4529
4530                                 <dl class="detailList">
4531                                 <dt class="heading">Parameters:</dt>
4532
4533                                         <dt>
4534                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4535
4536                                         </dt>
4537                                         <dd></dd>
4538
4539                                 </dl>
4540
4541
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551                     </div>
4552                 </div>
4553
4554             </td>
4555             <td class="msource">
4556                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4557             </td>
4558         </tr>
4559
4560           <tr class="method-row expandable config-row-alt1">
4561             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4562
4563             <td class="sig">
4564                 <a id="Roo.bootstrap.Input-event-*focus"></a>
4565
4566                <div class="fixedFont">
4567                 <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>)
4568
4569                 </div>
4570
4571                 <div class="mdesc">
4572
4573                    <div class="short">Fires when this field receives input focus.
4574
4575                 </div>
4576
4577                     <div class="long">
4578
4579                         Fires when this field receives input focus.
4580
4581
4582
4583
4584
4585                                 <dl class="detailList">
4586                                 <dt class="heading">Parameters:</dt>
4587
4588                                         <dt>
4589                                                 <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>
4590
4591                                         </dt>
4592                                         <dd></dd>
4593
4594                                 </dl>
4595
4596
4597
4598
4599
4600
4601
4602
4603
4604
4605
4606                     </div>
4607                 </div>
4608
4609             </td>
4610             <td class="msource">
4611                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4612             </td>
4613         </tr>
4614
4615           <tr class="method-row expandable config-row-alt0">
4616             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4617
4618             <td class="sig">
4619                 <a id="Roo.Component-event-*hide"></a>
4620
4621                <div class="fixedFont">
4622                 <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>)
4623
4624                 </div>
4625
4626                 <div class="mdesc">
4627
4628                    <div class="short">Fires after the component is hidden.
4629
4630                 </div>
4631
4632                     <div class="long">
4633
4634                         Fires after the component is hidden.
4635
4636
4637
4638
4639
4640                                 <dl class="detailList">
4641                                 <dt class="heading">Parameters:</dt>
4642
4643                                         <dt>
4644                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4645
4646                                         </dt>
4647                                         <dd></dd>
4648
4649                                 </dl>
4650
4651
4652
4653
4654
4655
4656
4657
4658
4659
4660
4661                     </div>
4662                 </div>
4663
4664             </td>
4665             <td class="msource">
4666                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4667             </td>
4668         </tr>
4669
4670           <tr class="method-row expandable config-row-alt1">
4671             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4672
4673             <td class="sig">
4674                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
4675
4676                <div class="fixedFont">
4677                 <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>)
4678
4679                 </div>
4680
4681                 <div class="mdesc">
4682
4683                    <div class="short">Fires after the field has been marked as invalid.
4684
4685                 </div>
4686
4687                     <div class="long">
4688
4689                         Fires after the field has been marked as invalid.
4690
4691
4692
4693
4694
4695                                 <dl class="detailList">
4696                                 <dt class="heading">Parameters:</dt>
4697
4698                                         <dt>
4699                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
4700
4701                                         </dt>
4702                                         <dd></dd>
4703
4704                                         <dt>
4705                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4706
4707                                         </dt>
4708                                         <dd>The validation message</dd>
4709
4710                                 </dl>
4711
4712
4713
4714
4715
4716
4717
4718
4719
4720
4721
4722                     </div>
4723                 </div>
4724
4725             </td>
4726             <td class="msource">
4727                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4728             </td>
4729         </tr>
4730
4731           <tr class="method-row expandable config-row-alt0">
4732             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4733
4734             <td class="sig">
4735                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
4736
4737                <div class="fixedFont">
4738                 <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>)
4739
4740                 </div>
4741
4742                 <div class="mdesc">
4743
4744                    <div class="short">Fires after the key up
4745
4746                 </div>
4747
4748                     <div class="long">
4749
4750                         Fires after the key up
4751
4752
4753
4754
4755
4756                                 <dl class="detailList">
4757                                 <dt class="heading">Parameters:</dt>
4758
4759                                         <dt>
4760                                                 <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>
4761
4762                                         </dt>
4763                                         <dd></dd>
4764
4765                                         <dt>
4766                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4767
4768                                         </dt>
4769                                         <dd>The event Object</dd>
4770
4771                                 </dl>
4772
4773
4774
4775
4776
4777
4778
4779
4780
4781
4782
4783                     </div>
4784                 </div>
4785
4786             </td>
4787             <td class="msource">
4788                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4789             </td>
4790         </tr>
4791
4792           <tr class="method-row expandable config-row-alt1">
4793             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4794
4795             <td class="sig">
4796                 <a id="Roo.Component-event-*render"></a>
4797
4798                <div class="fixedFont">
4799                 <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>)
4800
4801                 </div>
4802
4803                 <div class="mdesc">
4804
4805                    <div class="short">Fires after the component is rendered.
4806
4807                 </div>
4808
4809                     <div class="long">
4810
4811                         Fires after the component is rendered.
4812
4813
4814
4815
4816
4817                                 <dl class="detailList">
4818                                 <dt class="heading">Parameters:</dt>
4819
4820                                         <dt>
4821                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4822
4823                                         </dt>
4824                                         <dd></dd>
4825
4826                                 </dl>
4827
4828
4829
4830
4831
4832
4833
4834
4835
4836
4837
4838                     </div>
4839                 </div>
4840
4841             </td>
4842             <td class="msource">
4843                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4844             </td>
4845         </tr>
4846
4847           <tr class="method-row expandable config-row-alt0 notInherited">
4848             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4849
4850             <td class="sig">
4851                 <a id="Roo.bootstrap.DateField-event-*select"></a>
4852
4853                <div class="fixedFont">
4854                 <b class="itemname">select</b> (<a href="./Roo.bootstrap.DateField.html#constructor" roo:cls="Roo.bootstrap.DateField.html#constructor">Roo.bootstrap.DateField</a> <B><i>this</i></B>, Mixed <B><i>date</i></B>)
4855
4856                 </div>
4857
4858                 <div class="mdesc">
4859
4860                    <div class="short">Fires when select a date.
4861
4862                 </div>
4863
4864                     <div class="long">
4865
4866                         Fires when select a date.
4867
4868
4869
4870
4871
4872                                 <dl class="detailList">
4873                                 <dt class="heading">Parameters:</dt>
4874
4875                                         <dt>
4876                                                 <span class="fixedFont"><a href="./Roo.bootstrap.DateField.html#constructor" roo:cls="Roo.bootstrap.DateField.html#constructor">Roo.bootstrap.DateField</a></span> <b>this</b>
4877
4878                                         </dt>
4879                                         <dd></dd>
4880
4881                                         <dt>
4882                                                 <span class="fixedFont">Mixed</span> <b>date</b>
4883
4884                                         </dt>
4885                                         <dd>The date value</dd>
4886
4887                                 </dl>
4888
4889
4890
4891
4892
4893
4894
4895
4896
4897
4898
4899                     </div>
4900                 </div>
4901
4902             </td>
4903             <td class="msource">
4904                 Roo.bootstrap.DateField
4905             </td>
4906         </tr>
4907
4908           <tr class="method-row expandable config-row-alt1 notInherited">
4909             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4910
4911             <td class="sig">
4912                 <a id="Roo.bootstrap.DateField-event-*show"></a>
4913
4914                <div class="fixedFont">
4915                 <b class="itemname">show</b> (<a href="./Roo.bootstrap.DateField.html#constructor" roo:cls="Roo.bootstrap.DateField.html#constructor">Roo.bootstrap.DateField</a> <B><i>this</i></B>, Mixed <B><i>date</i></B>)
4916
4917                 </div>
4918
4919                 <div class="mdesc">
4920
4921                    <div class="short">Fires when this field show.
4922
4923                 </div>
4924
4925                     <div class="long">
4926
4927                         Fires when this field show.
4928
4929
4930
4931
4932
4933                                 <dl class="detailList">
4934                                 <dt class="heading">Parameters:</dt>
4935
4936                                         <dt>
4937                                                 <span class="fixedFont"><a href="./Roo.bootstrap.DateField.html#constructor" roo:cls="Roo.bootstrap.DateField.html#constructor">Roo.bootstrap.DateField</a></span> <b>this</b>
4938
4939                                         </dt>
4940                                         <dd></dd>
4941
4942                                         <dt>
4943                                                 <span class="fixedFont">Mixed</span> <b>date</b>
4944
4945                                         </dt>
4946                                         <dd>The date value</dd>
4947
4948                                 </dl>
4949
4950
4951
4952
4953
4954
4955
4956
4957
4958
4959
4960                     </div>
4961                 </div>
4962
4963             </td>
4964             <td class="msource">
4965                 Roo.bootstrap.DateField
4966             </td>
4967         </tr>
4968
4969           <tr class="method-row expandable config-row-alt0">
4970             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4971
4972             <td class="sig">
4973                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
4974
4975                <div class="fixedFont">
4976                 <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>)
4977
4978                 </div>
4979
4980                 <div class="mdesc">
4981
4982                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
4983
4984                 </div>
4985
4986                     <div class="long">
4987
4988                         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.
4989
4990
4991
4992
4993
4994                                 <dl class="detailList">
4995                                 <dt class="heading">Parameters:</dt>
4996
4997                                         <dt>
4998                                                 <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>
4999
5000                                         </dt>
5001                                         <dd></dd>
5002
5003                                         <dt>
5004                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5005
5006                                         </dt>
5007                                         <dd>The event object</dd>
5008
5009                                 </dl>
5010
5011
5012
5013
5014
5015
5016
5017
5018
5019
5020
5021                     </div>
5022                 </div>
5023
5024             </td>
5025             <td class="msource">
5026                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5027             </td>
5028         </tr>
5029
5030           <tr class="method-row expandable config-row-alt1">
5031             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5032
5033             <td class="sig">
5034                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5035
5036                <div class="fixedFont">
5037                 <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>)
5038
5039                 </div>
5040
5041                 <div class="mdesc">
5042
5043                    <div class="short">Fires after the field has been validated with no errors.
5044
5045                 </div>
5046
5047                     <div class="long">
5048
5049                         Fires after the field has been validated with no errors.
5050
5051
5052
5053
5054
5055                                 <dl class="detailList">
5056                                 <dt class="heading">Parameters:</dt>
5057
5058                                         <dt>
5059                                                 <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>
5060
5061                                         </dt>
5062                                         <dd></dd>
5063
5064                                 </dl>
5065
5066
5067
5068
5069
5070
5071
5072
5073
5074
5075
5076                     </div>
5077                 </div>
5078
5079             </td>
5080             <td class="msource">
5081                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5082             </td>
5083         </tr>
5084
5085
5086     </table>
5087
5088
5089
5090
5091
5092 <!-- ============================== footer ================================= -->
5093                 <div class="fineprint" style="clear:both">
5094
5095                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Feb 12 2015 14:00:47 GMT+0800 (HKT)
5096                         Based on
5097                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5098                 </div>
5099         </body>
5100 </html>