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