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