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