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