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