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