git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.Input.html

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