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.DateField.html#constructor" roo:cls="Roo.bootstrap.DateField.html#constructor">Roo.bootstrap.DateField</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-labelAlign" name=".labelAlign"></a>
 681                         <div class="fixedFont">
 682                                 <b  class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 683
 684
 685                         </div>
 686
 687                         <div class="mdesc">
 688                             <div class="short">(top|left)</div>
 689                         </div>
 690
 691                         <div class="mdesc">
 692                             <div class="long">(top|left)</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-labelWidth" name=".labelWidth"></a>
 711                         <div class="fixedFont">
 712                                 <b  class="itemname">labelWidth</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">set the width of label (0-12)</div>
 719                         </div>
 720
 721                         <div class="mdesc">
 722                             <div class="long">set the width of label (0-12)</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 notInherited">
 737                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 738                     <td class="sig">
 739
 740                         <a id="Roo.bootstrap.Input-cfg-lg" name=".lg"></a>
 741                         <div class="fixedFont">
 742                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 743
 744
 745                         </div>
 746
 747                         <div class="mdesc">
 748                             <div class="short">colspan out of 12 for large computer-sized screens</div>
 749                         </div>
 750
 751                         <div class="mdesc">
 752                             <div class="long">colspan out of 12 for large computer-sized screens</div>
 753                         </div>
 754
 755
 756
 757                     </td>
 758                     <td class="msource">
 759
 760                         Roo.bootstrap.Input
 761
 762                     </td>
 763                 </tr>
 764
 765
 766                 <tr class="config-row expandable config-row-alt1">
 767                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 768                     <td class="sig">
 769
 770                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 771                         <div class="fixedFont">
 772                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 773
 774
 775                         </div>
 776
 777                         <div class="mdesc">
 778                             <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>
 779                         </div>
 780
 781                         <div class="mdesc">
 782                             <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>
 783                         </div>
 784
 785
 786
 787                     </td>
 788                     <td class="msource">
 789
 790                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 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-maskRe" name=".maskRe"></a>
 801                         <div class="fixedFont">
 802                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 803
 804
 805                         </div>
 806
 807                         <div class="mdesc">
 808                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
 809                         </div>
 810
 811                         <div class="mdesc">
 812                             <div class="long">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</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-maxLength" name=".maxLength"></a>
 831                         <div class="fixedFont">
 832                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 833
 834
 835                         </div>
 836
 837                         <div class="mdesc">
 838                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
 839                         </div>
 840
 841                         <div class="mdesc">
 842                             <div class="long">Maximum input field length allowed (defaults to Number.MAX_VALUE)</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-maxLengthText" name=".maxLengthText"></a>
 861                         <div class="fixedFont">
 862                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 863
 864
 865                         </div>
 866
 867                         <div class="mdesc">
 868                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
 869                         </div>
 870
 871                         <div class="mdesc">
 872                             <div class="long">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</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-md" name=".md"></a>
 891                         <div class="fixedFont">
 892                                 <b  class="itemname">md</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">colspan out of 12 for computer-sized screens</div>
 899                         </div>
 900
 901                         <div class="mdesc">
 902                             <div class="long">colspan out of 12 for computer-sized screens</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-minLength" name=".minLength"></a>
 921                         <div class="fixedFont">
 922                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 923
 924
 925                         </div>
 926
 927                         <div class="mdesc">
 928                             <div class="short">Minimum input field length required (defaults to 0)</div>
 929                         </div>
 930
 931                         <div class="mdesc">
 932                             <div class="long">Minimum input field length required (defaults to 0)</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-minLengthText" name=".minLengthText"></a>
 951                         <div class="fixedFont">
 952                                 <b  class="itemname">minLengthText</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">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
 959                         </div>
 960
 961                         <div class="mdesc">
 962                             <div class="long">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</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-name" name=".name"></a>
 981                         <div class="fixedFont">
 982                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 983
 984
 985                         </div>
 986
 987                         <div class="mdesc">
 988                             <div class="short">name of the input</div>
 989                         </div>
 990
 991                         <div class="mdesc">
 992                             <div class="long">name of the input</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-placeholder" name=".placeholder"></a>
1011                         <div class="fixedFont">
1012                                 <b  class="itemname">placeholder</b> : string
1013
1014
1015                         </div>
1016
1017                         <div class="mdesc">
1018                             <div class="short">- placeholder to put in text.</div>
1019                         </div>
1020
1021                         <div class="mdesc">
1022                             <div class="long">- placeholder to put in text.</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-regex" name=".regex"></a>
1041                         <div class="fixedFont">
1042                                 <b  class="itemname">regex</b> : RegExp
1043
1044
1045                         </div>
1046
1047                         <div class="mdesc">
1048                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1049                         </div>
1050
1051                         <div class="mdesc">
1052                             <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>
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-regexText" name=".regexText"></a>
1071                         <div class="fixedFont">
1072                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1073
1074
1075                         </div>
1076
1077                         <div class="mdesc">
1078                             <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>
1079                         </div>
1080
1081                         <div class="mdesc">
1082                             <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>
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-selectOnFocus" name=".selectOnFocus"></a>
1101                         <div class="fixedFont">
1102                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1103
1104
1105                         </div>
1106
1107                         <div class="mdesc">
1108                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1109                         </div>
1110
1111                         <div class="mdesc">
1112                             <div class="long">True to automatically select any existing field text when the field receives input focus (defaults to false)</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-size" name=".size"></a>
1131                         <div class="fixedFont">
1132                                 <b  class="itemname">size</b> : string
1133
1134
1135                         </div>
1136
1137                         <div class="mdesc">
1138                             <div class="short">- (lg|sm) or leave empty.</div>
1139                         </div>
1140
1141                         <div class="mdesc">
1142                             <div class="long">- (lg|sm) or leave empty..</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 notInherited">
1157                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1158                     <td class="sig">
1159
1160                         <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
1161                         <div class="fixedFont">
1162                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1163
1164
1165                         </div>
1166
1167                         <div class="mdesc">
1168                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1169                         </div>
1170
1171                         <div class="mdesc">
1172                             <div class="long">colspan out of 12 for tablet-sized screens</div>
1173                         </div>
1174
1175
1176
1177                     </td>
1178                     <td class="msource">
1179
1180                         Roo.bootstrap.Input
1181
1182                     </td>
1183                 </tr>
1184
1185
1186                 <tr class="config-row expandable config-row-alt1">
1187                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1188                     <td class="sig">
1189
1190                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
1191                         <div class="fixedFont">
1192                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1193
1194
1195                         </div>
1196
1197                         <div class="mdesc">
1198                             <div class="short">any extra css</div>
1199                         </div>
1200
1201                         <div class="mdesc">
1202                             <div class="long">any extra css</div>
1203                         </div>
1204
1205
1206
1207                     </td>
1208                     <td class="msource">
1209
1210                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
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-validateOnBlur" name=".validateOnBlur"></a>
1221                         <div class="fixedFont">
1222                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1223
1224
1225                         </div>
1226
1227                         <div class="mdesc">
1228                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1229                         </div>
1230
1231                         <div class="mdesc">
1232                             <div class="long">Whether the field should validate when it loses focus (defaults to true).</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-validationDelay" name=".validationDelay"></a>
1251                         <div class="fixedFont">
1252                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1253
1254
1255                         </div>
1256
1257                         <div class="mdesc">
1258                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
1259                         </div>
1260
1261                         <div class="mdesc">
1262                             <div class="long">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</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-validationEvent" name=".validationEvent"></a>
1281                         <div class="fixedFont">
1282                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
1283
1284
1285                         </div>
1286
1287                         <div class="mdesc">
1288                             <div class="short">The event that should initiate field validation.</div>
1289                         </div>
1290
1291                         <div class="mdesc">
1292                             <div class="long">The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").</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-validator" name=".validator"></a>
1311                         <div class="fixedFont">
1312                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
1313
1314
1315                         </div>
1316
1317                         <div class="mdesc">
1318                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
1319                         </div>
1320
1321                         <div class="mdesc">
1322                             <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>
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-value" name=".value"></a>
1341                         <div class="fixedFont">
1342                                 <b  class="itemname">value</b> : string
1343
1344
1345                         </div>
1346
1347                         <div class="mdesc">
1348                             <div class="short">default value of the input</div>
1349                         </div>
1350
1351                         <div class="mdesc">
1352                             <div class="long">default value of the input</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 notInherited">
1367                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1368                     <td class="sig">
1369
1370                         <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
1371                         <div class="fixedFont">
1372                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1373
1374
1375                         </div>
1376
1377                         <div class="mdesc">
1378                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1379                         </div>
1380
1381                         <div class="mdesc">
1382                             <div class="long">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
1383                         </div>
1384
1385
1386
1387                     </td>
1388                     <td class="msource">
1389
1390                         Roo.bootstrap.Input
1391
1392                     </td>
1393                 </tr>
1394
1395
1396                 <tr class="config-row expandable config-row-alt0">
1397                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1398                     <td class="sig">
1399
1400                         <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
1401                         <div class="fixedFont">
1402                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1403
1404
1405                         </div>
1406
1407                         <div class="mdesc">
1408                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
1409                         </div>
1410
1411                         <div class="mdesc">
1412                             <div class="long">extra attributes to add to 'element' (used by builder to store stuff.)</div>
1413                         </div>
1414
1415
1416
1417                     </td>
1418                     <td class="msource">
1419
1420                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1421
1422                     </td>
1423                 </tr>
1424
1425
1426                 <tr class="config-row expandable config-row-alt1 notInherited">
1427                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1428                     <td class="sig">
1429
1430                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
1431                         <div class="fixedFont">
1432                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1433
1434
1435                         </div>
1436
1437                         <div class="mdesc">
1438                             <div class="short">colspan out of 12 for mobile-sized screens</div>
1439                         </div>
1440
1441                         <div class="mdesc">
1442                             <div class="long">colspan out of 12 for mobile-sized screens</div>
1443                         </div>
1444
1445
1446
1447                     </td>
1448                     <td class="msource">
1449
1450                         Roo.bootstrap.Input
1451
1452                     </td>
1453                 </tr>
1454
1455
1456     </table>
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466   <!-- ============================== public properties ==================== -->
1467
1468
1469
1470     <a id="Roo.bootstrap.Input-props"></a>
1471
1472
1473
1474
1475
1476      <table cellspacing="0" class="member-table">
1477       <caption class="Empty">Public Properties - Has None</caption>
1478      </table>
1479
1480
1481
1482
1483   <!-- ============================== methods summary / details ======================== -->
1484
1485
1486   <a id="Roo.bootstrap.Input-methods"></a>
1487         <!-- constructor?? -->
1488
1489         <!-- static's first
1490
1491
1492         -->
1493
1494         <!-- then dynamics first -->
1495
1496
1497
1498
1499
1500
1501       <table cellspacing="0" class="member-table">
1502       <caption>Public Methods</caption>
1503         <tr>
1504             <th class="sig-header" colspan="2">Method</th>
1505             <th class="msource-header">Defined By</th>
1506
1507         </tr>
1508
1509
1510
1511
1512
1513
1514
1515           <tr class="method-row config-row-alt0 expandable notInherited">
1516             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1517
1518
1519             <td class="sig">
1520                 <a id="Roo.bootstrap-method-Input"   name=".Input"></a>
1521                 <div class="fixedFont">
1522                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Input</b>
1523
1524                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1525
1526
1527
1528                 </div>
1529                 <div class="mdesc">
1530
1531
1532                         <div class="short">Create a new Roo.bootstrap.Input</div>
1533
1534
1535                     <div class="long">
1536
1537
1538
1539                                 Create a new Roo.bootstrap.Input
1540
1541
1542                                 <dl class="detailList">
1543                                 <dt class="heading">Parameters:</dt>
1544
1545                                         <dt>
1546                                                 <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>
1547
1548                                         </dt>
1549                                         <dd>The config object</dd>
1550
1551                                 </dl>
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562
1563                     </div>
1564                 </div>
1565
1566             </td>
1567             <td class="msource">
1568                 &nbsp;
1569             </td>
1570         </tr>
1571
1572
1573           <tr class="method-row config-row-alt1 expandable">
1574             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1575
1576
1577             <td class="sig">
1578                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
1579                 <div class="fixedFont">
1580                         <span class="attributes"></span><b class="itemname">addEvents</b>
1581
1582                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1583
1584
1585
1586                 </div>
1587                 <div class="mdesc">
1588
1589                    <div class="short">Used to define events on this Observable</div>
1590
1591
1592
1593                     <div class="long">
1594
1595                                 Used to define events on this Observable
1596
1597
1598
1599
1600
1601
1602                                 <dl class="detailList">
1603                                 <dt class="heading">Parameters:</dt>
1604
1605                                         <dt>
1606                                                 <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>
1607
1608                                         </dt>
1609                                         <dd>The object with the events defined</dd>
1610
1611                                 </dl>
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623                     </div>
1624                 </div>
1625
1626             </td>
1627             <td class="msource">
1628
1629                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1630                 &nbsp;
1631             </td>
1632         </tr>
1633
1634
1635           <tr class="method-row config-row-alt0 expandable">
1636             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1637
1638
1639             <td class="sig">
1640                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
1641                 <div class="fixedFont">
1642                         <span class="attributes"></span><b class="itemname">addListener</b>
1643
1644                                  (<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>)
1645
1646
1647
1648                 </div>
1649                 <div class="mdesc">
1650
1651                    <div class="short">Appends an event handler to this component</div>
1652
1653
1654
1655                     <div class="long">
1656
1657                                 Appends an event handler to this component
1658
1659
1660
1661
1662
1663
1664                                 <dl class="detailList">
1665                                 <dt class="heading">Parameters:</dt>
1666
1667                                         <dt>
1668                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1669
1670                                         </dt>
1671                                         <dd>The type of event to listen for</dd>
1672
1673                                         <dt>
1674                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1675
1676                                         </dt>
1677                                         <dd>The method the event invokes</dd>
1678
1679                                         <dt>
1680                                                 <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>
1681
1682                                         </dt>
1683                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1684
1685                                         <dt>
1686                                                 <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>
1687
1688                                         </dt>
1689                                         <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>
1690
1691                                 </dl>
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703                     </div>
1704                 </div>
1705
1706             </td>
1707             <td class="msource">
1708
1709                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1710                 &nbsp;
1711             </td>
1712         </tr>
1713
1714
1715           <tr class="method-row config-row-alt1 expandable notInherited">
1716             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1717
1718
1719             <td class="sig">
1720                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
1721                 <div class="fixedFont">
1722                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
1723
1724                                  ()
1725
1726
1727
1728                 </div>
1729                 <div class="mdesc">
1730
1731                    <div class="short">Clear any invalid styles/messages for this field</div>
1732
1733
1734
1735                     <div class="long">
1736
1737                                 Clear any invalid styles/messages for this field
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754                     </div>
1755                 </div>
1756
1757             </td>
1758             <td class="msource">
1759
1760                         Roo.bootstrap.Input
1761                 &nbsp;
1762             </td>
1763         </tr>
1764
1765
1766           <tr class="method-row config-row-alt0 expandable">
1767             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1768
1769
1770             <td class="sig">
1771                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
1772                 <div class="fixedFont">
1773                         <span class="attributes"></span><b class="itemname">destroy</b>
1774
1775                                  ()
1776
1777
1778
1779                 </div>
1780                 <div class="mdesc">
1781
1782                    <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>
1783
1784
1785
1786                     <div class="long">
1787
1788                                 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}.
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805                     </div>
1806                 </div>
1807
1808             </td>
1809             <td class="msource">
1810
1811                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1812                 &nbsp;
1813             </td>
1814         </tr>
1815
1816
1817           <tr class="method-row config-row-alt1 expandable">
1818             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1819
1820
1821             <td class="sig">
1822                 <a id="Roo.Component-method-disable"   name=".disable"></a>
1823                 <div class="fixedFont">
1824                         <span class="attributes"></span><b class="itemname">disable</b>
1825
1826                                  ()
1827
1828
1829                                          :
1830
1831
1832                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1833
1834
1835
1836
1837
1838                 </div>
1839                 <div class="mdesc">
1840
1841                    <div class="short">Disable this component.</div>
1842
1843
1844
1845                     <div class="long">
1846
1847                                 Disable this component.
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858                                 <dl class="detailList">
1859                                 <dt class="heading">Returns:</dt>
1860
1861                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1862
1863                                 </dl>
1864
1865
1866
1867
1868
1869
1870
1871                     </div>
1872                 </div>
1873
1874             </td>
1875             <td class="msource">
1876
1877                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1878                 &nbsp;
1879             </td>
1880         </tr>
1881
1882
1883           <tr class="method-row config-row-alt0 expandable">
1884             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1885
1886
1887             <td class="sig">
1888                 <a id="Roo.Component-method-enable"   name=".enable"></a>
1889                 <div class="fixedFont">
1890                         <span class="attributes"></span><b class="itemname">enable</b>
1891
1892                                  ()
1893
1894
1895                                          :
1896
1897
1898                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1899
1900
1901
1902
1903
1904                 </div>
1905                 <div class="mdesc">
1906
1907                    <div class="short">Enable this component.</div>
1908
1909
1910
1911                     <div class="long">
1912
1913                                 Enable this component.
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924                                 <dl class="detailList">
1925                                 <dt class="heading">Returns:</dt>
1926
1927                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1928
1929                                 </dl>
1930
1931
1932
1933
1934
1935
1936
1937                     </div>
1938                 </div>
1939
1940             </td>
1941             <td class="msource">
1942
1943                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1944                 &nbsp;
1945             </td>
1946         </tr>
1947
1948
1949           <tr class="method-row config-row-alt1 expandable">
1950             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1951
1952
1953             <td class="sig">
1954                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
1955                 <div class="fixedFont">
1956                         <span class="attributes"></span><b class="itemname">fireEvent</b>
1957
1958                                  (<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>)
1959
1960
1961                                          :
1962
1963
1964                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1965
1966
1967
1968
1969
1970                 </div>
1971                 <div class="mdesc">
1972
1973                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1974
1975
1976
1977                     <div class="long">
1978
1979                                 Fires the specified event with the passed parameters (minus the event name).
1980
1981
1982
1983
1984
1985
1986                                 <dl class="detailList">
1987                                 <dt class="heading">Parameters:</dt>
1988
1989                                         <dt>
1990                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1991
1992                                         </dt>
1993                                         <dd></dd>
1994
1995                                         <dt>
1996                                                 <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>
1997
1998                                         </dt>
1999                                         <dd>Variable number of parameters are passed to handlers</dd>
2000
2001                                 </dl>
2002
2003
2004
2005
2006
2007                                 <dl class="detailList">
2008                                 <dt class="heading">Returns:</dt>
2009
2010                                         <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>
2011
2012                                 </dl>
2013
2014
2015
2016
2017
2018
2019
2020                     </div>
2021                 </div>
2022
2023             </td>
2024             <td class="msource">
2025
2026                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2027                 &nbsp;
2028             </td>
2029         </tr>
2030
2031
2032           <tr class="method-row config-row-alt0 expandable">
2033             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2034
2035
2036             <td class="sig">
2037                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2038                 <div class="fixedFont">
2039                         <span class="attributes"></span><b class="itemname">focus</b>
2040
2041                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2042
2043
2044                                          :
2045
2046
2047                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2048
2049
2050
2051
2052
2053                 </div>
2054                 <div class="mdesc">
2055
2056                    <div class="short">Try to focus this component.</div>
2057
2058
2059
2060                     <div class="long">
2061
2062                                 Try to focus this component.
2063
2064
2065
2066
2067
2068
2069                                 <dl class="detailList">
2070                                 <dt class="heading">Parameters:</dt>
2071
2072                                         <dt>
2073                                                 <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>
2074
2075                                         </dt>
2076                                         <dd>True to also select the text in this component (if applicable)</dd>
2077
2078                                 </dl>
2079
2080
2081
2082
2083
2084                                 <dl class="detailList">
2085                                 <dt class="heading">Returns:</dt>
2086
2087                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2088
2089                                 </dl>
2090
2091
2092
2093
2094
2095
2096
2097                     </div>
2098                 </div>
2099
2100             </td>
2101             <td class="msource">
2102
2103                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2104                 &nbsp;
2105             </td>
2106         </tr>
2107
2108
2109           <tr class="method-row config-row-alt1 expandable">
2110             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2111
2112
2113             <td class="sig">
2114                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2115                 <div class="fixedFont">
2116                         <span class="attributes"></span><b class="itemname">getEl</b>
2117
2118                                  ()
2119
2120
2121                                          :
2122
2123
2124                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2125
2126
2127
2128
2129
2130                 </div>
2131                 <div class="mdesc">
2132
2133                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2134
2135
2136
2137                     <div class="long">
2138
2139                                 Returns the underlying {<b>link</b> Roo.Element}.
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150                                 <dl class="detailList">
2151                                 <dt class="heading">Returns:</dt>
2152
2153                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
2154
2155                                 </dl>
2156
2157
2158
2159
2160
2161
2162
2163                     </div>
2164                 </div>
2165
2166             </td>
2167             <td class="msource">
2168
2169                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2170                 &nbsp;
2171             </td>
2172         </tr>
2173
2174
2175           <tr class="method-row config-row-alt0 expandable">
2176             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2177
2178
2179             <td class="sig">
2180                 <a id="Roo.Component-method-getId"   name=".getId"></a>
2181                 <div class="fixedFont">
2182                         <span class="attributes"></span><b class="itemname">getId</b>
2183
2184                                  ()
2185
2186
2187                                          :
2188
2189
2190                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2191
2192
2193
2194
2195
2196                 </div>
2197                 <div class="mdesc">
2198
2199                    <div class="short">Returns the id of this component.</div>
2200
2201
2202
2203                     <div class="long">
2204
2205                                 Returns the id of this component.
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216                                 <dl class="detailList">
2217                                 <dt class="heading">Returns:</dt>
2218
2219                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
2220
2221                                 </dl>
2222
2223
2224
2225
2226
2227
2228
2229                     </div>
2230                 </div>
2231
2232             </td>
2233             <td class="msource">
2234
2235                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2236                 &nbsp;
2237             </td>
2238         </tr>
2239
2240
2241           <tr class="method-row config-row-alt1 expandable notInherited">
2242             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2243
2244
2245             <td class="sig">
2246                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
2247                 <div class="fixedFont">
2248                         <span class="attributes"></span><b class="itemname">getName</b>
2249
2250                                  ()
2251
2252
2253                                          :
2254
2255
2256                                                 Mixed
2257
2258
2259
2260
2261
2262                 </div>
2263                 <div class="mdesc">
2264
2265                    <div class="short">Returns the name of the field</div>
2266
2267
2268
2269                     <div class="long">
2270
2271                                 Returns the name of the field
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282                                 <dl class="detailList">
2283                                 <dt class="heading">Returns:</dt>
2284
2285                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
2286
2287                                 </dl>
2288
2289
2290
2291
2292
2293
2294
2295                     </div>
2296                 </div>
2297
2298             </td>
2299             <td class="msource">
2300
2301                         Roo.bootstrap.Input
2302                 &nbsp;
2303             </td>
2304         </tr>
2305
2306
2307           <tr class="method-row config-row-alt0 expandable notInherited">
2308             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2309
2310
2311             <td class="sig">
2312                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
2313                 <div class="fixedFont">
2314                         <span class="attributes"></span><b class="itemname">getRawValue</b>
2315
2316                                  ()
2317
2318
2319                                          :
2320
2321
2322                                                 Mixed
2323
2324
2325
2326
2327
2328                 </div>
2329                 <div class="mdesc">
2330
2331                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
2332
2333
2334
2335                     <div class="long">
2336
2337                                 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>}.
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348                                 <dl class="detailList">
2349                                 <dt class="heading">Returns:</dt>
2350
2351                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2352
2353                                 </dl>
2354
2355
2356
2357
2358
2359
2360
2361                     </div>
2362                 </div>
2363
2364             </td>
2365             <td class="msource">
2366
2367                         Roo.bootstrap.Input
2368                 &nbsp;
2369             </td>
2370         </tr>
2371
2372
2373           <tr class="method-row config-row-alt1 expandable notInherited">
2374             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2375
2376
2377             <td class="sig">
2378                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
2379                 <div class="fixedFont">
2380                         <span class="attributes"></span><b class="itemname">getValue</b>
2381
2382                                  ()
2383
2384
2385                                          :
2386
2387
2388                                                 Mixed
2389
2390
2391
2392
2393
2394                 </div>
2395                 <div class="mdesc">
2396
2397                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
2398
2399
2400
2401                     <div class="long">
2402
2403                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
2404
2405
2406
2407
2408
2409
2410
2411
2412
2413
2414                                 <dl class="detailList">
2415                                 <dt class="heading">Returns:</dt>
2416
2417                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
2418
2419                                 </dl>
2420
2421
2422
2423
2424
2425
2426
2427                     </div>
2428                 </div>
2429
2430             </td>
2431             <td class="msource">
2432
2433                         Roo.bootstrap.Input
2434                 &nbsp;
2435             </td>
2436         </tr>
2437
2438
2439           <tr class="method-row config-row-alt0 expandable">
2440             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2441
2442
2443             <td class="sig">
2444                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2445                 <div class="fixedFont">
2446                         <span class="attributes"></span><b class="itemname">hasListener</b>
2447
2448                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2449
2450
2451                                          :
2452
2453
2454                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2455
2456
2457
2458
2459
2460                 </div>
2461                 <div class="mdesc">
2462
2463                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2464
2465
2466
2467                     <div class="long">
2468
2469                                 Checks to see if this object has any listeners for a specified event
2470
2471
2472
2473
2474
2475
2476                                 <dl class="detailList">
2477                                 <dt class="heading">Parameters:</dt>
2478
2479                                         <dt>
2480                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2481
2482                                         </dt>
2483                                         <dd>The name of the event to check for</dd>
2484
2485                                 </dl>
2486
2487
2488
2489
2490
2491                                 <dl class="detailList">
2492                                 <dt class="heading">Returns:</dt>
2493
2494                                         <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>
2495
2496                                 </dl>
2497
2498
2499
2500
2501
2502
2503
2504                     </div>
2505                 </div>
2506
2507             </td>
2508             <td class="msource">
2509
2510                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2511                 &nbsp;
2512             </td>
2513         </tr>
2514
2515
2516           <tr class="method-row config-row-alt1 expandable">
2517             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2518
2519
2520             <td class="sig">
2521                 <a id="Roo.Component-method-hide"   name=".hide"></a>
2522                 <div class="fixedFont">
2523                         <span class="attributes"></span><b class="itemname">hide</b>
2524
2525                                  ()
2526
2527
2528                                          :
2529
2530
2531                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2532
2533
2534
2535
2536
2537                 </div>
2538                 <div class="mdesc">
2539
2540                    <div class="short">Hide this component.</div>
2541
2542
2543
2544                     <div class="long">
2545
2546                                 Hide this component.
2547
2548
2549
2550
2551
2552
2553
2554
2555
2556
2557                                 <dl class="detailList">
2558                                 <dt class="heading">Returns:</dt>
2559
2560                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2561
2562                                 </dl>
2563
2564
2565
2566
2567
2568
2569
2570                     </div>
2571                 </div>
2572
2573             </td>
2574             <td class="msource">
2575
2576                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2577                 &nbsp;
2578             </td>
2579         </tr>
2580
2581
2582           <tr class="method-row config-row-alt0 expandable notInherited">
2583             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2584
2585
2586             <td class="sig">
2587                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
2588                 <div class="fixedFont">
2589                         <span class="attributes"></span><b class="itemname">inputEl</b>
2590
2591                                  ()
2592
2593
2594
2595                 </div>
2596                 <div class="mdesc">
2597
2598                    <div class="short">return the real input element.</div>
2599
2600
2601
2602                     <div class="long">
2603
2604                                 return the real input element.
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619
2620
2621                     </div>
2622                 </div>
2623
2624             </td>
2625             <td class="msource">
2626
2627                         Roo.bootstrap.Input
2628                 &nbsp;
2629             </td>
2630         </tr>
2631
2632
2633           <tr class="method-row config-row-alt1 expandable">
2634             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2635
2636
2637             <td class="sig">
2638                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
2639                 <div class="fixedFont">
2640                         <span class="attributes"></span><b class="itemname">isVisible</b>
2641
2642                                  ()
2643
2644
2645
2646                 </div>
2647                 <div class="mdesc">
2648
2649                    <div class="short">Returns true if this component is visible.</div>
2650
2651
2652
2653                     <div class="long">
2654
2655                                 Returns true if this component is visible.
2656
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668
2669
2670
2671
2672                     </div>
2673                 </div>
2674
2675             </td>
2676             <td class="msource">
2677
2678                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2679                 &nbsp;
2680             </td>
2681         </tr>
2682
2683
2684           <tr class="method-row config-row-alt0 expandable notInherited">
2685             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2686
2687
2688             <td class="sig">
2689                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
2690                 <div class="fixedFont">
2691                         <span class="attributes"></span><b class="itemname">markInvalid</b>
2692
2693                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
2694
2695
2696
2697                 </div>
2698                 <div class="mdesc">
2699
2700                    <div class="short">Mark this field as invalid</div>
2701
2702
2703
2704                     <div class="long">
2705
2706                                 Mark this field as invalid
2707
2708
2709
2710
2711
2712
2713                                 <dl class="detailList">
2714                                 <dt class="heading">Parameters:</dt>
2715
2716                                         <dt>
2717                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
2718
2719                                         </dt>
2720                                         <dd>The validation message</dd>
2721
2722                                 </dl>
2723
2724
2725
2726
2727
2728
2729
2730
2731
2732
2733
2734                     </div>
2735                 </div>
2736
2737             </td>
2738             <td class="msource">
2739
2740                         Roo.bootstrap.Input
2741                 &nbsp;
2742             </td>
2743         </tr>
2744
2745
2746           <tr class="method-row config-row-alt1 expandable">
2747             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2748
2749
2750             <td class="sig">
2751                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
2752                 <div class="fixedFont">
2753                         <span class="attributes"></span><b class="itemname">on</b>
2754
2755                                  (<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>)
2756
2757
2758
2759                 </div>
2760                 <div class="mdesc">
2761
2762                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2763
2764
2765
2766                     <div class="long">
2767
2768                                 Appends an event handler to this element (shorthand for addListener)
2769
2770
2771
2772
2773
2774
2775                                 <dl class="detailList">
2776                                 <dt class="heading">Parameters:</dt>
2777
2778                                         <dt>
2779                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2780
2781                                         </dt>
2782                                         <dd>The type of event to listen for</dd>
2783
2784                                         <dt>
2785                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2786
2787                                         </dt>
2788                                         <dd>The method the event invokes</dd>
2789
2790                                         <dt>
2791                                                 <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>
2792
2793                                         </dt>
2794                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2795
2796                                         <dt>
2797                                                 <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>
2798
2799                                         </dt>
2800                                         <dd>(optional)</dd>
2801
2802                                 </dl>
2803
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814                     </div>
2815                 </div>
2816
2817             </td>
2818             <td class="msource">
2819
2820                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2821                 &nbsp;
2822             </td>
2823         </tr>
2824
2825
2826           <tr class="method-row config-row-alt0 expandable">
2827             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2828
2829
2830             <td class="sig">
2831                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
2832                 <div class="fixedFont">
2833                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
2834
2835                                  ()
2836
2837
2838
2839                 </div>
2840                 <div class="mdesc">
2841
2842                    <div class="short">Removes all listeners for this object</div>
2843
2844
2845
2846                     <div class="long">
2847
2848                                 Removes all listeners for this object
2849
2850
2851
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865                     </div>
2866                 </div>
2867
2868             </td>
2869             <td class="msource">
2870
2871                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2872                 &nbsp;
2873             </td>
2874         </tr>
2875
2876
2877           <tr class="method-row config-row-alt1 expandable">
2878             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2879
2880
2881             <td class="sig">
2882                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
2883                 <div class="fixedFont">
2884                         <span class="attributes"></span><b class="itemname">removeListener</b>
2885
2886                                  (<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>)
2887
2888
2889
2890                 </div>
2891                 <div class="mdesc">
2892
2893                    <div class="short">Removes a listener</div>
2894
2895
2896
2897                     <div class="long">
2898
2899                                 Removes a listener
2900
2901
2902
2903
2904
2905
2906                                 <dl class="detailList">
2907                                 <dt class="heading">Parameters:</dt>
2908
2909                                         <dt>
2910                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2911
2912                                         </dt>
2913                                         <dd>The type of event to listen for</dd>
2914
2915                                         <dt>
2916                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2917
2918                                         </dt>
2919                                         <dd>The handler to remove</dd>
2920
2921                                         <dt>
2922                                                 <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>
2923
2924                                         </dt>
2925                                         <dd>(optional) The scope (this object) for the handler</dd>
2926
2927                                 </dl>
2928
2929
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939                     </div>
2940                 </div>
2941
2942             </td>
2943             <td class="msource">
2944
2945                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2946                 &nbsp;
2947             </td>
2948         </tr>
2949
2950
2951           <tr class="method-row config-row-alt0 expandable">
2952             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2953
2954
2955             <td class="sig">
2956                 <a id="Roo.Component-method-render"   name=".render"></a>
2957                 <div class="fixedFont">
2958                         <span class="attributes"></span><b class="itemname">render</b>
2959
2960                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
2961
2962
2963
2964                 </div>
2965                 <div class="mdesc">
2966
2967                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
2968
2969
2970
2971                     <div class="long">
2972
2973                                 If this is a lazy rendering component, render it to its container element.
2974
2975
2976
2977
2978
2979
2980                                 <dl class="detailList">
2981                                 <dt class="heading">Parameters:</dt>
2982
2983                                         <dt>
2984                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
2985
2986                                         </dt>
2987                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
2988
2989                                 </dl>
2990
2991
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001                     </div>
3002                 </div>
3003
3004             </td>
3005             <td class="msource">
3006
3007                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3008                 &nbsp;
3009             </td>
3010         </tr>
3011
3012
3013           <tr class="method-row config-row-alt1 expandable notInherited">
3014             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3015
3016
3017             <td class="sig">
3018                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3019                 <div class="fixedFont">
3020                         <span class="attributes"></span><b class="itemname">reset</b>
3021
3022                                  ()
3023
3024
3025
3026                 </div>
3027                 <div class="mdesc">
3028
3029                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3030
3031
3032
3033                     <div class="long">
3034
3035                                 Resets the current field value to the originally loaded value and clears any validation messages
3036
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047
3048
3049
3050
3051
3052                     </div>
3053                 </div>
3054
3055             </td>
3056             <td class="msource">
3057
3058                         Roo.bootstrap.Input
3059                 &nbsp;
3060             </td>
3061         </tr>
3062
3063
3064           <tr class="method-row config-row-alt0 expandable">
3065             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3066
3067
3068             <td class="sig">
3069                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
3070                 <div class="fixedFont">
3071                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3072
3073                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3074
3075
3076
3077                 </div>
3078                 <div class="mdesc">
3079
3080                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3081
3082
3083
3084                     <div class="long">
3085
3086                                 Convenience function for setting disabled/enabled by boolean.
3087
3088
3089
3090
3091
3092
3093                                 <dl class="detailList">
3094                                 <dt class="heading">Parameters:</dt>
3095
3096                                         <dt>
3097                                                 <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>
3098
3099                                         </dt>
3100                                         <dd></dd>
3101
3102                                 </dl>
3103
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114                     </div>
3115                 </div>
3116
3117             </td>
3118             <td class="msource">
3119
3120                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3121                 &nbsp;
3122             </td>
3123         </tr>
3124
3125
3126           <tr class="method-row config-row-alt1 expandable notInherited">
3127             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3128
3129
3130             <td class="sig">
3131                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
3132                 <div class="fixedFont">
3133                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3134
3135                                  (Mixed <B><i>value</i></B>)
3136
3137
3138
3139                 </div>
3140                 <div class="mdesc">
3141
3142                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3143
3144
3145
3146                     <div class="long">
3147
3148                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3149
3150
3151
3152
3153
3154
3155                                 <dl class="detailList">
3156                                 <dt class="heading">Parameters:</dt>
3157
3158                                         <dt>
3159                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3160
3161                                         </dt>
3162                                         <dd>The value to set</dd>
3163
3164                                 </dl>
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176                     </div>
3177                 </div>
3178
3179             </td>
3180             <td class="msource">
3181
3182                         Roo.bootstrap.Input
3183                 &nbsp;
3184             </td>
3185         </tr>
3186
3187
3188           <tr class="method-row config-row-alt0 expandable notInherited">
3189             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3190
3191
3192             <td class="sig">
3193                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
3194                 <div class="fixedFont">
3195                         <span class="attributes"></span><b class="itemname">setValue</b>
3196
3197                                  (Mixed <B><i>value</i></B>)
3198
3199
3200
3201                 </div>
3202                 <div class="mdesc">
3203
3204                    <div class="short">Sets a data value into the field and validates it.</div>
3205
3206
3207
3208                     <div class="long">
3209
3210                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3211
3212
3213
3214
3215
3216
3217                                 <dl class="detailList">
3218                                 <dt class="heading">Parameters:</dt>
3219
3220                                         <dt>
3221                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3222
3223                                         </dt>
3224                                         <dd>The value to set</dd>
3225
3226                                 </dl>
3227
3228
3229
3230
3231
3232
3233
3234
3235
3236
3237
3238                     </div>
3239                 </div>
3240
3241             </td>
3242             <td class="msource">
3243
3244                         Roo.bootstrap.Input
3245                 &nbsp;
3246             </td>
3247         </tr>
3248
3249
3250           <tr class="method-row config-row-alt1 expandable">
3251             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3252
3253
3254             <td class="sig">
3255                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3256                 <div class="fixedFont">
3257                         <span class="attributes"></span><b class="itemname">setVisible</b>
3258
3259                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3260
3261
3262                                          :
3263
3264
3265                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3266
3267
3268
3269
3270
3271                 </div>
3272                 <div class="mdesc">
3273
3274                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3275
3276
3277
3278                     <div class="long">
3279
3280                                 Convenience function to hide or show this component by boolean.
3281
3282
3283
3284
3285
3286
3287                                 <dl class="detailList">
3288                                 <dt class="heading">Parameters:</dt>
3289
3290                                         <dt>
3291                                                 <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>
3292
3293                                         </dt>
3294                                         <dd>True to show, false to hide</dd>
3295
3296                                 </dl>
3297
3298
3299
3300
3301
3302                                 <dl class="detailList">
3303                                 <dt class="heading">Returns:</dt>
3304
3305                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3306
3307                                 </dl>
3308
3309
3310
3311
3312
3313
3314
3315                     </div>
3316                 </div>
3317
3318             </td>
3319             <td class="msource">
3320
3321                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3322                 &nbsp;
3323             </td>
3324         </tr>
3325
3326
3327           <tr class="method-row config-row-alt0 expandable">
3328             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3329
3330
3331             <td class="sig">
3332                 <a id="Roo.Component-method-show"   name=".show"></a>
3333                 <div class="fixedFont">
3334                         <span class="attributes"></span><b class="itemname">show</b>
3335
3336                                  ()
3337
3338
3339                                          :
3340
3341
3342                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3343
3344
3345
3346
3347
3348                 </div>
3349                 <div class="mdesc">
3350
3351                    <div class="short">Show this component.</div>
3352
3353
3354
3355                     <div class="long">
3356
3357                                 Show this component.
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368                                 <dl class="detailList">
3369                                 <dt class="heading">Returns:</dt>
3370
3371                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3372
3373                                 </dl>
3374
3375
3376
3377
3378
3379
3380
3381                     </div>
3382                 </div>
3383
3384             </td>
3385             <td class="msource">
3386
3387                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3388                 &nbsp;
3389             </td>
3390         </tr>
3391
3392
3393           <tr class="method-row config-row-alt1 expandable">
3394             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3395
3396
3397             <td class="sig">
3398                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
3399                 <div class="fixedFont">
3400                         <span class="attributes"></span><b class="itemname">un</b>
3401
3402                                  (<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>)
3403
3404
3405
3406                 </div>
3407                 <div class="mdesc">
3408
3409                    <div class="short">Removes a listener (shorthand for removeListener)</div>
3410
3411
3412
3413                     <div class="long">
3414
3415                                 Removes a listener (shorthand for removeListener)
3416
3417
3418
3419
3420
3421
3422                                 <dl class="detailList">
3423                                 <dt class="heading">Parameters:</dt>
3424
3425                                         <dt>
3426                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3427
3428                                         </dt>
3429                                         <dd>The type of event to listen for</dd>
3430
3431                                         <dt>
3432                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3433
3434                                         </dt>
3435                                         <dd>The handler to remove</dd>
3436
3437                                         <dt>
3438                                                 <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>
3439
3440                                         </dt>
3441                                         <dd>(optional) The scope (this object) for the handler</dd>
3442
3443                                 </dl>
3444
3445
3446
3447
3448
3449
3450
3451
3452
3453
3454
3455                     </div>
3456                 </div>
3457
3458             </td>
3459             <td class="msource">
3460
3461                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3462                 &nbsp;
3463             </td>
3464         </tr>
3465
3466
3467           <tr class="method-row config-row-alt0 expandable notInherited">
3468             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3469
3470
3471             <td class="sig">
3472                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
3473                 <div class="fixedFont">
3474                         <span class="attributes"></span><b class="itemname">validate</b>
3475
3476                                  ()
3477
3478
3479                                          :
3480
3481
3482                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3483
3484
3485
3486
3487
3488                 </div>
3489                 <div class="mdesc">
3490
3491                    <div class="short">Validates the field value</div>
3492
3493
3494
3495                     <div class="long">
3496
3497                                 Validates the field value
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508                                 <dl class="detailList">
3509                                 <dt class="heading">Returns:</dt>
3510
3511                                         <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>
3512
3513                                 </dl>
3514
3515
3516
3517
3518
3519
3520
3521                     </div>
3522                 </div>
3523
3524             </td>
3525             <td class="msource">
3526
3527                         Roo.bootstrap.Input
3528                 &nbsp;
3529             </td>
3530         </tr>
3531
3532
3533           <tr class="method-row config-row-alt1 expandable notInherited">
3534             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3535
3536
3537             <td class="sig">
3538                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
3539                 <div class="fixedFont">
3540                         <span class="attributes"></span><b class="itemname">validateValue</b>
3541
3542                                  (Mixed <B><i>value</i></B>)
3543
3544
3545                                          :
3546
3547
3548                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3549
3550
3551
3552
3553
3554                 </div>
3555                 <div class="mdesc">
3556
3557                    <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>
3558
3559
3560
3561                     <div class="long">
3562
3563                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
3564
3565
3566
3567
3568
3569
3570                                 <dl class="detailList">
3571                                 <dt class="heading">Parameters:</dt>
3572
3573                                         <dt>
3574                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3575
3576                                         </dt>
3577                                         <dd>The value to validate</dd>
3578
3579                                 </dl>
3580
3581
3582
3583
3584
3585                                 <dl class="detailList">
3586                                 <dt class="heading">Returns:</dt>
3587
3588                                         <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>
3589
3590                                 </dl>
3591
3592
3593
3594
3595
3596
3597
3598                     </div>
3599                 </div>
3600
3601             </td>
3602             <td class="msource">
3603
3604                         Roo.bootstrap.Input
3605                 &nbsp;
3606             </td>
3607         </tr>
3608
3609
3610     </table>
3611
3612
3613   <!-- ============================== events summary / details ======================== -->
3614
3615
3616   <a id="Roo.bootstrap.Input-events"></a>
3617
3618
3619
3620
3621
3622
3623
3624
3625       <table cellspacing="0" class="member-table">
3626                 <caption>Events</caption>
3627               <thead>
3628                 <tr>
3629                     <th class="sig-header" colspan="2">Event</th>
3630                     <th class="msource-header">Defined By</th>
3631
3632                 </tr>
3633               </thead>
3634
3635
3636
3637
3638
3639           <tr class="method-row expandable config-row-alt0">
3640             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3641
3642             <td class="sig">
3643                 <a id="Roo.Component-event-*beforedestroy"></a>
3644
3645                <div class="fixedFont">
3646                 <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>)
3647
3648                 </div>
3649
3650                 <div class="mdesc">
3651
3652                    <div class="short">Fires before the component is destroyed.
3653
3654                 </div>
3655
3656                     <div class="long">
3657
3658                         Fires before the component is destroyed. Return false to stop the destroy.
3659
3660
3661
3662
3663
3664                                 <dl class="detailList">
3665                                 <dt class="heading">Parameters:</dt>
3666
3667                                         <dt>
3668                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3669
3670                                         </dt>
3671                                         <dd></dd>
3672
3673                                 </dl>
3674
3675
3676
3677
3678
3679
3680
3681
3682
3683
3684
3685                     </div>
3686                 </div>
3687
3688             </td>
3689             <td class="msource">
3690                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3691             </td>
3692         </tr>
3693
3694           <tr class="method-row expandable config-row-alt1">
3695             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3696
3697             <td class="sig">
3698                 <a id="Roo.Component-event-*beforehide"></a>
3699
3700                <div class="fixedFont">
3701                 <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>)
3702
3703                 </div>
3704
3705                 <div class="mdesc">
3706
3707                    <div class="short">Fires before the component is hidden.
3708
3709                 </div>
3710
3711                     <div class="long">
3712
3713                         Fires before the component is hidden. Return false to stop the hide.
3714
3715
3716
3717
3718
3719                                 <dl class="detailList">
3720                                 <dt class="heading">Parameters:</dt>
3721
3722                                         <dt>
3723                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3724
3725                                         </dt>
3726                                         <dd></dd>
3727
3728                                 </dl>
3729
3730
3731
3732
3733
3734
3735
3736
3737
3738
3739
3740                     </div>
3741                 </div>
3742
3743             </td>
3744             <td class="msource">
3745                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3746             </td>
3747         </tr>
3748
3749           <tr class="method-row expandable config-row-alt0">
3750             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3751
3752             <td class="sig">
3753                 <a id="Roo.Component-event-*beforerender"></a>
3754
3755                <div class="fixedFont">
3756                 <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>)
3757
3758                 </div>
3759
3760                 <div class="mdesc">
3761
3762                    <div class="short">Fires before the component is rendered.
3763
3764                 </div>
3765
3766                     <div class="long">
3767
3768                         Fires before the component is rendered. Return false to stop the render.
3769
3770
3771
3772
3773
3774                                 <dl class="detailList">
3775                                 <dt class="heading">Parameters:</dt>
3776
3777                                         <dt>
3778                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3779
3780                                         </dt>
3781                                         <dd></dd>
3782
3783                                 </dl>
3784
3785
3786
3787
3788
3789
3790
3791
3792
3793
3794
3795                     </div>
3796                 </div>
3797
3798             </td>
3799             <td class="msource">
3800                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3801             </td>
3802         </tr>
3803
3804           <tr class="method-row expandable config-row-alt1">
3805             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3806
3807             <td class="sig">
3808                 <a id="Roo.Component-event-*beforeshow"></a>
3809
3810                <div class="fixedFont">
3811                 <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>)
3812
3813                 </div>
3814
3815                 <div class="mdesc">
3816
3817                    <div class="short">Fires before the component is shown.
3818
3819                 </div>
3820
3821                     <div class="long">
3822
3823                         Fires before the component is shown.  Return false to stop the show.
3824
3825
3826
3827
3828
3829                                 <dl class="detailList">
3830                                 <dt class="heading">Parameters:</dt>
3831
3832                                         <dt>
3833                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3834
3835                                         </dt>
3836                                         <dd></dd>
3837
3838                                 </dl>
3839
3840
3841
3842
3843
3844
3845
3846
3847
3848
3849
3850                     </div>
3851                 </div>
3852
3853             </td>
3854             <td class="msource">
3855                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3856             </td>
3857         </tr>
3858
3859           <tr class="method-row expandable config-row-alt0 notInherited">
3860             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3861
3862             <td class="sig">
3863                 <a id="Roo.bootstrap.Input-event-*blur"></a>
3864
3865                <div class="fixedFont">
3866                 <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>)
3867
3868                 </div>
3869
3870                 <div class="mdesc">
3871
3872                    <div class="short">Fires when this field loses input focus.
3873
3874                 </div>
3875
3876                     <div class="long">
3877
3878                         Fires when this field loses input focus.
3879
3880
3881
3882
3883
3884                                 <dl class="detailList">
3885                                 <dt class="heading">Parameters:</dt>
3886
3887                                         <dt>
3888                                                 <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>
3889
3890                                         </dt>
3891                                         <dd></dd>
3892
3893                                 </dl>
3894
3895
3896
3897
3898
3899
3900
3901
3902
3903
3904
3905                     </div>
3906                 </div>
3907
3908             </td>
3909             <td class="msource">
3910                 Roo.bootstrap.Input
3911             </td>
3912         </tr>
3913
3914           <tr class="method-row expandable config-row-alt1 notInherited">
3915             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3916
3917             <td class="sig">
3918                 <a id="Roo.bootstrap.Input-event-*change"></a>
3919
3920                <div class="fixedFont">
3921                 <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>)
3922
3923                 </div>
3924
3925                 <div class="mdesc">
3926
3927                    <div class="short">Fires just before the field blurs if the field value has changed.
3928
3929                 </div>
3930
3931                     <div class="long">
3932
3933                         Fires just before the field blurs if the field value has changed.
3934
3935
3936
3937
3938
3939                                 <dl class="detailList">
3940                                 <dt class="heading">Parameters:</dt>
3941
3942                                         <dt>
3943                                                 <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>
3944
3945                                         </dt>
3946                                         <dd></dd>
3947
3948                                         <dt>
3949                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
3950
3951                                         </dt>
3952                                         <dd>The new value</dd>
3953
3954                                         <dt>
3955                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
3956
3957                                         </dt>
3958                                         <dd>The original value</dd>
3959
3960                                 </dl>
3961
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971
3972                     </div>
3973                 </div>
3974
3975             </td>
3976             <td class="msource">
3977                 Roo.bootstrap.Input
3978             </td>
3979         </tr>
3980
3981           <tr class="method-row expandable config-row-alt0">
3982             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3983
3984             <td class="sig">
3985                 <a id="Roo.Component-event-*destroy"></a>
3986
3987                <div class="fixedFont">
3988                 <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>)
3989
3990                 </div>
3991
3992                 <div class="mdesc">
3993
3994                    <div class="short">Fires after the component is destroyed.
3995
3996                 </div>
3997
3998                     <div class="long">
3999
4000                         Fires after the component is destroyed.
4001
4002
4003
4004
4005
4006                                 <dl class="detailList">
4007                                 <dt class="heading">Parameters:</dt>
4008
4009                                         <dt>
4010                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4011
4012                                         </dt>
4013                                         <dd></dd>
4014
4015                                 </dl>
4016
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027                     </div>
4028                 </div>
4029
4030             </td>
4031             <td class="msource">
4032                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4033             </td>
4034         </tr>
4035
4036           <tr class="method-row expandable config-row-alt1">
4037             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4038
4039             <td class="sig">
4040                 <a id="Roo.Component-event-*disable"></a>
4041
4042                <div class="fixedFont">
4043                 <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>)
4044
4045                 </div>
4046
4047                 <div class="mdesc">
4048
4049                    <div class="short">Fires after the component is disabled.
4050
4051                 </div>
4052
4053                     <div class="long">
4054
4055                         Fires after the component is disabled.
4056
4057
4058
4059
4060
4061                                 <dl class="detailList">
4062                                 <dt class="heading">Parameters:</dt>
4063
4064                                         <dt>
4065                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4066
4067                                         </dt>
4068                                         <dd></dd>
4069
4070                                 </dl>
4071
4072
4073
4074
4075
4076
4077
4078
4079
4080
4081
4082                     </div>
4083                 </div>
4084
4085             </td>
4086             <td class="msource">
4087                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4088             </td>
4089         </tr>
4090
4091           <tr class="method-row expandable config-row-alt0">
4092             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4093
4094             <td class="sig">
4095                 <a id="Roo.Component-event-*enable"></a>
4096
4097                <div class="fixedFont">
4098                 <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>)
4099
4100                 </div>
4101
4102                 <div class="mdesc">
4103
4104                    <div class="short">Fires after the component is enabled.
4105
4106                 </div>
4107
4108                     <div class="long">
4109
4110                         Fires after the component is enabled.
4111
4112
4113
4114
4115
4116                                 <dl class="detailList">
4117                                 <dt class="heading">Parameters:</dt>
4118
4119                                         <dt>
4120                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4121
4122                                         </dt>
4123                                         <dd></dd>
4124
4125                                 </dl>
4126
4127
4128
4129
4130
4131
4132
4133
4134
4135
4136
4137                     </div>
4138                 </div>
4139
4140             </td>
4141             <td class="msource">
4142                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4143             </td>
4144         </tr>
4145
4146           <tr class="method-row expandable config-row-alt1 notInherited">
4147             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4148
4149             <td class="sig">
4150                 <a id="Roo.bootstrap.Input-event-*focus"></a>
4151
4152                <div class="fixedFont">
4153                 <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>)
4154
4155                 </div>
4156
4157                 <div class="mdesc">
4158
4159                    <div class="short">Fires when this field receives input focus.
4160
4161                 </div>
4162
4163                     <div class="long">
4164
4165                         Fires when this field receives input focus.
4166
4167
4168
4169
4170
4171                                 <dl class="detailList">
4172                                 <dt class="heading">Parameters:</dt>
4173
4174                                         <dt>
4175                                                 <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>
4176
4177                                         </dt>
4178                                         <dd></dd>
4179
4180                                 </dl>
4181
4182
4183
4184
4185
4186
4187
4188
4189
4190
4191
4192                     </div>
4193                 </div>
4194
4195             </td>
4196             <td class="msource">
4197                 Roo.bootstrap.Input
4198             </td>
4199         </tr>
4200
4201           <tr class="method-row expandable config-row-alt0">
4202             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4203
4204             <td class="sig">
4205                 <a id="Roo.Component-event-*hide"></a>
4206
4207                <div class="fixedFont">
4208                 <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>)
4209
4210                 </div>
4211
4212                 <div class="mdesc">
4213
4214                    <div class="short">Fires after the component is hidden.
4215
4216                 </div>
4217
4218                     <div class="long">
4219
4220                         Fires after the component is hidden.
4221
4222
4223
4224
4225
4226                                 <dl class="detailList">
4227                                 <dt class="heading">Parameters:</dt>
4228
4229                                         <dt>
4230                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4231
4232                                         </dt>
4233                                         <dd></dd>
4234
4235                                 </dl>
4236
4237
4238
4239
4240
4241
4242
4243
4244
4245
4246
4247                     </div>
4248                 </div>
4249
4250             </td>
4251             <td class="msource">
4252                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4253             </td>
4254         </tr>
4255
4256           <tr class="method-row expandable config-row-alt1 notInherited">
4257             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4258
4259             <td class="sig">
4260                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
4261
4262                <div class="fixedFont">
4263                 <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>)
4264
4265                 </div>
4266
4267                 <div class="mdesc">
4268
4269                    <div class="short">Fires after the field has been marked as invalid.
4270
4271                 </div>
4272
4273                     <div class="long">
4274
4275                         Fires after the field has been marked as invalid.
4276
4277
4278
4279
4280
4281                                 <dl class="detailList">
4282                                 <dt class="heading">Parameters:</dt>
4283
4284                                         <dt>
4285                                                 <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>
4286
4287                                         </dt>
4288                                         <dd></dd>
4289
4290                                         <dt>
4291                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
4292
4293                                         </dt>
4294                                         <dd>The validation message</dd>
4295
4296                                 </dl>
4297
4298
4299
4300
4301
4302
4303
4304
4305
4306
4307
4308                     </div>
4309                 </div>
4310
4311             </td>
4312             <td class="msource">
4313                 Roo.bootstrap.Input
4314             </td>
4315         </tr>
4316
4317           <tr class="method-row expandable config-row-alt0 notInherited">
4318             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4319
4320             <td class="sig">
4321                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
4322
4323                <div class="fixedFont">
4324                 <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>)
4325
4326                 </div>
4327
4328                 <div class="mdesc">
4329
4330                    <div class="short">Fires after the key up
4331
4332                 </div>
4333
4334                     <div class="long">
4335
4336                         Fires after the key up
4337
4338
4339
4340
4341
4342                                 <dl class="detailList">
4343                                 <dt class="heading">Parameters:</dt>
4344
4345                                         <dt>
4346                                                 <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>
4347
4348                                         </dt>
4349                                         <dd></dd>
4350
4351                                         <dt>
4352                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4353
4354                                         </dt>
4355                                         <dd>The event Object</dd>
4356
4357                                 </dl>
4358
4359
4360
4361
4362
4363
4364
4365
4366
4367
4368
4369                     </div>
4370                 </div>
4371
4372             </td>
4373             <td class="msource">
4374                 Roo.bootstrap.Input
4375             </td>
4376         </tr>
4377
4378           <tr class="method-row expandable config-row-alt1">
4379             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4380
4381             <td class="sig">
4382                 <a id="Roo.Component-event-*render"></a>
4383
4384                <div class="fixedFont">
4385                 <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>)
4386
4387                 </div>
4388
4389                 <div class="mdesc">
4390
4391                    <div class="short">Fires after the component is rendered.
4392
4393                 </div>
4394
4395                     <div class="long">
4396
4397                         Fires after the component is rendered.
4398
4399
4400
4401
4402
4403                                 <dl class="detailList">
4404                                 <dt class="heading">Parameters:</dt>
4405
4406                                         <dt>
4407                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4408
4409                                         </dt>
4410                                         <dd></dd>
4411
4412                                 </dl>
4413
4414
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424                     </div>
4425                 </div>
4426
4427             </td>
4428             <td class="msource">
4429                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4430             </td>
4431         </tr>
4432
4433           <tr class="method-row expandable config-row-alt0">
4434             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4435
4436             <td class="sig">
4437                 <a id="Roo.Component-event-*show"></a>
4438
4439                <div class="fixedFont">
4440                 <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>)
4441
4442                 </div>
4443
4444                 <div class="mdesc">
4445
4446                    <div class="short">Fires after the component is shown.
4447
4448                 </div>
4449
4450                     <div class="long">
4451
4452                         Fires after the component is shown.
4453
4454
4455
4456
4457
4458                                 <dl class="detailList">
4459                                 <dt class="heading">Parameters:</dt>
4460
4461                                         <dt>
4462                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4463
4464                                         </dt>
4465                                         <dd></dd>
4466
4467                                 </dl>
4468
4469
4470
4471
4472
4473
4474
4475
4476
4477
4478
4479                     </div>
4480                 </div>
4481
4482             </td>
4483             <td class="msource">
4484                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4485             </td>
4486         </tr>
4487
4488           <tr class="method-row expandable config-row-alt1 notInherited">
4489             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4490
4491             <td class="sig">
4492                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
4493
4494                <div class="fixedFont">
4495                 <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>)
4496
4497                 </div>
4498
4499                 <div class="mdesc">
4500
4501                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
4502
4503                 </div>
4504
4505                     <div class="long">
4506
4507                         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.
4508
4509
4510
4511
4512
4513                                 <dl class="detailList">
4514                                 <dt class="heading">Parameters:</dt>
4515
4516                                         <dt>
4517                                                 <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>
4518
4519                                         </dt>
4520                                         <dd></dd>
4521
4522                                         <dt>
4523                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4524
4525                                         </dt>
4526                                         <dd>The event object</dd>
4527
4528                                 </dl>
4529
4530
4531
4532
4533
4534
4535
4536
4537
4538
4539
4540                     </div>
4541                 </div>
4542
4543             </td>
4544             <td class="msource">
4545                 Roo.bootstrap.Input
4546             </td>
4547         </tr>
4548
4549           <tr class="method-row expandable config-row-alt0 notInherited">
4550             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4551
4552             <td class="sig">
4553                 <a id="Roo.bootstrap.Input-event-*valid"></a>
4554
4555                <div class="fixedFont">
4556                 <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>)
4557
4558                 </div>
4559
4560                 <div class="mdesc">
4561
4562                    <div class="short">Fires after the field has been validated with no errors.
4563
4564                 </div>
4565
4566                     <div class="long">
4567
4568                         Fires after the field has been validated with no errors.
4569
4570
4571
4572
4573
4574                                 <dl class="detailList">
4575                                 <dt class="heading">Parameters:</dt>
4576
4577                                         <dt>
4578                                                 <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>
4579
4580                                         </dt>
4581                                         <dd></dd>
4582
4583                                 </dl>
4584
4585
4586
4587
4588
4589
4590
4591
4592
4593
4594
4595                     </div>
4596                 </div>
4597
4598             </td>
4599             <td class="msource">
4600                 Roo.bootstrap.Input
4601             </td>
4602         </tr>
4603
4604
4605     </table>
4606
4607
4608
4609
4610
4611 <!-- ============================== footer ================================= -->
4612                 <div class="fineprint" style="clear:both">
4613
4614                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 24 2014 16:32:55 GMT+0800 (HKT)
4615                         Based on
4616                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
4617                 </div>
4618         </body>
4619 </html>