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