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