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