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