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 notInherited">
 494                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 495                     <td class="sig">
 496
 497                         <a id="Roo.bootstrap.NumberField-cfg-castInt" name=".castInt"></a>
 498                         <div class="fixedFont">
 499                                 <b  class="itemname">castInt</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 500
 501
 502                         </div>
 503
 504                         <div class="mdesc">
 505                             <div class="short">cast int if true (defalut true)</div>
 506                         </div>
 507
 508                         <div class="mdesc">
 509                             <div class="long">
 510                     cast int if true (defalut true)
 511                     <BR/>Possible Values: true, false
 512                 </div>
 513                         </div>
 514
 515
 516
 517                     </td>
 518                     <td class="msource">
 519
 520                         Roo.bootstrap.NumberField
 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-cls" name=".cls"></a>
 531                         <div class="fixedFont">
 532                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 533
 534
 535                         </div>
 536
 537                         <div class="mdesc">
 538                             <div class="short">css class</div>
 539                         </div>
 540
 541                         <div class="mdesc">
 542                             <div class="long">
 543                     css class
 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-container_method" name=".container_method"></a>
 564                         <div class="fixedFont">
 565                                 <b  class="itemname">container_method</b> : string
 566
 567
 568                         </div>
 569
 570                         <div class="mdesc">
 571                             <div class="short">method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)</div>
 572                         </div>
 573
 574                         <div class="mdesc">
 575                             <div class="long">
 576                     method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)
 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">
 593                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 594                     <td class="sig">
 595
 596                         <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
 597                         <div class="fixedFont">
 598                                 <b  class="itemname">dataId</b> : string
 599
 600
 601                         </div>
 602
 603                         <div class="mdesc">
 604                             <div class="short">cutomer id</div>
 605                         </div>
 606
 607                         <div class="mdesc">
 608                             <div class="long">
 609                     cutomer id
 610
 611                 </div>
 612                         </div>
 613
 614
 615
 616                     </td>
 617                     <td class="msource">
 618
 619                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
 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-decimalPrecision" name=".decimalPrecision"></a>
 630                         <div class="fixedFont">
 631                                 <b  class="itemname">decimalPrecision</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 632
 633
 634                         </div>
 635
 636                         <div class="mdesc">
 637                             <div class="short">The maximum precision to display after the decimal separator (defaults to 2)</div>
 638                         </div>
 639
 640                         <div class="mdesc">
 641                             <div class="long">
 642                     The maximum precision to display after the decimal separator (defaults to 2)
 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 notInherited">
 659                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 660                     <td class="sig">
 661
 662                         <a id="Roo.bootstrap.NumberField-cfg-decimalSeparator" name=".decimalSeparator"></a>
 663                         <div class="fixedFont">
 664                                 <b  class="itemname">decimalSeparator</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">Character(s) to allow as the decimal separator (defaults to '.</div>
 671                         </div>
 672
 673                         <div class="mdesc">
 674                             <div class="long">
 675                     Character(s) to allow as the decimal separator (defaults to '.')
 676
 677                 </div>
 678                         </div>
 679
 680
 681
 682                     </td>
 683                     <td class="msource">
 684
 685                         Roo.bootstrap.NumberField
 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.Component-cfg-disableClass" name=".disableClass"></a>
 696                         <div class="fixedFont">
 697                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 698
 699
 700                         </div>
 701
 702                         <div class="mdesc">
 703                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 704                         </div>
 705
 706                         <div class="mdesc">
 707                             <div class="long">
 708                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 709
 710                 </div>
 711                         </div>
 712
 713
 714
 715                     </td>
 716                     <td class="msource">
 717
 718                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-disableKeyFilter" name=".disableKeyFilter"></a>
 729                         <div class="fixedFont">
 730                                 <b  class="itemname">disableKeyFilter</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">True to disable input keystroke filtering (defaults to false)</div>
 737                         </div>
 738
 739                         <div class="mdesc">
 740                             <div class="long">
 741                     True to disable input keystroke filtering (defaults to false)
 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-disabled" name=".disabled"></a>
 762                         <div class="fixedFont">
 763                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 764
 765
 766                         </div>
 767
 768                         <div class="mdesc">
 769                             <div class="short">is it disabled</div>
 770                         </div>
 771
 772                         <div class="mdesc">
 773                             <div class="long">
 774                     is it disabled
 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-fieldLabel" name=".fieldLabel"></a>
 795                         <div class="fixedFont">
 796                                 <b  class="itemname">fieldLabel</b> : string
 797
 798
 799                         </div>
 800
 801                         <div class="mdesc">
 802                             <div class="short">- the label associated</div>
 803                         </div>
 804
 805                         <div class="mdesc">
 806                             <div class="long">
 807                     - the label associated
 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-focusClass" name=".focusClass"></a>
 828                         <div class="fixedFont">
 829                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 830
 831
 832                         </div>
 833
 834                         <div class="mdesc">
 835                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 836                         </div>
 837
 838                         <div class="mdesc">
 839                             <div class="long">
 840                     The CSS class to use when the field receives focus (defaults to "x-form-focus")
 841
 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-forceFeedback" name=".forceFeedback"></a>
 861                         <div class="fixedFont">
 862                                 <b  class="itemname">forceFeedback</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 false</div>
 869                         </div>
 870
 871                         <div class="mdesc">
 872                             <div class="long">
 873                     Default false
 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.bootstrap.Input-cfg-hasFeedback" name=".hasFeedback"></a>
 894                         <div class="fixedFont">
 895                                 <b  class="itemname">hasFeedback</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 896
 897
 898                         </div>
 899
 900                         <div class="mdesc">
 901                             <div class="short">default true</div>
 902                         </div>
 903
 904                         <div class="mdesc">
 905                             <div class="long">
 906                     default true
 907                     <BR/>Possible Values: true, false
 908                 </div>
 909                         </div>
 910
 911
 912
 913                     </td>
 914                     <td class="msource">
 915
 916                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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.Component-cfg-hideMode" name=".hideMode"></a>
 927                         <div class="fixedFont">
 928                                 <b  class="itemname">hideMode</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">How this component should hidden.</div>
 935                         </div>
 936
 937                         <div class="mdesc">
 938                             <div class="long">
 939                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
 940                     <BR/>Possible Values: display, visibility
 941                 </div>
 942                         </div>
 943
 944
 945
 946                     </td>
 947                     <td class="msource">
 948
 949                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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-indicatorpos" name=".indicatorpos"></a>
 960                         <div class="fixedFont">
 961                                 <b  class="itemname">indicatorpos</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">default left</div>
 968                         </div>
 969
 970                         <div class="mdesc">
 971                             <div class="long">
 972                     default left
 973                     <BR/>Possible Values: left, right
 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-inputType" name=".inputType"></a>
 993                         <div class="fixedFont">
 994                                 <b  class="itemname">inputType</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">button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text</div>
1001                         </div>
1002
1003                         <div class="mdesc">
1004                             <div class="long">
1005                     button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text
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-invalidClass" name=".invalidClass"></a>
1026                         <div class="fixedFont">
1027                                 <b  class="itemname">invalidClass</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 marking a field invalid (defaults to "x-form-invalid")</div>
1034                         </div>
1035
1036                         <div class="mdesc">
1037                             <div class="long">
1038                     The CSS class to use when marking a field invalid (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-invalidFeedbackIcon" name=".invalidFeedbackIcon"></a>
1059                         <div class="fixedFont">
1060                                 <b  class="itemname">invalidFeedbackIcon</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">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
1067                         </div>
1068
1069                         <div class="mdesc">
1070                             <div class="long">
1071                     The CSS class to use when create feedback icon (defaults to "x-form-invalid")
1072
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-labelAlign" name=".labelAlign"></a>
1092                         <div class="fixedFont">
1093                                 <b  class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1094
1095
1096                         </div>
1097
1098                         <div class="mdesc">
1099                             <div class="short"></div>
1100                         </div>
1101
1102                         <div class="mdesc">
1103                             <div class="long">
1104
1105                     <BR/>Possible Values: top, left
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-labelWidth" name=".labelWidth"></a>
1125                         <div class="fixedFont">
1126                                 <b  class="itemname">labelWidth</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">set the width of label (0-12)</div>
1133                         </div>
1134
1135                         <div class="mdesc">
1136                             <div class="long">
1137                     set the width of label (0-12)
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.bootstrap.Input-cfg-lg" name=".lg"></a>
1158                         <div class="fixedFont">
1159                                 <b  class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1160
1161
1162                         </div>
1163
1164                         <div class="mdesc">
1165                             <div class="short">colspan out of 12 for large computer-sized screens</div>
1166                         </div>
1167
1168                         <div class="mdesc">
1169                             <div class="long">
1170                     colspan out of 12 for large computer-sized screens
1171
1172                 </div>
1173                         </div>
1174
1175
1176
1177                     </td>
1178                     <td class="msource">
1179
1180                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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.util.Observable-cfg-listeners" name=".listeners"></a>
1191                         <div class="fixedFont">
1192                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1193
1194
1195                         </div>
1196
1197                         <div class="mdesc">
1198                             <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>
1199                         </div>
1200
1201                         <div class="mdesc">
1202                             <div class="long">
1203                     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>
1204
1205                 </div>
1206                         </div>
1207
1208
1209
1210                     </td>
1211                     <td class="msource">
1212
1213                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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-maskRe" name=".maskRe"></a>
1224                         <div class="fixedFont">
1225                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1226
1227
1228                         </div>
1229
1230                         <div class="mdesc">
1231                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1232                         </div>
1233
1234                         <div class="mdesc">
1235                             <div class="long">
1236                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
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-maxLength" name=".maxLength"></a>
1257                         <div class="fixedFont">
1258                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1259
1260
1261                         </div>
1262
1263                         <div class="mdesc">
1264                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1265                         </div>
1266
1267                         <div class="mdesc">
1268                             <div class="long">
1269                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
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">
1286                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1287                     <td class="sig">
1288
1289                         <a id="Roo.bootstrap.Input-cfg-maxLengthText" name=".maxLengthText"></a>
1290                         <div class="fixedFont">
1291                                 <b  class="itemname">maxLengthText</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 length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1298                         </div>
1299
1300                         <div class="mdesc">
1301                             <div class="long">
1302                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
1303
1304                 </div>
1305                         </div>
1306
1307
1308
1309                     </td>
1310                     <td class="msource">
1311
1312                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
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-maxText" name=".maxText"></a>
1323                         <div class="fixedFont">
1324                                 <b  class="itemname">maxText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1325
1326
1327                         </div>
1328
1329                         <div class="mdesc">
1330                             <div class="short">Error text to display if the maximum value validation fails (defaults to "The maximum value for this field is {maxValue}")</div>
1331                         </div>
1332
1333                         <div class="mdesc">
1334                             <div class="long">
1335                     Error text to display if the maximum value validation fails (defaults to "The maximum value for this field is {maxValue}")
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 notInherited">
1352                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1353                     <td class="sig">
1354
1355                         <a id="Roo.bootstrap.NumberField-cfg-maxValue" name=".maxValue"></a>
1356                         <div class="fixedFont">
1357                                 <b  class="itemname">maxValue</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">The maximum allowed value (defaults to Number.MAX_VALUE)</div>
1364                         </div>
1365
1366                         <div class="mdesc">
1367                             <div class="long">
1368                     The maximum allowed value (defaults to Number.MAX_VALUE)
1369
1370                 </div>
1371                         </div>
1372
1373
1374
1375                     </td>
1376                     <td class="msource">
1377
1378                         Roo.bootstrap.NumberField
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-md" name=".md"></a>
1389                         <div class="fixedFont">
1390                                 <b  class="itemname">md</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">colspan out of 12 for computer-sized screens</div>
1397                         </div>
1398
1399                         <div class="mdesc">
1400                             <div class="long">
1401                     colspan out of 12 for computer-sized screens
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-minLength" name=".minLength"></a>
1422                         <div class="fixedFont">
1423                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1424
1425
1426                         </div>
1427
1428                         <div class="mdesc">
1429                             <div class="short">Minimum input field length required (defaults to 0)</div>
1430                         </div>
1431
1432                         <div class="mdesc">
1433                             <div class="long">
1434                     Minimum input field length required (defaults to 0)
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">
1451                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1452                     <td class="sig">
1453
1454                         <a id="Roo.bootstrap.Input-cfg-minLengthText" name=".minLengthText"></a>
1455                         <div class="fixedFont">
1456                                 <b  class="itemname">minLengthText</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 length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1463                         </div>
1464
1465                         <div class="mdesc">
1466                             <div class="long">
1467                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
1468
1469                 </div>
1470                         </div>
1471
1472
1473
1474                     </td>
1475                     <td class="msource">
1476
1477                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
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-minText" name=".minText"></a>
1488                         <div class="fixedFont">
1489                                 <b  class="itemname">minText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1490
1491
1492                         </div>
1493
1494                         <div class="mdesc">
1495                             <div class="short">Error text to display if the minimum value validation fails (defaults to "The minimum value for this field is {minValue}")</div>
1496                         </div>
1497
1498                         <div class="mdesc">
1499                             <div class="long">
1500                     Error text to display if the minimum value validation fails (defaults to "The minimum value for this field is {minValue}")
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 notInherited">
1517                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1518                     <td class="sig">
1519
1520                         <a id="Roo.bootstrap.NumberField-cfg-minValue" name=".minValue"></a>
1521                         <div class="fixedFont">
1522                                 <b  class="itemname">minValue</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1523
1524
1525                         </div>
1526
1527                         <div class="mdesc">
1528                             <div class="short">The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)</div>
1529                         </div>
1530
1531                         <div class="mdesc">
1532                             <div class="long">
1533                     The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)
1534
1535                 </div>
1536                         </div>
1537
1538
1539
1540                     </td>
1541                     <td class="msource">
1542
1543                         Roo.bootstrap.NumberField
1544
1545                     </td>
1546                 </tr>
1547
1548
1549                 <tr class="config-row expandable config-row-alt1">
1550                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1551                     <td class="sig">
1552
1553                         <a id="Roo.bootstrap.Input-cfg-name" name=".name"></a>
1554                         <div class="fixedFont">
1555                                 <b  class="itemname">name</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">name of the input</div>
1562                         </div>
1563
1564                         <div class="mdesc">
1565                             <div class="long">
1566                     name of the input
1567
1568                 </div>
1569                         </div>
1570
1571
1572
1573                     </td>
1574                     <td class="msource">
1575
1576                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
1577
1578                     </td>
1579                 </tr>
1580
1581
1582                 <tr class="config-row expandable config-row-alt0 notInherited">
1583                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1584                     <td class="sig">
1585
1586                         <a id="Roo.bootstrap.NumberField-cfg-nanText" name=".nanText"></a>
1587                         <div class="fixedFont">
1588                                 <b  class="itemname">nanText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1589
1590
1591                         </div>
1592
1593                         <div class="mdesc">
1594                             <div class="short">Error text to display if the value is not a valid number.</div>
1595                         </div>
1596
1597                         <div class="mdesc">
1598                             <div class="long">
1599                     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")
1600
1601                 </div>
1602                         </div>
1603
1604
1605
1606                     </td>
1607                     <td class="msource">
1608
1609                         Roo.bootstrap.NumberField
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-placeholder" name=".placeholder"></a>
1620                         <div class="fixedFont">
1621                                 <b  class="itemname">placeholder</b> : string
1622
1623
1624                         </div>
1625
1626                         <div class="mdesc">
1627                             <div class="short">- placeholder to put in text.</div>
1628                         </div>
1629
1630                         <div class="mdesc">
1631                             <div class="long">
1632                     - placeholder to put in text.
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-readOnly" name=".readOnly"></a>
1653                         <div class="fixedFont">
1654                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1655
1656
1657                         </div>
1658
1659                         <div class="mdesc">
1660                             <div class="short">Specifies that the field should be read-only</div>
1661                         </div>
1662
1663                         <div class="mdesc">
1664                             <div class="long">
1665                     Specifies that the field should be read-only
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-regex" name=".regex"></a>
1686                         <div class="fixedFont">
1687                                 <b  class="itemname">regex</b> : RegExp
1688
1689
1690                         </div>
1691
1692                         <div class="mdesc">
1693                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1694                         </div>
1695
1696                         <div class="mdesc">
1697                             <div class="long">
1698                     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>}.
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-regexText" name=".regexText"></a>
1719                         <div class="fixedFont">
1720                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1721
1722
1723                         </div>
1724
1725                         <div class="mdesc">
1726                             <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>
1727                         </div>
1728
1729                         <div class="mdesc">
1730                             <div class="long">
1731                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
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-selectOnFocus" name=".selectOnFocus"></a>
1752                         <div class="fixedFont">
1753                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1754
1755
1756                         </div>
1757
1758                         <div class="mdesc">
1759                             <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
1760                         </div>
1761
1762                         <div class="mdesc">
1763                             <div class="long">
1764                     True to automatically select any existing field text when the field receives input focus (defaults to false)
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-size" name=".size"></a>
1785                         <div class="fixedFont">
1786                                 <b  class="itemname">size</b> : string
1787
1788
1789                         </div>
1790
1791                         <div class="mdesc">
1792                             <div class="short">- (lg|sm) or leave empty.</div>
1793                         </div>
1794
1795                         <div class="mdesc">
1796                             <div class="long">
1797                     - (lg|sm) or leave empty..
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.Input-cfg-sm" name=".sm"></a>
1818                         <div class="fixedFont">
1819                                 <b  class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1820
1821
1822                         </div>
1823
1824                         <div class="mdesc">
1825                             <div class="short">colspan out of 12 for tablet-sized screens</div>
1826                         </div>
1827
1828                         <div class="mdesc">
1829                             <div class="long">
1830                     colspan out of 12 for tablet-sized screens
1831
1832                 </div>
1833                         </div>
1834
1835
1836
1837                     </td>
1838                     <td class="msource">
1839
1840                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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-style" name=".style"></a>
1851                         <div class="fixedFont">
1852                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1853
1854
1855                         </div>
1856
1857                         <div class="mdesc">
1858                             <div class="short">any extra css</div>
1859                         </div>
1860
1861                         <div class="mdesc">
1862                             <div class="long">
1863                     any extra css
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.Component-cfg-tooltip" name=".tooltip"></a>
1884                         <div class="fixedFont">
1885                                 <b  class="itemname">tooltip</b> : string
1886
1887
1888                         </div>
1889
1890                         <div class="mdesc">
1891                             <div class="short">Text for the tooltip</div>
1892                         </div>
1893
1894                         <div class="mdesc">
1895                             <div class="long">
1896                     Text for the tooltip
1897
1898                 </div>
1899                         </div>
1900
1901
1902
1903                     </td>
1904                     <td class="msource">
1905
1906                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</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-validClass" name=".validClass"></a>
1917                         <div class="fixedFont">
1918                                 <b  class="itemname">validClass</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 marking a field valid (defaults to "x-form-invalid")</div>
1925                         </div>
1926
1927                         <div class="mdesc">
1928                             <div class="long">
1929                     The CSS class to use when marking a field valid (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-validFeedbackIcon" name=".validFeedbackIcon"></a>
1950                         <div class="fixedFont">
1951                                 <b  class="itemname">validFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1952
1953
1954                         </div>
1955
1956                         <div class="mdesc">
1957                             <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
1958                         </div>
1959
1960                         <div class="mdesc">
1961                             <div class="long">
1962                     The CSS class to use when create feedback icon (defaults to "x-form-invalid")
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-validateOnBlur" name=".validateOnBlur"></a>
1983                         <div class="fixedFont">
1984                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1985
1986
1987                         </div>
1988
1989                         <div class="mdesc">
1990                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
1991                         </div>
1992
1993                         <div class="mdesc">
1994                             <div class="long">
1995                     Whether the field should validate when it loses focus (defaults to true).
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-validationDelay" name=".validationDelay"></a>
2016                         <div class="fixedFont">
2017                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2018
2019
2020                         </div>
2021
2022                         <div class="mdesc">
2023                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
2024                         </div>
2025
2026                         <div class="mdesc">
2027                             <div class="long">
2028                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
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-validationEvent" name=".validationEvent"></a>
2049                         <div class="fixedFont">
2050                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
2051
2052
2053                         </div>
2054
2055                         <div class="mdesc">
2056                             <div class="short">The event that should initiate field validation.</div>
2057                         </div>
2058
2059                         <div class="mdesc">
2060                             <div class="long">
2061                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
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-validator" name=".validator"></a>
2082                         <div class="fixedFont">
2083                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
2084
2085
2086                         </div>
2087
2088                         <div class="mdesc">
2089                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
2090                         </div>
2091
2092                         <div class="mdesc">
2093                             <div class="long">
2094                     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.
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-value" name=".value"></a>
2115                         <div class="fixedFont">
2116                                 <b  class="itemname">value</b> : string
2117
2118
2119                         </div>
2120
2121                         <div class="mdesc">
2122                             <div class="short">default value of the input</div>
2123                         </div>
2124
2125                         <div class="mdesc">
2126                             <div class="long">
2127                     default value of the input
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.Input-cfg-vtype" name=".vtype"></a>
2148                         <div class="fixedFont">
2149                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2150
2151
2152                         </div>
2153
2154                         <div class="mdesc">
2155                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
2156                         </div>
2157
2158                         <div class="mdesc">
2159                             <div class="long">
2160                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
2161
2162                 </div>
2163                         </div>
2164
2165
2166
2167                     </td>
2168                     <td class="msource">
2169
2170                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</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.Component-cfg-xattr" name=".xattr"></a>
2181                         <div class="fixedFont">
2182                                 <b  class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2183
2184
2185                         </div>
2186
2187                         <div class="mdesc">
2188                             <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
2189                         </div>
2190
2191                         <div class="mdesc">
2192                             <div class="long">
2193                     extra attributes to add to 'element' (used by builder to store stuff.)
2194
2195                 </div>
2196                         </div>
2197
2198
2199
2200                     </td>
2201                     <td class="msource">
2202
2203                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2204
2205                     </td>
2206                 </tr>
2207
2208
2209                 <tr class="config-row expandable config-row-alt1">
2210                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2211                     <td class="sig">
2212
2213                         <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
2214                         <div class="fixedFont">
2215                                 <b  class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2216
2217
2218                         </div>
2219
2220                         <div class="mdesc">
2221                             <div class="short">colspan out of 12 for mobile-sized screens</div>
2222                         </div>
2223
2224                         <div class="mdesc">
2225                             <div class="long">
2226                     colspan out of 12 for mobile-sized screens
2227
2228                 </div>
2229                         </div>
2230
2231
2232
2233                     </td>
2234                     <td class="msource">
2235
2236                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2237
2238                     </td>
2239                 </tr>
2240
2241
2242     </table>
2243
2244
2245
2246
2247
2248
2249
2250
2251
2252   <!-- ============================== public properties ==================== -->
2253
2254
2255
2256     <a id="Roo.bootstrap.NumberField-props"></a>
2257
2258
2259
2260
2261
2262      <table cellspacing="0" class="member-table">
2263       <caption class="Empty">Public Properties - Has None</caption>
2264      </table>
2265
2266
2267
2268
2269   <!-- ============================== methods summary / details ======================== -->
2270
2271
2272   <a id="Roo.bootstrap.NumberField-methods"></a>
2273         <!-- constructor?? -->
2274
2275         <!-- static's first
2276
2277
2278         -->
2279
2280         <!-- then dynamics first -->
2281
2282
2283
2284
2285
2286
2287       <table cellspacing="0" class="member-table">
2288       <caption>Public Methods</caption>
2289         <tr>
2290             <th class="sig-header" colspan="2">Method</th>
2291             <th class="msource-header">Defined By</th>
2292
2293         </tr>
2294
2295
2296
2297
2298
2299
2300
2301           <tr class="method-row config-row-alt0 expandable notInherited">
2302             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2303
2304
2305             <td class="sig">
2306                 <a id="Roo.bootstrap-method-NumberField"   name=".NumberField"></a>
2307                 <div class="fixedFont">
2308                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">NumberField</b>
2309
2310                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2311
2312
2313
2314                 </div>
2315                 <div class="mdesc">
2316
2317
2318                         <div class="short">Create a new Roo.bootstrap.NumberField</div>
2319
2320
2321                     <div class="long">
2322
2323
2324
2325                                 Create a new Roo.bootstrap.NumberField
2326
2327
2328                                 <dl class="detailList">
2329                                 <dt class="heading">Parameters:</dt>
2330
2331                                         <dt>
2332                                                 <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>
2333
2334                                         </dt>
2335                                         <dd>The config object</dd>
2336
2337                                 </dl>
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349                     </div>
2350                 </div>
2351
2352             </td>
2353             <td class="msource">
2354                 &nbsp;
2355             </td>
2356         </tr>
2357
2358
2359           <tr class="method-row config-row-alt1 expandable">
2360             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2361
2362
2363             <td class="sig">
2364                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2365                 <div class="fixedFont">
2366                         <span class="attributes"></span><b class="itemname">addEvents</b>
2367
2368                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2369
2370
2371
2372                 </div>
2373                 <div class="mdesc">
2374
2375                    <div class="short">Used to define events on this Observable</div>
2376
2377
2378
2379                     <div class="long">
2380
2381                                 Used to define events on this Observable
2382
2383
2384
2385
2386
2387
2388                                 <dl class="detailList">
2389                                 <dt class="heading">Parameters:</dt>
2390
2391                                         <dt>
2392                                                 <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>
2393
2394                                         </dt>
2395                                         <dd>The object with the events defined</dd>
2396
2397                                 </dl>
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407
2408
2409                     </div>
2410                 </div>
2411
2412             </td>
2413             <td class="msource">
2414
2415                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2416                 &nbsp;
2417             </td>
2418         </tr>
2419
2420
2421           <tr class="method-row config-row-alt0 expandable">
2422             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2423
2424
2425             <td class="sig">
2426                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2427                 <div class="fixedFont">
2428                         <span class="attributes"></span><b class="itemname">addListener</b>
2429
2430                                  (<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>)
2431
2432
2433
2434                 </div>
2435                 <div class="mdesc">
2436
2437                    <div class="short">Appends an event handler to this component</div>
2438
2439
2440
2441                     <div class="long">
2442
2443                                 Appends an event handler to this component
2444
2445
2446
2447
2448
2449
2450                                 <dl class="detailList">
2451                                 <dt class="heading">Parameters:</dt>
2452
2453                                         <dt>
2454                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2455
2456                                         </dt>
2457                                         <dd>The type of event to listen for</dd>
2458
2459                                         <dt>
2460                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2461
2462                                         </dt>
2463                                         <dd>The method the event invokes</dd>
2464
2465                                         <dt>
2466                                                 <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>
2467
2468                                         </dt>
2469                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2470
2471                                         <dt>
2472                                                 <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>
2473
2474                                         </dt>
2475                                         <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>
2476
2477                                 </dl>
2478
2479
2480
2481
2482
2483
2484
2485
2486
2487
2488
2489                     </div>
2490                 </div>
2491
2492             </td>
2493             <td class="msource">
2494
2495                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2496                 &nbsp;
2497             </td>
2498         </tr>
2499
2500
2501           <tr class="method-row config-row-alt1 expandable">
2502             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2503
2504
2505             <td class="sig">
2506                 <a id="Roo.bootstrap.Input-method-clearInvalid"   name=".clearInvalid"></a>
2507                 <div class="fixedFont">
2508                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
2509
2510                                  ()
2511
2512
2513
2514                 </div>
2515                 <div class="mdesc">
2516
2517                    <div class="short">Clear any invalid styles/messages for this field</div>
2518
2519
2520
2521                     <div class="long">
2522
2523                                 Clear any invalid styles/messages for this field
2524
2525
2526
2527
2528
2529
2530
2531
2532
2533
2534
2535
2536
2537
2538
2539
2540                     </div>
2541                 </div>
2542
2543             </td>
2544             <td class="msource">
2545
2546                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
2547                 &nbsp;
2548             </td>
2549         </tr>
2550
2551
2552           <tr class="method-row config-row-alt0 expandable">
2553             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2554
2555
2556             <td class="sig">
2557                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
2558                 <div class="fixedFont">
2559                         <span class="attributes"></span><b class="itemname">destroy</b>
2560
2561                                  ()
2562
2563
2564
2565                 </div>
2566                 <div class="mdesc">
2567
2568                    <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>
2569
2570
2571
2572                     <div class="long">
2573
2574                                 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}.
2575
2576
2577
2578
2579
2580
2581
2582
2583
2584
2585
2586
2587
2588
2589
2590
2591                     </div>
2592                 </div>
2593
2594             </td>
2595             <td class="msource">
2596
2597                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2598                 &nbsp;
2599             </td>
2600         </tr>
2601
2602
2603           <tr class="method-row config-row-alt1 expandable">
2604             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2605
2606
2607             <td class="sig">
2608                 <a id="Roo.Component-method-disable"   name=".disable"></a>
2609                 <div class="fixedFont">
2610                         <span class="attributes"></span><b class="itemname">disable</b>
2611
2612                                  ()
2613
2614
2615                                          :
2616
2617
2618                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2619
2620
2621
2622
2623
2624                 </div>
2625                 <div class="mdesc">
2626
2627                    <div class="short">Disable this component.</div>
2628
2629
2630
2631                     <div class="long">
2632
2633                                 Disable this component.
2634
2635
2636
2637
2638
2639
2640
2641
2642
2643
2644                                 <dl class="detailList">
2645                                 <dt class="heading">Returns:</dt>
2646
2647                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2648
2649                                 </dl>
2650
2651
2652
2653
2654
2655
2656
2657                     </div>
2658                 </div>
2659
2660             </td>
2661             <td class="msource">
2662
2663                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2664                 &nbsp;
2665             </td>
2666         </tr>
2667
2668
2669           <tr class="method-row config-row-alt0 expandable">
2670             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2671
2672
2673             <td class="sig">
2674                 <a id="Roo.Component-method-enable"   name=".enable"></a>
2675                 <div class="fixedFont">
2676                         <span class="attributes"></span><b class="itemname">enable</b>
2677
2678                                  ()
2679
2680
2681                                          :
2682
2683
2684                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2685
2686
2687
2688
2689
2690                 </div>
2691                 <div class="mdesc">
2692
2693                    <div class="short">Enable this component.</div>
2694
2695
2696
2697                     <div class="long">
2698
2699                                 Enable this component.
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710                                 <dl class="detailList">
2711                                 <dt class="heading">Returns:</dt>
2712
2713                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2714
2715                                 </dl>
2716
2717
2718
2719
2720
2721
2722
2723                     </div>
2724                 </div>
2725
2726             </td>
2727             <td class="msource">
2728
2729                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2730                 &nbsp;
2731             </td>
2732         </tr>
2733
2734
2735           <tr class="method-row config-row-alt1 expandable">
2736             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2737
2738
2739             <td class="sig">
2740                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
2741                 <div class="fixedFont">
2742                         <span class="attributes"></span><b class="itemname">fireEvent</b>
2743
2744                                  (<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>)
2745
2746
2747                                          :
2748
2749
2750                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2751
2752
2753
2754
2755
2756                 </div>
2757                 <div class="mdesc">
2758
2759                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
2760
2761
2762
2763                     <div class="long">
2764
2765                                 Fires the specified event with the passed parameters (minus the event name).
2766
2767
2768
2769
2770
2771
2772                                 <dl class="detailList">
2773                                 <dt class="heading">Parameters:</dt>
2774
2775                                         <dt>
2776                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2777
2778                                         </dt>
2779                                         <dd></dd>
2780
2781                                         <dt>
2782                                                 <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>
2783
2784                                         </dt>
2785                                         <dd>Variable number of parameters are passed to handlers</dd>
2786
2787                                 </dl>
2788
2789
2790
2791
2792
2793                                 <dl class="detailList">
2794                                 <dt class="heading">Returns:</dt>
2795
2796                                         <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>
2797
2798                                 </dl>
2799
2800
2801
2802
2803
2804
2805
2806                     </div>
2807                 </div>
2808
2809             </td>
2810             <td class="msource">
2811
2812                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2813                 &nbsp;
2814             </td>
2815         </tr>
2816
2817
2818           <tr class="method-row config-row-alt0 expandable">
2819             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2820
2821
2822             <td class="sig">
2823                 <a id="Roo.Component-method-focus"   name=".focus"></a>
2824                 <div class="fixedFont">
2825                         <span class="attributes"></span><b class="itemname">focus</b>
2826
2827                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
2828
2829
2830                                          :
2831
2832
2833                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2834
2835
2836
2837
2838
2839                 </div>
2840                 <div class="mdesc">
2841
2842                    <div class="short">Try to focus this component.</div>
2843
2844
2845
2846                     <div class="long">
2847
2848                                 Try to focus this component.
2849
2850
2851
2852
2853
2854
2855                                 <dl class="detailList">
2856                                 <dt class="heading">Parameters:</dt>
2857
2858                                         <dt>
2859                                                 <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>
2860
2861                                         </dt>
2862                                         <dd>True to also select the text in this component (if applicable)</dd>
2863
2864                                 </dl>
2865
2866
2867
2868
2869
2870                                 <dl class="detailList">
2871                                 <dt class="heading">Returns:</dt>
2872
2873                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2874
2875                                 </dl>
2876
2877
2878
2879
2880
2881
2882
2883                     </div>
2884                 </div>
2885
2886             </td>
2887             <td class="msource">
2888
2889                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2890                 &nbsp;
2891             </td>
2892         </tr>
2893
2894
2895           <tr class="method-row config-row-alt1 expandable">
2896             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2897
2898
2899             <td class="sig">
2900                 <a id="Roo.bootstrap.Component-method-getChildContainer"   name=".getChildContainer"></a>
2901                 <div class="fixedFont">
2902                         <span class="attributes"></span><b class="itemname">getChildContainer</b>
2903
2904                                  ()
2905
2906
2907                                          :
2908
2909
2910                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2911
2912
2913
2914
2915
2916                 </div>
2917                 <div class="mdesc">
2918
2919                    <div class="short">Fetch the element to add children to</div>
2920
2921
2922
2923                     <div class="long">
2924
2925                                 Fetch the element to add children to
2926
2927
2928
2929
2930
2931
2932
2933
2934
2935
2936                                 <dl class="detailList">
2937                                 <dt class="heading">Returns:</dt>
2938
2939                                         <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>
2940
2941                                 </dl>
2942
2943
2944
2945
2946
2947
2948
2949                     </div>
2950                 </div>
2951
2952             </td>
2953             <td class="msource">
2954
2955                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2956                 &nbsp;
2957             </td>
2958         </tr>
2959
2960
2961           <tr class="method-row config-row-alt0 expandable">
2962             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2963
2964
2965             <td class="sig">
2966                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
2967                 <div class="fixedFont">
2968                         <span class="attributes"></span><b class="itemname">getEl</b>
2969
2970                                  ()
2971
2972
2973                                          :
2974
2975
2976                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2977
2978
2979
2980
2981
2982                 </div>
2983                 <div class="mdesc">
2984
2985                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
2986
2987
2988
2989                     <div class="long">
2990
2991                                 Returns the underlying {<b>link</b> Roo.Element}.
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001
3002                                 <dl class="detailList">
3003                                 <dt class="heading">Returns:</dt>
3004
3005                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
3006
3007                                 </dl>
3008
3009
3010
3011
3012
3013
3014
3015                     </div>
3016                 </div>
3017
3018             </td>
3019             <td class="msource">
3020
3021                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3022                 &nbsp;
3023             </td>
3024         </tr>
3025
3026
3027           <tr class="method-row config-row-alt1 expandable">
3028             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3029
3030
3031             <td class="sig">
3032                 <a id="Roo.Component-method-getId"   name=".getId"></a>
3033                 <div class="fixedFont">
3034                         <span class="attributes"></span><b class="itemname">getId</b>
3035
3036                                  ()
3037
3038
3039                                          :
3040
3041
3042                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3043
3044
3045
3046
3047
3048                 </div>
3049                 <div class="mdesc">
3050
3051                    <div class="short">Returns the id of this component.</div>
3052
3053
3054
3055                     <div class="long">
3056
3057                                 Returns the id of this component.
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068                                 <dl class="detailList">
3069                                 <dt class="heading">Returns:</dt>
3070
3071                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
3072
3073                                 </dl>
3074
3075
3076
3077
3078
3079
3080
3081                     </div>
3082                 </div>
3083
3084             </td>
3085             <td class="msource">
3086
3087                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3088                 &nbsp;
3089             </td>
3090         </tr>
3091
3092
3093           <tr class="method-row config-row-alt0 expandable">
3094             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3095
3096
3097             <td class="sig">
3098                 <a id="Roo.bootstrap.Input-method-getName"   name=".getName"></a>
3099                 <div class="fixedFont">
3100                         <span class="attributes"></span><b class="itemname">getName</b>
3101
3102                                  ()
3103
3104
3105                                          :
3106
3107
3108                                                 Mixed
3109
3110
3111
3112
3113
3114                 </div>
3115                 <div class="mdesc">
3116
3117                    <div class="short">Returns the name of the field</div>
3118
3119
3120
3121                     <div class="long">
3122
3123                                 Returns the name of the field
3124
3125
3126
3127
3128
3129
3130
3131
3132
3133
3134                                 <dl class="detailList">
3135                                 <dt class="heading">Returns:</dt>
3136
3137                                         <dd><span class="fixedFont">Mixed</span>  name The name field</dd>
3138
3139                                 </dl>
3140
3141
3142
3143
3144
3145
3146
3147                     </div>
3148                 </div>
3149
3150             </td>
3151             <td class="msource">
3152
3153                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3154                 &nbsp;
3155             </td>
3156         </tr>
3157
3158
3159           <tr class="method-row config-row-alt1 expandable">
3160             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3161
3162
3163             <td class="sig">
3164                 <a id="Roo.bootstrap.Input-method-getRawValue"   name=".getRawValue"></a>
3165                 <div class="fixedFont">
3166                         <span class="attributes"></span><b class="itemname">getRawValue</b>
3167
3168                                  ()
3169
3170
3171                                          :
3172
3173
3174                                                 Mixed
3175
3176
3177
3178
3179
3180                 </div>
3181                 <div class="mdesc">
3182
3183                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
3184
3185
3186
3187                     <div class="long">
3188
3189                                 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>}.
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200                                 <dl class="detailList">
3201                                 <dt class="heading">Returns:</dt>
3202
3203                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3204
3205                                 </dl>
3206
3207
3208
3209
3210
3211
3212
3213                     </div>
3214                 </div>
3215
3216             </td>
3217             <td class="msource">
3218
3219                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3220                 &nbsp;
3221             </td>
3222         </tr>
3223
3224
3225           <tr class="method-row config-row-alt0 expandable">
3226             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3227
3228
3229             <td class="sig">
3230                 <a id="Roo.bootstrap.Input-method-getValue"   name=".getValue"></a>
3231                 <div class="fixedFont">
3232                         <span class="attributes"></span><b class="itemname">getValue</b>
3233
3234                                  ()
3235
3236
3237                                          :
3238
3239
3240                                                 Mixed
3241
3242
3243
3244
3245
3246                 </div>
3247                 <div class="mdesc">
3248
3249                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
3250
3251
3252
3253                     <div class="long">
3254
3255                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266                                 <dl class="detailList">
3267                                 <dt class="heading">Returns:</dt>
3268
3269                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
3270
3271                                 </dl>
3272
3273
3274
3275
3276
3277
3278
3279                     </div>
3280                 </div>
3281
3282             </td>
3283             <td class="msource">
3284
3285                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3286                 &nbsp;
3287             </td>
3288         </tr>
3289
3290
3291           <tr class="method-row config-row-alt1 expandable">
3292             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3293
3294
3295             <td class="sig">
3296                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
3297                 <div class="fixedFont">
3298                         <span class="attributes"></span><b class="itemname">hasListener</b>
3299
3300                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
3301
3302
3303                                          :
3304
3305
3306                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3307
3308
3309
3310
3311
3312                 </div>
3313                 <div class="mdesc">
3314
3315                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
3316
3317
3318
3319                     <div class="long">
3320
3321                                 Checks to see if this object has any listeners for a specified event
3322
3323
3324
3325
3326
3327
3328                                 <dl class="detailList">
3329                                 <dt class="heading">Parameters:</dt>
3330
3331                                         <dt>
3332                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3333
3334                                         </dt>
3335                                         <dd>The name of the event to check for</dd>
3336
3337                                 </dl>
3338
3339
3340
3341
3342
3343                                 <dl class="detailList">
3344                                 <dt class="heading">Returns:</dt>
3345
3346                                         <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>
3347
3348                                 </dl>
3349
3350
3351
3352
3353
3354
3355
3356                     </div>
3357                 </div>
3358
3359             </td>
3360             <td class="msource">
3361
3362                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3363                 &nbsp;
3364             </td>
3365         </tr>
3366
3367
3368           <tr class="method-row config-row-alt0 expandable">
3369             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3370
3371
3372             <td class="sig">
3373                 <a id="Roo.bootstrap.Component-method-hide"   name=".hide"></a>
3374                 <div class="fixedFont">
3375                         <span class="attributes"></span><b class="itemname">hide</b>
3376
3377                                  ()
3378
3379
3380
3381                 </div>
3382                 <div class="mdesc">
3383
3384                    <div class="short">Hide a component - adds 'hidden' class</div>
3385
3386
3387
3388                     <div class="long">
3389
3390                                 Hide a component - adds 'hidden' class
3391
3392
3393
3394
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404
3405
3406
3407                     </div>
3408                 </div>
3409
3410             </td>
3411             <td class="msource">
3412
3413                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3414                 &nbsp;
3415             </td>
3416         </tr>
3417
3418
3419           <tr class="method-row config-row-alt1 expandable">
3420             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3421
3422
3423             <td class="sig">
3424                 <a id="Roo.bootstrap.Component-method-initEvents"   name=".initEvents"></a>
3425                 <div class="fixedFont">
3426                         <span class="attributes"></span><b class="itemname">initEvents</b>
3427
3428                                  ()
3429
3430
3431
3432                 </div>
3433                 <div class="mdesc">
3434
3435                    <div class="short">Initialize Events for the element</div>
3436
3437
3438
3439                     <div class="long">
3440
3441                                 Initialize Events for the element
3442
3443
3444
3445
3446
3447
3448
3449
3450
3451
3452
3453
3454
3455
3456
3457
3458                     </div>
3459                 </div>
3460
3461             </td>
3462             <td class="msource">
3463
3464                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3465                 &nbsp;
3466             </td>
3467         </tr>
3468
3469
3470           <tr class="method-row config-row-alt0 expandable">
3471             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3472
3473
3474             <td class="sig">
3475                 <a id="Roo.bootstrap.Input-method-inputEl"   name=".inputEl"></a>
3476                 <div class="fixedFont">
3477                         <span class="attributes"></span><b class="itemname">inputEl</b>
3478
3479                                  ()
3480
3481
3482
3483                 </div>
3484                 <div class="mdesc">
3485
3486                    <div class="short">return the real input element.</div>
3487
3488
3489
3490                     <div class="long">
3491
3492                                 return the real input element.
3493
3494
3495
3496
3497
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508
3509                     </div>
3510                 </div>
3511
3512             </td>
3513             <td class="msource">
3514
3515                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3516                 &nbsp;
3517             </td>
3518         </tr>
3519
3520
3521           <tr class="method-row config-row-alt1 expandable">
3522             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3523
3524
3525             <td class="sig">
3526                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
3527                 <div class="fixedFont">
3528                         <span class="attributes"></span><b class="itemname">isVisible</b>
3529
3530                                  ()
3531
3532
3533
3534                 </div>
3535                 <div class="mdesc">
3536
3537                    <div class="short">Returns true if this component is visible.</div>
3538
3539
3540
3541                     <div class="long">
3542
3543                                 Returns true if this component is visible.
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553
3554
3555
3556
3557
3558
3559
3560                     </div>
3561                 </div>
3562
3563             </td>
3564             <td class="msource">
3565
3566                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3567                 &nbsp;
3568             </td>
3569         </tr>
3570
3571
3572           <tr class="method-row config-row-alt0 expandable">
3573             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3574
3575
3576             <td class="sig">
3577                 <a id="Roo.bootstrap.Input-method-markInvalid"   name=".markInvalid"></a>
3578                 <div class="fixedFont">
3579                         <span class="attributes"></span><b class="itemname">markInvalid</b>
3580
3581                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
3582
3583
3584
3585                 </div>
3586                 <div class="mdesc">
3587
3588                    <div class="short">Mark this field as invalid</div>
3589
3590
3591
3592                     <div class="long">
3593
3594                                 Mark this field as invalid
3595
3596
3597
3598
3599
3600
3601                                 <dl class="detailList">
3602                                 <dt class="heading">Parameters:</dt>
3603
3604                                         <dt>
3605                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3606
3607                                         </dt>
3608                                         <dd>The validation message</dd>
3609
3610                                 </dl>
3611
3612
3613
3614
3615
3616
3617
3618
3619
3620
3621
3622                     </div>
3623                 </div>
3624
3625             </td>
3626             <td class="msource">
3627
3628                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3629                 &nbsp;
3630             </td>
3631         </tr>
3632
3633
3634           <tr class="method-row config-row-alt1 expandable">
3635             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3636
3637
3638             <td class="sig">
3639                 <a id="Roo.bootstrap.Input-method-markValid"   name=".markValid"></a>
3640                 <div class="fixedFont">
3641                         <span class="attributes"></span><b class="itemname">markValid</b>
3642
3643                                  ()
3644
3645
3646
3647                 </div>
3648                 <div class="mdesc">
3649
3650                    <div class="short">Mark this field as valid</div>
3651
3652
3653
3654                     <div class="long">
3655
3656                                 Mark this field as valid
3657
3658
3659
3660
3661
3662
3663
3664
3665
3666
3667
3668
3669
3670
3671
3672
3673                     </div>
3674                 </div>
3675
3676             </td>
3677             <td class="msource">
3678
3679                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3680                 &nbsp;
3681             </td>
3682         </tr>
3683
3684
3685           <tr class="method-row config-row-alt0 expandable">
3686             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3687
3688
3689             <td class="sig">
3690                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3691                 <div class="fixedFont">
3692                         <span class="attributes"></span><b class="itemname">on</b>
3693
3694                                  (<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>)
3695
3696
3697
3698                 </div>
3699                 <div class="mdesc">
3700
3701                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3702
3703
3704
3705                     <div class="long">
3706
3707                                 Appends an event handler to this element (shorthand for addListener)
3708
3709
3710
3711
3712
3713
3714                                 <dl class="detailList">
3715                                 <dt class="heading">Parameters:</dt>
3716
3717                                         <dt>
3718                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3719
3720                                         </dt>
3721                                         <dd>The type of event to listen for</dd>
3722
3723                                         <dt>
3724                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3725
3726                                         </dt>
3727                                         <dd>The method the event invokes</dd>
3728
3729                                         <dt>
3730                                                 <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>
3731
3732                                         </dt>
3733                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3734
3735                                         <dt>
3736                                                 <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>
3737
3738                                         </dt>
3739                                         <dd>(optional)</dd>
3740
3741                                 </dl>
3742
3743
3744
3745
3746
3747
3748
3749
3750
3751
3752
3753                     </div>
3754                 </div>
3755
3756             </td>
3757             <td class="msource">
3758
3759                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3760                 &nbsp;
3761             </td>
3762         </tr>
3763
3764
3765           <tr class="method-row config-row-alt1 expandable">
3766             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3767
3768
3769             <td class="sig">
3770                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3771                 <div class="fixedFont">
3772                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3773
3774                                  ()
3775
3776
3777
3778                 </div>
3779                 <div class="mdesc">
3780
3781                    <div class="short">Removes all listeners for this object</div>
3782
3783
3784
3785                     <div class="long">
3786
3787                                 Removes all listeners for this object
3788
3789
3790
3791
3792
3793
3794
3795
3796
3797
3798
3799
3800
3801
3802
3803
3804                     </div>
3805                 </div>
3806
3807             </td>
3808             <td class="msource">
3809
3810                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3811                 &nbsp;
3812             </td>
3813         </tr>
3814
3815
3816           <tr class="method-row config-row-alt0 expandable">
3817             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3818
3819
3820             <td class="sig">
3821                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3822                 <div class="fixedFont">
3823                         <span class="attributes"></span><b class="itemname">removeListener</b>
3824
3825                                  (<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>)
3826
3827
3828
3829                 </div>
3830                 <div class="mdesc">
3831
3832                    <div class="short">Removes a listener</div>
3833
3834
3835
3836                     <div class="long">
3837
3838                                 Removes a listener
3839
3840
3841
3842
3843
3844
3845                                 <dl class="detailList">
3846                                 <dt class="heading">Parameters:</dt>
3847
3848                                         <dt>
3849                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3850
3851                                         </dt>
3852                                         <dd>The type of event to listen for</dd>
3853
3854                                         <dt>
3855                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3856
3857                                         </dt>
3858                                         <dd>The handler to remove</dd>
3859
3860                                         <dt>
3861                                                 <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>
3862
3863                                         </dt>
3864                                         <dd>(optional) The scope (this object) for the handler</dd>
3865
3866                                 </dl>
3867
3868
3869
3870
3871
3872
3873
3874
3875
3876
3877
3878                     </div>
3879                 </div>
3880
3881             </td>
3882             <td class="msource">
3883
3884                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3885                 &nbsp;
3886             </td>
3887         </tr>
3888
3889
3890           <tr class="method-row config-row-alt1 expandable">
3891             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3892
3893
3894             <td class="sig">
3895                 <a id="Roo.Component-method-render"   name=".render"></a>
3896                 <div class="fixedFont">
3897                         <span class="attributes"></span><b class="itemname">render</b>
3898
3899                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3900
3901
3902
3903                 </div>
3904                 <div class="mdesc">
3905
3906                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3907
3908
3909
3910                     <div class="long">
3911
3912                                 If this is a lazy rendering component, render it to its container element.
3913
3914
3915
3916
3917
3918
3919                                 <dl class="detailList">
3920                                 <dt class="heading">Parameters:</dt>
3921
3922                                         <dt>
3923                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3924
3925                                         </dt>
3926                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3927
3928                                 </dl>
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940                     </div>
3941                 </div>
3942
3943             </td>
3944             <td class="msource">
3945
3946                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3947                 &nbsp;
3948             </td>
3949         </tr>
3950
3951
3952           <tr class="method-row config-row-alt0 expandable">
3953             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3954
3955
3956             <td class="sig">
3957                 <a id="Roo.bootstrap.Input-method-reset"   name=".reset"></a>
3958                 <div class="fixedFont">
3959                         <span class="attributes"></span><b class="itemname">reset</b>
3960
3961                                  ()
3962
3963
3964
3965                 </div>
3966                 <div class="mdesc">
3967
3968                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3969
3970
3971
3972                     <div class="long">
3973
3974                                 Resets the current field value to the originally loaded value and clears any validation messages
3975
3976
3977
3978
3979
3980
3981
3982
3983
3984
3985
3986
3987
3988
3989
3990
3991                     </div>
3992                 </div>
3993
3994             </td>
3995             <td class="msource">
3996
3997                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
3998                 &nbsp;
3999             </td>
4000         </tr>
4001
4002
4003           <tr class="method-row config-row-alt1 expandable">
4004             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4005
4006
4007             <td class="sig">
4008                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
4009                 <div class="fixedFont">
4010                         <span class="attributes"></span><b class="itemname">setDisabled</b>
4011
4012                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
4013
4014
4015
4016                 </div>
4017                 <div class="mdesc">
4018
4019                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
4020
4021
4022
4023                     <div class="long">
4024
4025                                 Convenience function for setting disabled/enabled by boolean.
4026
4027
4028
4029
4030
4031
4032                                 <dl class="detailList">
4033                                 <dt class="heading">Parameters:</dt>
4034
4035                                         <dt>
4036                                                 <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>
4037
4038                                         </dt>
4039                                         <dd></dd>
4040
4041                                 </dl>
4042
4043
4044
4045
4046
4047
4048
4049
4050
4051
4052
4053                     </div>
4054                 </div>
4055
4056             </td>
4057             <td class="msource">
4058
4059                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4060                 &nbsp;
4061             </td>
4062         </tr>
4063
4064
4065           <tr class="method-row config-row-alt0 expandable">
4066             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4067
4068
4069             <td class="sig">
4070                 <a id="Roo.bootstrap.Input-method-setRawValue"   name=".setRawValue"></a>
4071                 <div class="fixedFont">
4072                         <span class="attributes"></span><b class="itemname">setRawValue</b>
4073
4074                                  (Mixed <B><i>value</i></B>)
4075
4076
4077
4078                 </div>
4079                 <div class="mdesc">
4080
4081                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
4082
4083
4084
4085                     <div class="long">
4086
4087                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
4088
4089
4090
4091
4092
4093
4094                                 <dl class="detailList">
4095                                 <dt class="heading">Parameters:</dt>
4096
4097                                         <dt>
4098                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4099
4100                                         </dt>
4101                                         <dd>The value to set</dd>
4102
4103                                 </dl>
4104
4105
4106
4107
4108
4109
4110
4111
4112
4113
4114
4115                     </div>
4116                 </div>
4117
4118             </td>
4119             <td class="msource">
4120
4121                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4122                 &nbsp;
4123             </td>
4124         </tr>
4125
4126
4127           <tr class="method-row config-row-alt1 expandable">
4128             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4129
4130
4131             <td class="sig">
4132                 <a id="Roo.bootstrap.Input-method-setValue"   name=".setValue"></a>
4133                 <div class="fixedFont">
4134                         <span class="attributes"></span><b class="itemname">setValue</b>
4135
4136                                  (Mixed <B><i>value</i></B>)
4137
4138
4139
4140                 </div>
4141                 <div class="mdesc">
4142
4143                    <div class="short">Sets a data value into the field and validates it.</div>
4144
4145
4146
4147                     <div class="long">
4148
4149                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
4150
4151
4152
4153
4154
4155
4156                                 <dl class="detailList">
4157                                 <dt class="heading">Parameters:</dt>
4158
4159                                         <dt>
4160                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4161
4162                                         </dt>
4163                                         <dd>The value to set</dd>
4164
4165                                 </dl>
4166
4167
4168
4169
4170
4171
4172
4173
4174
4175
4176
4177                     </div>
4178                 </div>
4179
4180             </td>
4181             <td class="msource">
4182
4183                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4184                 &nbsp;
4185             </td>
4186         </tr>
4187
4188
4189           <tr class="method-row config-row-alt0 expandable">
4190             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4191
4192
4193             <td class="sig">
4194                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
4195                 <div class="fixedFont">
4196                         <span class="attributes"></span><b class="itemname">setVisible</b>
4197
4198                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
4199
4200
4201                                          :
4202
4203
4204                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4205
4206
4207
4208
4209
4210                 </div>
4211                 <div class="mdesc">
4212
4213                    <div class="short">Convenience function to hide or show this component by boolean.</div>
4214
4215
4216
4217                     <div class="long">
4218
4219                                 Convenience function to hide or show this component by boolean.
4220
4221
4222
4223
4224
4225
4226                                 <dl class="detailList">
4227                                 <dt class="heading">Parameters:</dt>
4228
4229                                         <dt>
4230                                                 <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>
4231
4232                                         </dt>
4233                                         <dd>True to show, false to hide</dd>
4234
4235                                 </dl>
4236
4237
4238
4239
4240
4241                                 <dl class="detailList">
4242                                 <dt class="heading">Returns:</dt>
4243
4244                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4245
4246                                 </dl>
4247
4248
4249
4250
4251
4252
4253
4254                     </div>
4255                 </div>
4256
4257             </td>
4258             <td class="msource">
4259
4260                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4261                 &nbsp;
4262             </td>
4263         </tr>
4264
4265
4266           <tr class="method-row config-row-alt1 expandable">
4267             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4268
4269
4270             <td class="sig">
4271                 <a id="Roo.bootstrap.Component-method-show"   name=".show"></a>
4272                 <div class="fixedFont">
4273                         <span class="attributes"></span><b class="itemname">show</b>
4274
4275                                  ()
4276
4277
4278
4279                 </div>
4280                 <div class="mdesc">
4281
4282                    <div class="short">Show a component - removes 'hidden' class</div>
4283
4284
4285
4286                     <div class="long">
4287
4288                                 Show a component - removes 'hidden' class
4289
4290
4291
4292
4293
4294
4295
4296
4297
4298
4299
4300
4301
4302
4303
4304
4305                     </div>
4306                 </div>
4307
4308             </td>
4309             <td class="msource">
4310
4311                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4312                 &nbsp;
4313             </td>
4314         </tr>
4315
4316
4317           <tr class="method-row config-row-alt0 expandable">
4318             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4319
4320
4321             <td class="sig">
4322                 <a id="Roo.bootstrap.Component-method-tooltipEl"   name=".tooltipEl"></a>
4323                 <div class="fixedFont">
4324                         <span class="attributes"></span><b class="itemname">tooltipEl</b>
4325
4326                                  ()
4327
4328
4329                                          :
4330
4331
4332                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4333
4334
4335
4336
4337
4338                 </div>
4339                 <div class="mdesc">
4340
4341                    <div class="short">Fetch the element to display the tooltip on.</div>
4342
4343
4344
4345                     <div class="long">
4346
4347                                 Fetch the element to display the tooltip on.
4348
4349
4350
4351
4352
4353
4354
4355
4356
4357
4358                                 <dl class="detailList">
4359                                 <dt class="heading">Returns:</dt>
4360
4361                                         <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>
4362
4363                                 </dl>
4364
4365
4366
4367
4368
4369
4370
4371                     </div>
4372                 </div>
4373
4374             </td>
4375             <td class="msource">
4376
4377                         <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
4378                 &nbsp;
4379             </td>
4380         </tr>
4381
4382
4383           <tr class="method-row config-row-alt1 expandable">
4384             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4385
4386
4387             <td class="sig">
4388                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4389                 <div class="fixedFont">
4390                         <span class="attributes"></span><b class="itemname">un</b>
4391
4392                                  (<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>)
4393
4394
4395
4396                 </div>
4397                 <div class="mdesc">
4398
4399                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4400
4401
4402
4403                     <div class="long">
4404
4405                                 Removes a listener (shorthand for removeListener)
4406
4407
4408
4409
4410
4411
4412                                 <dl class="detailList">
4413                                 <dt class="heading">Parameters:</dt>
4414
4415                                         <dt>
4416                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4417
4418                                         </dt>
4419                                         <dd>The type of event to listen for</dd>
4420
4421                                         <dt>
4422                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4423
4424                                         </dt>
4425                                         <dd>The handler to remove</dd>
4426
4427                                         <dt>
4428                                                 <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>
4429
4430                                         </dt>
4431                                         <dd>(optional) The scope (this object) for the handler</dd>
4432
4433                                 </dl>
4434
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445                     </div>
4446                 </div>
4447
4448             </td>
4449             <td class="msource">
4450
4451                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4452                 &nbsp;
4453             </td>
4454         </tr>
4455
4456
4457           <tr class="method-row config-row-alt0 expandable">
4458             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4459
4460
4461             <td class="sig">
4462                 <a id="Roo.bootstrap.Input-method-validate"   name=".validate"></a>
4463                 <div class="fixedFont">
4464                         <span class="attributes"></span><b class="itemname">validate</b>
4465
4466                                  ()
4467
4468
4469                                          :
4470
4471
4472                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4473
4474
4475
4476
4477
4478                 </div>
4479                 <div class="mdesc">
4480
4481                    <div class="short">Validates the field value</div>
4482
4483
4484
4485                     <div class="long">
4486
4487                                 Validates the field value
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498                                 <dl class="detailList">
4499                                 <dt class="heading">Returns:</dt>
4500
4501                                         <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>
4502
4503                                 </dl>
4504
4505
4506
4507
4508
4509
4510
4511                     </div>
4512                 </div>
4513
4514             </td>
4515             <td class="msource">
4516
4517                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4518                 &nbsp;
4519             </td>
4520         </tr>
4521
4522
4523           <tr class="method-row config-row-alt1 expandable">
4524             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4525
4526
4527             <td class="sig">
4528                 <a id="Roo.bootstrap.Input-method-validateValue"   name=".validateValue"></a>
4529                 <div class="fixedFont">
4530                         <span class="attributes"></span><b class="itemname">validateValue</b>
4531
4532                                  (Mixed <B><i>value</i></B>)
4533
4534
4535                                          :
4536
4537
4538                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4539
4540
4541
4542
4543
4544                 </div>
4545                 <div class="mdesc">
4546
4547                    <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>
4548
4549
4550
4551                     <div class="long">
4552
4553                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
4554
4555
4556
4557
4558
4559
4560                                 <dl class="detailList">
4561                                 <dt class="heading">Parameters:</dt>
4562
4563                                         <dt>
4564                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
4565
4566                                         </dt>
4567                                         <dd>The value to validate</dd>
4568
4569                                 </dl>
4570
4571
4572
4573
4574
4575                                 <dl class="detailList">
4576                                 <dt class="heading">Returns:</dt>
4577
4578                                         <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>
4579
4580                                 </dl>
4581
4582
4583
4584
4585
4586
4587
4588                     </div>
4589                 </div>
4590
4591             </td>
4592             <td class="msource">
4593
4594                         <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4595                 &nbsp;
4596             </td>
4597         </tr>
4598
4599
4600     </table>
4601
4602
4603   <!-- ============================== events summary / details ======================== -->
4604
4605
4606   <a id="Roo.bootstrap.NumberField-events"></a>
4607
4608
4609
4610
4611
4612
4613
4614
4615       <table cellspacing="0" class="member-table">
4616                 <caption>Events</caption>
4617               <thead>
4618                 <tr>
4619                     <th class="sig-header" colspan="2">Event</th>
4620                     <th class="msource-header">Defined By</th>
4621
4622                 </tr>
4623               </thead>
4624
4625
4626
4627
4628
4629           <tr class="method-row expandable config-row-alt0">
4630             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4631
4632             <td class="sig">
4633                 <a id="Roo.Component-event-*beforedestroy"></a>
4634
4635                <div class="fixedFont">
4636                 <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>)
4637
4638                 </div>
4639
4640                 <div class="mdesc">
4641
4642                    <div class="short">Fires before the component is destroyed.
4643
4644                 </div>
4645
4646                     <div class="long">
4647
4648                         Fires before the component is destroyed. Return false to stop the destroy.
4649
4650
4651
4652
4653
4654                                 <dl class="detailList">
4655                                 <dt class="heading">Parameters:</dt>
4656
4657                                         <dt>
4658                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4659
4660                                         </dt>
4661                                         <dd></dd>
4662
4663                                 </dl>
4664
4665
4666
4667
4668
4669
4670
4671
4672
4673
4674
4675                     </div>
4676                 </div>
4677
4678             </td>
4679             <td class="msource">
4680                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4681             </td>
4682         </tr>
4683
4684           <tr class="method-row expandable config-row-alt1">
4685             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4686
4687             <td class="sig">
4688                 <a id="Roo.Component-event-*beforehide"></a>
4689
4690                <div class="fixedFont">
4691                 <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>)
4692
4693                 </div>
4694
4695                 <div class="mdesc">
4696
4697                    <div class="short">Fires before the component is hidden.
4698
4699                 </div>
4700
4701                     <div class="long">
4702
4703                         Fires before the component is hidden. Return false to stop the hide.
4704
4705
4706
4707
4708
4709                                 <dl class="detailList">
4710                                 <dt class="heading">Parameters:</dt>
4711
4712                                         <dt>
4713                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4714
4715                                         </dt>
4716                                         <dd></dd>
4717
4718                                 </dl>
4719
4720
4721
4722
4723
4724
4725
4726
4727
4728
4729
4730                     </div>
4731                 </div>
4732
4733             </td>
4734             <td class="msource">
4735                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4736             </td>
4737         </tr>
4738
4739           <tr class="method-row expandable config-row-alt0">
4740             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4741
4742             <td class="sig">
4743                 <a id="Roo.Component-event-*beforerender"></a>
4744
4745                <div class="fixedFont">
4746                 <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>)
4747
4748                 </div>
4749
4750                 <div class="mdesc">
4751
4752                    <div class="short">Fires before the component is rendered.
4753
4754                 </div>
4755
4756                     <div class="long">
4757
4758                         Fires before the component is rendered. Return false to stop the render.
4759
4760
4761
4762
4763
4764                                 <dl class="detailList">
4765                                 <dt class="heading">Parameters:</dt>
4766
4767                                         <dt>
4768                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4769
4770                                         </dt>
4771                                         <dd></dd>
4772
4773                                 </dl>
4774
4775
4776
4777
4778
4779
4780
4781
4782
4783
4784
4785                     </div>
4786                 </div>
4787
4788             </td>
4789             <td class="msource">
4790                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4791             </td>
4792         </tr>
4793
4794           <tr class="method-row expandable config-row-alt1">
4795             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4796
4797             <td class="sig">
4798                 <a id="Roo.Component-event-*beforeshow"></a>
4799
4800                <div class="fixedFont">
4801                 <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>)
4802
4803                 </div>
4804
4805                 <div class="mdesc">
4806
4807                    <div class="short">Fires before the component is shown.
4808
4809                 </div>
4810
4811                     <div class="long">
4812
4813                         Fires before the component is shown.  Return false to stop the show.
4814
4815
4816
4817
4818
4819                                 <dl class="detailList">
4820                                 <dt class="heading">Parameters:</dt>
4821
4822                                         <dt>
4823                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4824
4825                                         </dt>
4826                                         <dd></dd>
4827
4828                                 </dl>
4829
4830
4831
4832
4833
4834
4835
4836
4837
4838
4839
4840                     </div>
4841                 </div>
4842
4843             </td>
4844             <td class="msource">
4845                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4846             </td>
4847         </tr>
4848
4849           <tr class="method-row expandable config-row-alt0">
4850             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4851
4852             <td class="sig">
4853                 <a id="Roo.bootstrap.Input-event-*blur"></a>
4854
4855                <div class="fixedFont">
4856                 <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>)
4857
4858                 </div>
4859
4860                 <div class="mdesc">
4861
4862                    <div class="short">Fires when this field loses input focus.
4863
4864                 </div>
4865
4866                     <div class="long">
4867
4868                         Fires when this field loses input focus.
4869
4870
4871
4872
4873
4874                                 <dl class="detailList">
4875                                 <dt class="heading">Parameters:</dt>
4876
4877                                         <dt>
4878                                                 <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>
4879
4880                                         </dt>
4881                                         <dd></dd>
4882
4883                                 </dl>
4884
4885
4886
4887
4888
4889
4890
4891
4892
4893
4894
4895                     </div>
4896                 </div>
4897
4898             </td>
4899             <td class="msource">
4900                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4901             </td>
4902         </tr>
4903
4904           <tr class="method-row expandable config-row-alt1">
4905             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4906
4907             <td class="sig">
4908                 <a id="Roo.bootstrap.Input-event-*change"></a>
4909
4910                <div class="fixedFont">
4911                 <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>)
4912
4913                 </div>
4914
4915                 <div class="mdesc">
4916
4917                    <div class="short">Fires just before the field blurs if the field value has changed.
4918
4919                 </div>
4920
4921                     <div class="long">
4922
4923                         Fires just before the field blurs if the field value has changed.
4924
4925
4926
4927
4928
4929                                 <dl class="detailList">
4930                                 <dt class="heading">Parameters:</dt>
4931
4932                                         <dt>
4933                                                 <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>
4934
4935                                         </dt>
4936                                         <dd></dd>
4937
4938                                         <dt>
4939                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4940
4941                                         </dt>
4942                                         <dd>The new value</dd>
4943
4944                                         <dt>
4945                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4946
4947                                         </dt>
4948                                         <dd>The original value</dd>
4949
4950                                 </dl>
4951
4952
4953
4954
4955
4956
4957
4958
4959
4960
4961
4962                     </div>
4963                 </div>
4964
4965             </td>
4966             <td class="msource">
4967                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
4968             </td>
4969         </tr>
4970
4971           <tr class="method-row expandable config-row-alt0">
4972             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4973
4974             <td class="sig">
4975                 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
4976
4977                <div class="fixedFont">
4978                 <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>)
4979
4980                 </div>
4981
4982                 <div class="mdesc">
4983
4984                    <div class="short">Fires when the children have been rendered.
4985
4986                 </div>
4987
4988                     <div class="long">
4989
4990                         Fires when the children have been rendered..
4991
4992
4993
4994
4995
4996                                 <dl class="detailList">
4997                                 <dt class="heading">Parameters:</dt>
4998
4999                                         <dt>
5000                                                 <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>
5001
5002                                         </dt>
5003                                         <dd></dd>
5004
5005                                 </dl>
5006
5007
5008
5009
5010
5011
5012
5013
5014
5015
5016
5017                     </div>
5018                 </div>
5019
5020             </td>
5021             <td class="msource">
5022                 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
5023             </td>
5024         </tr>
5025
5026           <tr class="method-row expandable config-row-alt1">
5027             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5028
5029             <td class="sig">
5030                 <a id="Roo.Component-event-*destroy"></a>
5031
5032                <div class="fixedFont">
5033                 <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>)
5034
5035                 </div>
5036
5037                 <div class="mdesc">
5038
5039                    <div class="short">Fires after the component is destroyed.
5040
5041                 </div>
5042
5043                     <div class="long">
5044
5045                         Fires after the component is destroyed.
5046
5047
5048
5049
5050
5051                                 <dl class="detailList">
5052                                 <dt class="heading">Parameters:</dt>
5053
5054                                         <dt>
5055                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5056
5057                                         </dt>
5058                                         <dd></dd>
5059
5060                                 </dl>
5061
5062
5063
5064
5065
5066
5067
5068
5069
5070
5071
5072                     </div>
5073                 </div>
5074
5075             </td>
5076             <td class="msource">
5077                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5078             </td>
5079         </tr>
5080
5081           <tr class="method-row expandable config-row-alt0">
5082             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5083
5084             <td class="sig">
5085                 <a id="Roo.Component-event-*disable"></a>
5086
5087                <div class="fixedFont">
5088                 <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>)
5089
5090                 </div>
5091
5092                 <div class="mdesc">
5093
5094                    <div class="short">Fires after the component is disabled.
5095
5096                 </div>
5097
5098                     <div class="long">
5099
5100                         Fires after the component is disabled.
5101
5102
5103
5104
5105
5106                                 <dl class="detailList">
5107                                 <dt class="heading">Parameters:</dt>
5108
5109                                         <dt>
5110                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5111
5112                                         </dt>
5113                                         <dd></dd>
5114
5115                                 </dl>
5116
5117
5118
5119
5120
5121
5122
5123
5124
5125
5126
5127                     </div>
5128                 </div>
5129
5130             </td>
5131             <td class="msource">
5132                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5133             </td>
5134         </tr>
5135
5136           <tr class="method-row expandable config-row-alt1">
5137             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5138
5139             <td class="sig">
5140                 <a id="Roo.Component-event-*enable"></a>
5141
5142                <div class="fixedFont">
5143                 <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>)
5144
5145                 </div>
5146
5147                 <div class="mdesc">
5148
5149                    <div class="short">Fires after the component is enabled.
5150
5151                 </div>
5152
5153                     <div class="long">
5154
5155                         Fires after the component is enabled.
5156
5157
5158
5159
5160
5161                                 <dl class="detailList">
5162                                 <dt class="heading">Parameters:</dt>
5163
5164                                         <dt>
5165                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5166
5167                                         </dt>
5168                                         <dd></dd>
5169
5170                                 </dl>
5171
5172
5173
5174
5175
5176
5177
5178
5179
5180
5181
5182                     </div>
5183                 </div>
5184
5185             </td>
5186             <td class="msource">
5187                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5188             </td>
5189         </tr>
5190
5191           <tr class="method-row expandable config-row-alt0">
5192             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5193
5194             <td class="sig">
5195                 <a id="Roo.bootstrap.Input-event-*focus"></a>
5196
5197                <div class="fixedFont">
5198                 <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>)
5199
5200                 </div>
5201
5202                 <div class="mdesc">
5203
5204                    <div class="short">Fires when this field receives input focus.
5205
5206                 </div>
5207
5208                     <div class="long">
5209
5210                         Fires when this field receives input focus.
5211
5212
5213
5214
5215
5216                                 <dl class="detailList">
5217                                 <dt class="heading">Parameters:</dt>
5218
5219                                         <dt>
5220                                                 <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>
5221
5222                                         </dt>
5223                                         <dd></dd>
5224
5225                                 </dl>
5226
5227
5228
5229
5230
5231
5232
5233
5234
5235
5236
5237                     </div>
5238                 </div>
5239
5240             </td>
5241             <td class="msource">
5242                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5243             </td>
5244         </tr>
5245
5246           <tr class="method-row expandable config-row-alt1">
5247             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5248
5249             <td class="sig">
5250                 <a id="Roo.Component-event-*hide"></a>
5251
5252                <div class="fixedFont">
5253                 <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>)
5254
5255                 </div>
5256
5257                 <div class="mdesc">
5258
5259                    <div class="short">Fires after the component is hidden.
5260
5261                 </div>
5262
5263                     <div class="long">
5264
5265                         Fires after the component is hidden.
5266
5267
5268
5269
5270
5271                                 <dl class="detailList">
5272                                 <dt class="heading">Parameters:</dt>
5273
5274                                         <dt>
5275                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5276
5277                                         </dt>
5278                                         <dd></dd>
5279
5280                                 </dl>
5281
5282
5283
5284
5285
5286
5287
5288
5289
5290
5291
5292                     </div>
5293                 </div>
5294
5295             </td>
5296             <td class="msource">
5297                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5298             </td>
5299         </tr>
5300
5301           <tr class="method-row expandable config-row-alt0">
5302             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5303
5304             <td class="sig">
5305                 <a id="Roo.bootstrap.Input-event-*invalid"></a>
5306
5307                <div class="fixedFont">
5308                 <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>)
5309
5310                 </div>
5311
5312                 <div class="mdesc">
5313
5314                    <div class="short">Fires after the field has been marked as invalid.
5315
5316                 </div>
5317
5318                     <div class="long">
5319
5320                         Fires after the field has been marked as invalid.
5321
5322
5323
5324
5325
5326                                 <dl class="detailList">
5327                                 <dt class="heading">Parameters:</dt>
5328
5329                                         <dt>
5330                                                 <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>
5331
5332                                         </dt>
5333                                         <dd></dd>
5334
5335                                         <dt>
5336                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5337
5338                                         </dt>
5339                                         <dd>The validation message</dd>
5340
5341                                 </dl>
5342
5343
5344
5345
5346
5347
5348
5349
5350
5351
5352
5353                     </div>
5354                 </div>
5355
5356             </td>
5357             <td class="msource">
5358                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5359             </td>
5360         </tr>
5361
5362           <tr class="method-row expandable config-row-alt1">
5363             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5364
5365             <td class="sig">
5366                 <a id="Roo.bootstrap.Input-event-*keyup"></a>
5367
5368                <div class="fixedFont">
5369                 <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>)
5370
5371                 </div>
5372
5373                 <div class="mdesc">
5374
5375                    <div class="short">Fires after the key up
5376
5377                 </div>
5378
5379                     <div class="long">
5380
5381                         Fires after the key up
5382
5383
5384
5385
5386
5387                                 <dl class="detailList">
5388                                 <dt class="heading">Parameters:</dt>
5389
5390                                         <dt>
5391                                                 <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>
5392
5393                                         </dt>
5394                                         <dd></dd>
5395
5396                                         <dt>
5397                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5398
5399                                         </dt>
5400                                         <dd>The event Object</dd>
5401
5402                                 </dl>
5403
5404
5405
5406
5407
5408
5409
5410
5411
5412
5413
5414                     </div>
5415                 </div>
5416
5417             </td>
5418             <td class="msource">
5419                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5420             </td>
5421         </tr>
5422
5423           <tr class="method-row expandable config-row-alt0">
5424             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5425
5426             <td class="sig">
5427                 <a id="Roo.Component-event-*render"></a>
5428
5429                <div class="fixedFont">
5430                 <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>)
5431
5432                 </div>
5433
5434                 <div class="mdesc">
5435
5436                    <div class="short">Fires after the component is rendered.
5437
5438                 </div>
5439
5440                     <div class="long">
5441
5442                         Fires after the component is rendered.
5443
5444
5445
5446
5447
5448                                 <dl class="detailList">
5449                                 <dt class="heading">Parameters:</dt>
5450
5451                                         <dt>
5452                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5453
5454                                         </dt>
5455                                         <dd></dd>
5456
5457                                 </dl>
5458
5459
5460
5461
5462
5463
5464
5465
5466
5467
5468
5469                     </div>
5470                 </div>
5471
5472             </td>
5473             <td class="msource">
5474                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5475             </td>
5476         </tr>
5477
5478           <tr class="method-row expandable config-row-alt1">
5479             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5480
5481             <td class="sig">
5482                 <a id="Roo.Component-event-*show"></a>
5483
5484                <div class="fixedFont">
5485                 <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>)
5486
5487                 </div>
5488
5489                 <div class="mdesc">
5490
5491                    <div class="short">Fires after the component is shown.
5492
5493                 </div>
5494
5495                     <div class="long">
5496
5497                         Fires after the component is shown.
5498
5499
5500
5501
5502
5503                                 <dl class="detailList">
5504                                 <dt class="heading">Parameters:</dt>
5505
5506                                         <dt>
5507                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5508
5509                                         </dt>
5510                                         <dd></dd>
5511
5512                                 </dl>
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523
5524                     </div>
5525                 </div>
5526
5527             </td>
5528             <td class="msource">
5529                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5530             </td>
5531         </tr>
5532
5533           <tr class="method-row expandable config-row-alt0">
5534             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5535
5536             <td class="sig">
5537                 <a id="Roo.bootstrap.Input-event-*specialkey"></a>
5538
5539                <div class="fixedFont">
5540                 <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>)
5541
5542                 </div>
5543
5544                 <div class="mdesc">
5545
5546                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5547
5548                 </div>
5549
5550                     <div class="long">
5551
5552                         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.
5553
5554
5555
5556
5557
5558                                 <dl class="detailList">
5559                                 <dt class="heading">Parameters:</dt>
5560
5561                                         <dt>
5562                                                 <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>
5563
5564                                         </dt>
5565                                         <dd></dd>
5566
5567                                         <dt>
5568                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5569
5570                                         </dt>
5571                                         <dd>The event object</dd>
5572
5573                                 </dl>
5574
5575
5576
5577
5578
5579
5580
5581
5582
5583
5584
5585                     </div>
5586                 </div>
5587
5588             </td>
5589             <td class="msource">
5590                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5591             </td>
5592         </tr>
5593
5594           <tr class="method-row expandable config-row-alt1">
5595             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5596
5597             <td class="sig">
5598                 <a id="Roo.bootstrap.Input-event-*valid"></a>
5599
5600                <div class="fixedFont">
5601                 <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>)
5602
5603                 </div>
5604
5605                 <div class="mdesc">
5606
5607                    <div class="short">Fires after the field has been validated with no errors.
5608
5609                 </div>
5610
5611                     <div class="long">
5612
5613                         Fires after the field has been validated with no errors.
5614
5615
5616
5617
5618
5619                                 <dl class="detailList">
5620                                 <dt class="heading">Parameters:</dt>
5621
5622                                         <dt>
5623                                                 <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>
5624
5625                                         </dt>
5626                                         <dd></dd>
5627
5628                                 </dl>
5629
5630
5631
5632
5633
5634
5635
5636
5637
5638
5639
5640                     </div>
5641                 </div>
5642
5643             </td>
5644             <td class="msource">
5645                 <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
5646             </td>
5647         </tr>
5648
5649
5650     </table>
5651
5652
5653
5654
5655
5656 <!-- ============================== footer ================================= -->
5657                 <div class="fineprint" style="clear:both">
5658
5659                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Nov 17 2017 18:23:45 GMT+0800 (HKT)
5660                         Based on
5661                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5662                 </div>
5663         </body>
5664 </html>