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