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