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