git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.Signature.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.form.Signature</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.form.Signature-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.form.Signature-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.form.Signature-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.form.Signature-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45                 <div class="inheritance res-block">
  46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
  49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
  50 <img src="../../images/default/s.gif" height="1"  width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.Signature
  51
  52                    </pre>
  53                 </div>
  54
  55 <!-- ============================== class title / details ============================ -->
  56
  57
  58     <h1 class="classTitle">
  59
  60                                 Class Roo.form.Signature
  61                         </h1>
  62
  63     <table cellspacing="0" class="class-summary-table">
  64
  65                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form</td></tr>
  66
  67         <tr><td class="label">Defined In:</td><td class="hd-info">
  68
  69                                         <a href="./src/Roo_form_Signature.js.html">Roo/form/Signature.js</a>.
  70
  71         </td></tr>
  72         <tr><td class="label">Class:</td><td class="hd-info">Signature</td></tr>
  73
  74
  75
  76
  77                 <tr><td class="label">Extends:</td><td class="hd-info">
  78                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
  79
  80                 </td></tr>
  81
  82
  83     </table>
  84
  85
  86 <!-- ============================== class summary ========================== -->
  87     <div class="description">
  88         Signature field.
  89     </div>
  90
  91
  92 <!-- ============================== Class comment block... ========================== -->
  93
  94 <div class="comments">
  95         <b>Class Comments / Notes</B> =>
  96         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.Signature';">[Add Your comment/notes about this class]</u>
  97         <br/>
  98         <iframe frameborder="0"  id="comments-Roo.form" style="border: none;width:100%;"
  99                 src="/blog.php/GtkDjsComments/Roo.form.Signature.html"></iframe>
 100 </div>
 101
 102
 103
 104 <!-- ============================== config options ========================== -->
 105
 106
 107
 108
 109     <div class="hr"></div>
 110     <a id="Roo.form.Signature-configs"></a>
 111
 112
 113
 114
 115
 116       <table cellspacing="0" class="member-table">
 117       <caption>Config Options (Usually are also Properties)</caption>
 118
 119
 120         <tr>
 121             <th class="sig-header" colspan="2">Options</th>
 122
 123             <th class="msource-header">Defined By</th>
 124         </tr>
 125
 126
 127
 128
 129
 130                 <tr class="config-row expandable config-row-alt0">
 131                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 132                     <td class="sig">
 133
 134                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 135                         <div class="fixedFont">
 136                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 137
 138
 139                         </div>
 140
 141                         <div class="mdesc">
 142                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 143                         </div>
 144
 145                         <div class="mdesc">
 146                             <div class="long">
 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.util.Observable-method-hasListener"   name=".hasListener"></a>
2651                 <div class="fixedFont">
2652                         <span class="attributes"></span><b class="itemname">hasListener</b>
2653
2654                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2655
2656
2657                                          :
2658
2659
2660                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2661
2662
2663
2664
2665
2666                 </div>
2667                 <div class="mdesc">
2668
2669                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2670
2671
2672
2673                     <div class="long">
2674
2675                                 Checks to see if this object has any listeners for a specified event
2676
2677
2678
2679
2680
2681
2682                                 <dl class="detailList">
2683                                 <dt class="heading">Parameters:</dt>
2684
2685                                         <dt>
2686                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2687
2688                                         </dt>
2689                                         <dd>The name of the event to check for</dd>
2690
2691                                 </dl>
2692
2693
2694
2695
2696
2697                                 <dl class="detailList">
2698                                 <dt class="heading">Returns:</dt>
2699
2700                                         <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>
2701
2702                                 </dl>
2703
2704
2705
2706
2707
2708
2709
2710                     </div>
2711                 </div>
2712
2713             </td>
2714             <td class="msource">
2715
2716                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2717                 &nbsp;
2718             </td>
2719         </tr>
2720
2721
2722           <tr class="method-row config-row-alt0 expandable">
2723             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2724
2725
2726             <td class="sig">
2727                 <a id="Roo.Component-method-hide"   name=".hide"></a>
2728                 <div class="fixedFont">
2729                         <span class="attributes"></span><b class="itemname">hide</b>
2730
2731                                  ()
2732
2733
2734                                          :
2735
2736
2737                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2738
2739
2740
2741
2742
2743                 </div>
2744                 <div class="mdesc">
2745
2746                    <div class="short">Hide this component.</div>
2747
2748
2749
2750                     <div class="long">
2751
2752                                 Hide this component.
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762
2763                                 <dl class="detailList">
2764                                 <dt class="heading">Returns:</dt>
2765
2766                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2767
2768                                 </dl>
2769
2770
2771
2772
2773
2774
2775
2776                     </div>
2777                 </div>
2778
2779             </td>
2780             <td class="msource">
2781
2782                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2783                 &nbsp;
2784             </td>
2785         </tr>
2786
2787
2788           <tr class="method-row config-row-alt1 expandable">
2789             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2790
2791
2792             <td class="sig">
2793                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
2794                 <div class="fixedFont">
2795                         <span class="attributes"></span><b class="itemname">isDirty</b>
2796
2797                                  ()
2798
2799
2800
2801                 </div>
2802                 <div class="mdesc">
2803
2804                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
2805
2806
2807
2808                     <div class="long">
2809
2810                                 Returns true if this field has been changed since it was originally loaded and is not disabled.
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826
2827                     </div>
2828                 </div>
2829
2830             </td>
2831             <td class="msource">
2832
2833                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</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-isValid"   name=".isValid"></a>
2845                 <div class="fixedFont">
2846                         <span class="attributes"></span><b class="itemname">isValid</b>
2847
2848                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
2849
2850
2851                                          :
2852
2853
2854                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2855
2856
2857
2858
2859
2860                 </div>
2861                 <div class="mdesc">
2862
2863                    <div class="short">Returns whether or not the field value is currently valid</div>
2864
2865
2866
2867                     <div class="long">
2868
2869                                 Returns whether or not the field value is currently valid
2870
2871
2872
2873
2874
2875
2876                                 <dl class="detailList">
2877                                 <dt class="heading">Parameters:</dt>
2878
2879                                         <dt>
2880                                                 <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>
2881
2882                                         </dt>
2883                                         <dd>True to disable marking the field invalid</dd>
2884
2885                                 </dl>
2886
2887
2888
2889
2890
2891                                 <dl class="detailList">
2892                                 <dt class="heading">Returns:</dt>
2893
2894                                         <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>
2895
2896                                 </dl>
2897
2898
2899
2900
2901
2902
2903
2904                     </div>
2905                 </div>
2906
2907             </td>
2908             <td class="msource">
2909
2910                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2911                 &nbsp;
2912             </td>
2913         </tr>
2914
2915
2916           <tr class="method-row config-row-alt1 expandable">
2917             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2918
2919
2920             <td class="sig">
2921                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
2922                 <div class="fixedFont">
2923                         <span class="attributes"></span><b class="itemname">isVisible</b>
2924
2925                                  ()
2926
2927
2928
2929                 </div>
2930                 <div class="mdesc">
2931
2932                    <div class="short">Returns true if this component is visible.</div>
2933
2934
2935
2936                     <div class="long">
2937
2938                                 Returns true if this component is visible.
2939
2940
2941
2942
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954
2955                     </div>
2956                 </div>
2957
2958             </td>
2959             <td class="msource">
2960
2961                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2962                 &nbsp;
2963             </td>
2964         </tr>
2965
2966
2967           <tr class="method-row config-row-alt0 expandable">
2968             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2969
2970
2971             <td class="sig">
2972                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
2973                 <div class="fixedFont">
2974                         <span class="attributes"></span><b class="itemname">markInvalid</b>
2975
2976                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
2977
2978
2979
2980                 </div>
2981                 <div class="mdesc">
2982
2983                    <div class="short">Mark this field as invalid</div>
2984
2985
2986
2987                     <div class="long">
2988
2989                                 Mark this field as invalid
2990
2991
2992
2993
2994
2995
2996                                 <dl class="detailList">
2997                                 <dt class="heading">Parameters:</dt>
2998
2999                                         <dt>
3000                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
3001
3002                                         </dt>
3003                                         <dd>The validation message</dd>
3004
3005                                 </dl>
3006
3007
3008
3009
3010
3011
3012
3013
3014
3015
3016
3017                     </div>
3018                 </div>
3019
3020             </td>
3021             <td class="msource">
3022
3023                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3024                 &nbsp;
3025             </td>
3026         </tr>
3027
3028
3029           <tr class="method-row config-row-alt1 expandable">
3030             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3031
3032
3033             <td class="sig">
3034                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
3035                 <div class="fixedFont">
3036                         <span class="attributes"></span><b class="itemname">on</b>
3037
3038                                  (<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>)
3039
3040
3041
3042                 </div>
3043                 <div class="mdesc">
3044
3045                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
3046
3047
3048
3049                     <div class="long">
3050
3051                                 Appends an event handler to this element (shorthand for addListener)
3052
3053
3054
3055
3056
3057
3058                                 <dl class="detailList">
3059                                 <dt class="heading">Parameters:</dt>
3060
3061                                         <dt>
3062                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3063
3064                                         </dt>
3065                                         <dd>The type of event to listen for</dd>
3066
3067                                         <dt>
3068                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3069
3070                                         </dt>
3071                                         <dd>The method the event invokes</dd>
3072
3073                                         <dt>
3074                                                 <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>
3075
3076                                         </dt>
3077                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
3078
3079                                         <dt>
3080                                                 <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>
3081
3082                                         </dt>
3083                                         <dd>(optional)</dd>
3084
3085                                 </dl>
3086
3087
3088
3089
3090
3091
3092
3093
3094
3095
3096
3097                     </div>
3098                 </div>
3099
3100             </td>
3101             <td class="msource">
3102
3103                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3104                 &nbsp;
3105             </td>
3106         </tr>
3107
3108
3109           <tr class="method-row config-row-alt0 expandable">
3110             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3111
3112
3113             <td class="sig">
3114                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
3115                 <div class="fixedFont">
3116                         <span class="attributes"></span><b class="itemname">onPosition</b>
3117
3118                                  (<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>)
3119
3120
3121
3122                 </div>
3123                 <div class="mdesc">
3124
3125                    <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>
3126
3127
3128
3129                     <div class="long">
3130
3131                                 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.
3132
3133
3134
3135
3136
3137
3138                                 <dl class="detailList">
3139                                 <dt class="heading">Parameters:</dt>
3140
3141                                         <dt>
3142                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3143
3144                                         </dt>
3145                                         <dd>The new x position</dd>
3146
3147                                         <dt>
3148                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3149
3150                                         </dt>
3151                                         <dd>The new y position</dd>
3152
3153                                 </dl>
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165                     </div>
3166                 </div>
3167
3168             </td>
3169             <td class="msource">
3170
3171                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3172                 &nbsp;
3173             </td>
3174         </tr>
3175
3176
3177           <tr class="method-row config-row-alt1 expandable">
3178             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3179
3180
3181             <td class="sig">
3182                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
3183                 <div class="fixedFont">
3184                         <span class="attributes"></span><b class="itemname">onResize</b>
3185
3186                                  (<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>)
3187
3188
3189
3190                 </div>
3191                 <div class="mdesc">
3192
3193                    <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>
3194
3195
3196
3197                     <div class="long">
3198
3199                                 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.
3200
3201
3202
3203
3204
3205
3206                                 <dl class="detailList">
3207                                 <dt class="heading">Parameters:</dt>
3208
3209                                         <dt>
3210                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
3211
3212                                         </dt>
3213                                         <dd>The box-adjusted width that was set</dd>
3214
3215                                         <dt>
3216                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
3217
3218                                         </dt>
3219                                         <dd>The box-adjusted height that was set</dd>
3220
3221                                         <dt>
3222                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
3223
3224                                         </dt>
3225                                         <dd>The width that was originally specified</dd>
3226
3227                                         <dt>
3228                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
3229
3230                                         </dt>
3231                                         <dd>The height that was originally specified</dd>
3232
3233                                 </dl>
3234
3235
3236
3237
3238
3239
3240
3241
3242
3243
3244
3245                     </div>
3246                 </div>
3247
3248             </td>
3249             <td class="msource">
3250
3251                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3252                 &nbsp;
3253             </td>
3254         </tr>
3255
3256
3257           <tr class="method-row config-row-alt0 expandable">
3258             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3259
3260
3261             <td class="sig">
3262                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3263                 <div class="fixedFont">
3264                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3265
3266                                  ()
3267
3268
3269
3270                 </div>
3271                 <div class="mdesc">
3272
3273                    <div class="short">Removes all listeners for this object</div>
3274
3275
3276
3277                     <div class="long">
3278
3279                                 Removes all listeners for this object
3280
3281
3282
3283
3284
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.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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-removeListener"   name=".removeListener"></a>
3314                 <div class="fixedFont">
3315                         <span class="attributes"></span><b class="itemname">removeListener</b>
3316
3317                                  (<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>)
3318
3319
3320
3321                 </div>
3322                 <div class="mdesc">
3323
3324                    <div class="short">Removes a listener</div>
3325
3326
3327
3328                     <div class="long">
3329
3330                                 Removes a listener
3331
3332
3333
3334
3335
3336
3337                                 <dl class="detailList">
3338                                 <dt class="heading">Parameters:</dt>
3339
3340                                         <dt>
3341                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3342
3343                                         </dt>
3344                                         <dd>The type of event to listen for</dd>
3345
3346                                         <dt>
3347                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3348
3349                                         </dt>
3350                                         <dd>The handler to remove</dd>
3351
3352                                         <dt>
3353                                                 <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>
3354
3355                                         </dt>
3356                                         <dd>(optional) The scope (this object) for the handler</dd>
3357
3358                                 </dl>
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370                     </div>
3371                 </div>
3372
3373             </td>
3374             <td class="msource">
3375
3376                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3377                 &nbsp;
3378             </td>
3379         </tr>
3380
3381
3382           <tr class="method-row config-row-alt0 expandable">
3383             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3384
3385
3386             <td class="sig">
3387                 <a id="Roo.Component-method-render"   name=".render"></a>
3388                 <div class="fixedFont">
3389                         <span class="attributes"></span><b class="itemname">render</b>
3390
3391                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
3392
3393
3394
3395                 </div>
3396                 <div class="mdesc">
3397
3398                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
3399
3400
3401
3402                     <div class="long">
3403
3404                                 If this is a lazy rendering component, render it to its container element.
3405
3406
3407
3408
3409
3410
3411                                 <dl class="detailList">
3412                                 <dt class="heading">Parameters:</dt>
3413
3414                                         <dt>
3415                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
3416
3417                                         </dt>
3418                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
3419
3420                                 </dl>
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432                     </div>
3433                 </div>
3434
3435             </td>
3436             <td class="msource">
3437
3438                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3439                 &nbsp;
3440             </td>
3441         </tr>
3442
3443
3444           <tr class="method-row config-row-alt1 expandable">
3445             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3446
3447
3448             <td class="sig">
3449                 <a id="Roo.form.Field-method-reset"   name=".reset"></a>
3450                 <div class="fixedFont">
3451                         <span class="attributes"></span><b class="itemname">reset</b>
3452
3453                                  ()
3454
3455
3456
3457                 </div>
3458                 <div class="mdesc">
3459
3460                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
3461
3462
3463
3464                     <div class="long">
3465
3466                                 Resets the current field value to the originally loaded value and clears any validation messages
3467
3468
3469
3470
3471
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.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</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.Component-method-setDisabled"   name=".setDisabled"></a>
3501                 <div class="fixedFont">
3502                         <span class="attributes"></span><b class="itemname">setDisabled</b>
3503
3504                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
3505
3506
3507
3508                 </div>
3509                 <div class="mdesc">
3510
3511                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
3512
3513
3514
3515                     <div class="long">
3516
3517                                 Convenience function for setting disabled/enabled by boolean.
3518
3519
3520
3521
3522
3523
3524                                 <dl class="detailList">
3525                                 <dt class="heading">Parameters:</dt>
3526
3527                                         <dt>
3528                                                 <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>
3529
3530                                         </dt>
3531                                         <dd></dd>
3532
3533                                 </dl>
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545                     </div>
3546                 </div>
3547
3548             </td>
3549             <td class="msource">
3550
3551                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3552                 &nbsp;
3553             </td>
3554         </tr>
3555
3556
3557           <tr class="method-row config-row-alt1 expandable">
3558             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3559
3560
3561             <td class="sig">
3562                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
3563                 <div class="fixedFont">
3564                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
3565
3566                                  (<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>)
3567
3568
3569
3570                 </div>
3571                 <div class="mdesc">
3572
3573                    <div class="short">Sets the page XY position of the component.</div>
3574
3575
3576
3577                     <div class="long">
3578
3579                                 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.
3580
3581
3582
3583
3584
3585
3586                                 <dl class="detailList">
3587                                 <dt class="heading">Parameters:</dt>
3588
3589                                         <dt>
3590                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3591
3592                                         </dt>
3593                                         <dd>The new x position</dd>
3594
3595                                         <dt>
3596                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3597
3598                                         </dt>
3599                                         <dd>The new y position</dd>
3600
3601                                 </dl>
3602
3603
3604
3605
3606
3607
3608
3609
3610
3611
3612
3613                     </div>
3614                 </div>
3615
3616             </td>
3617             <td class="msource">
3618
3619                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3620                 &nbsp;
3621             </td>
3622         </tr>
3623
3624
3625           <tr class="method-row config-row-alt0 expandable">
3626             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3627
3628
3629             <td class="sig">
3630                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
3631                 <div class="fixedFont">
3632                         <span class="attributes"></span><b class="itemname">setPosition</b>
3633
3634                                  (<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>)
3635
3636
3637
3638                 </div>
3639                 <div class="mdesc">
3640
3641                    <div class="short">Sets the left and top of the component.</div>
3642
3643
3644
3645                     <div class="long">
3646
3647                                 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.
3648
3649
3650
3651
3652
3653
3654                                 <dl class="detailList">
3655                                 <dt class="heading">Parameters:</dt>
3656
3657                                         <dt>
3658                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
3659
3660                                         </dt>
3661                                         <dd>The new left</dd>
3662
3663                                         <dt>
3664                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
3665
3666                                         </dt>
3667                                         <dd>The new top</dd>
3668
3669                                 </dl>
3670
3671
3672
3673
3674
3675
3676
3677
3678
3679
3680
3681                     </div>
3682                 </div>
3683
3684             </td>
3685             <td class="msource">
3686
3687                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3688                 &nbsp;
3689             </td>
3690         </tr>
3691
3692
3693           <tr class="method-row config-row-alt1 expandable">
3694             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3695
3696
3697             <td class="sig">
3698                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
3699                 <div class="fixedFont">
3700                         <span class="attributes"></span><b class="itemname">setRawValue</b>
3701
3702                                  (Mixed <B><i>value</i></B>)
3703
3704
3705
3706                 </div>
3707                 <div class="mdesc">
3708
3709                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
3710
3711
3712
3713                     <div class="long">
3714
3715                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
3716
3717
3718
3719
3720
3721
3722                                 <dl class="detailList">
3723                                 <dt class="heading">Parameters:</dt>
3724
3725                                         <dt>
3726                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3727
3728                                         </dt>
3729                                         <dd>The value to set</dd>
3730
3731                                 </dl>
3732
3733
3734
3735
3736
3737
3738
3739
3740
3741
3742
3743                     </div>
3744                 </div>
3745
3746             </td>
3747             <td class="msource">
3748
3749                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3750                 &nbsp;
3751             </td>
3752         </tr>
3753
3754
3755           <tr class="method-row config-row-alt0 expandable">
3756             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3757
3758
3759             <td class="sig">
3760                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
3761                 <div class="fixedFont">
3762                         <span class="attributes"></span><b class="itemname">setSize</b>
3763
3764                                  (<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>)
3765
3766
3767                                          :
3768
3769
3770                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3771
3772
3773
3774
3775
3776                 </div>
3777                 <div class="mdesc">
3778
3779                    <div class="short">Sets the width and height of the component.</div>
3780
3781
3782
3783                     <div class="long">
3784
3785                                 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}.
3786
3787
3788
3789
3790
3791
3792                                 <dl class="detailList">
3793                                 <dt class="heading">Parameters:</dt>
3794
3795                                         <dt>
3796                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
3797
3798                                         </dt>
3799                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
3800
3801                                         <dt>
3802                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
3803
3804                                         </dt>
3805                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
3806
3807                                 </dl>
3808
3809
3810
3811
3812
3813                                 <dl class="detailList">
3814                                 <dt class="heading">Returns:</dt>
3815
3816                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
3817
3818                                 </dl>
3819
3820
3821
3822
3823
3824
3825
3826                     </div>
3827                 </div>
3828
3829             </td>
3830             <td class="msource">
3831
3832                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3833                 &nbsp;
3834             </td>
3835         </tr>
3836
3837
3838           <tr class="method-row config-row-alt1 expandable">
3839             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3840
3841
3842             <td class="sig">
3843                 <a id="Roo.form.Field-method-setValue"   name=".setValue"></a>
3844                 <div class="fixedFont">
3845                         <span class="attributes"></span><b class="itemname">setValue</b>
3846
3847                                  (Mixed <B><i>value</i></B>)
3848
3849
3850
3851                 </div>
3852                 <div class="mdesc">
3853
3854                    <div class="short">Sets a data value into the field and validates it.</div>
3855
3856
3857
3858                     <div class="long">
3859
3860                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
3861
3862
3863
3864
3865
3866
3867                                 <dl class="detailList">
3868                                 <dt class="heading">Parameters:</dt>
3869
3870                                         <dt>
3871                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
3872
3873                                         </dt>
3874                                         <dd>The value to set</dd>
3875
3876                                 </dl>
3877
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887
3888                     </div>
3889                 </div>
3890
3891             </td>
3892             <td class="msource">
3893
3894                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3895                 &nbsp;
3896             </td>
3897         </tr>
3898
3899
3900           <tr class="method-row config-row-alt0 expandable">
3901             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3902
3903
3904             <td class="sig">
3905                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
3906                 <div class="fixedFont">
3907                         <span class="attributes"></span><b class="itemname">setVisible</b>
3908
3909                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3910
3911
3912                                          :
3913
3914
3915                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3916
3917
3918
3919
3920
3921                 </div>
3922                 <div class="mdesc">
3923
3924                    <div class="short">Convenience function to hide or show this component by boolean.</div>
3925
3926
3927
3928                     <div class="long">
3929
3930                                 Convenience function to hide or show this component by boolean.
3931
3932
3933
3934
3935
3936
3937                                 <dl class="detailList">
3938                                 <dt class="heading">Parameters:</dt>
3939
3940                                         <dt>
3941                                                 <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>
3942
3943                                         </dt>
3944                                         <dd>True to show, false to hide</dd>
3945
3946                                 </dl>
3947
3948
3949
3950
3951
3952                                 <dl class="detailList">
3953                                 <dt class="heading">Returns:</dt>
3954
3955                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3956
3957                                 </dl>
3958
3959
3960
3961
3962
3963
3964
3965                     </div>
3966                 </div>
3967
3968             </td>
3969             <td class="msource">
3970
3971                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3972                 &nbsp;
3973             </td>
3974         </tr>
3975
3976
3977           <tr class="method-row config-row-alt1 expandable">
3978             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3979
3980
3981             <td class="sig">
3982                 <a id="Roo.Component-method-show"   name=".show"></a>
3983                 <div class="fixedFont">
3984                         <span class="attributes"></span><b class="itemname">show</b>
3985
3986                                  ()
3987
3988
3989                                          :
3990
3991
3992                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3993
3994
3995
3996
3997
3998                 </div>
3999                 <div class="mdesc">
4000
4001                    <div class="short">Show this component.</div>
4002
4003
4004
4005                     <div class="long">
4006
4007                                 Show this component.
4008
4009
4010
4011
4012
4013
4014
4015
4016
4017
4018                                 <dl class="detailList">
4019                                 <dt class="heading">Returns:</dt>
4020
4021                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4022
4023                                 </dl>
4024
4025
4026
4027
4028
4029
4030
4031                     </div>
4032                 </div>
4033
4034             </td>
4035             <td class="msource">
4036
4037                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4038                 &nbsp;
4039             </td>
4040         </tr>
4041
4042
4043           <tr class="method-row config-row-alt0 expandable">
4044             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4045
4046
4047             <td class="sig">
4048                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
4049                 <div class="fixedFont">
4050                         <span class="attributes"></span><b class="itemname">syncSize</b>
4051
4052                                  ()
4053
4054
4055
4056                 </div>
4057                 <div class="mdesc">
4058
4059                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
4060
4061
4062
4063                     <div class="long">
4064
4065                                 Force the component's size to recalculate based on the underlying element's current height and width.
4066
4067
4068
4069
4070
4071
4072
4073
4074
4075
4076
4077
4078
4079
4080
4081
4082                     </div>
4083                 </div>
4084
4085             </td>
4086             <td class="msource">
4087
4088                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4089                 &nbsp;
4090             </td>
4091         </tr>
4092
4093
4094           <tr class="method-row config-row-alt1 expandable">
4095             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4096
4097
4098             <td class="sig">
4099                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4100                 <div class="fixedFont">
4101                         <span class="attributes"></span><b class="itemname">un</b>
4102
4103                                  (<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>)
4104
4105
4106
4107                 </div>
4108                 <div class="mdesc">
4109
4110                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4111
4112
4113
4114                     <div class="long">
4115
4116                                 Removes a listener (shorthand for removeListener)
4117
4118
4119
4120
4121
4122
4123                                 <dl class="detailList">
4124                                 <dt class="heading">Parameters:</dt>
4125
4126                                         <dt>
4127                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4128
4129                                         </dt>
4130                                         <dd>The type of event to listen for</dd>
4131
4132                                         <dt>
4133                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4134
4135                                         </dt>
4136                                         <dd>The handler to remove</dd>
4137
4138                                         <dt>
4139                                                 <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>
4140
4141                                         </dt>
4142                                         <dd>(optional) The scope (this object) for the handler</dd>
4143
4144                                 </dl>
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156                     </div>
4157                 </div>
4158
4159             </td>
4160             <td class="msource">
4161
4162                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4163                 &nbsp;
4164             </td>
4165         </tr>
4166
4167
4168           <tr class="method-row config-row-alt0 expandable">
4169             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4170
4171
4172             <td class="sig">
4173                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
4174                 <div class="fixedFont">
4175                         <span class="attributes"></span><b class="itemname">updateBox</b>
4176
4177                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
4178
4179
4180
4181                 </div>
4182                 <div class="mdesc">
4183
4184                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
4185
4186
4187
4188                     <div class="long">
4189
4190                                 Sets the current box measurements of the component's underlying element.
4191
4192
4193
4194
4195
4196
4197                                 <dl class="detailList">
4198                                 <dt class="heading">Parameters:</dt>
4199
4200                                         <dt>
4201                                                 <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>
4202
4203                                         </dt>
4204                                         <dd>An object in the format {x, y, width, height}</dd>
4205
4206                                 </dl>
4207
4208
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218                     </div>
4219                 </div>
4220
4221             </td>
4222             <td class="msource">
4223
4224                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4225                 &nbsp;
4226             </td>
4227         </tr>
4228
4229
4230           <tr class="method-row config-row-alt1 expandable">
4231             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4232
4233
4234             <td class="sig">
4235                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
4236                 <div class="fixedFont">
4237                         <span class="attributes"></span><b class="itemname">validate</b>
4238
4239                                  ()
4240
4241
4242                                          :
4243
4244
4245                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4246
4247
4248
4249
4250
4251                 </div>
4252                 <div class="mdesc">
4253
4254                    <div class="short">Validates the field value</div>
4255
4256
4257
4258                     <div class="long">
4259
4260                                 Validates the field value
4261
4262
4263
4264
4265
4266
4267
4268
4269
4270
4271                                 <dl class="detailList">
4272                                 <dt class="heading">Returns:</dt>
4273
4274                                         <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>
4275
4276                                 </dl>
4277
4278
4279
4280
4281
4282
4283
4284                     </div>
4285                 </div>
4286
4287             </td>
4288             <td class="msource">
4289
4290                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4291                 &nbsp;
4292             </td>
4293         </tr>
4294
4295
4296     </table>
4297
4298
4299   <!-- ============================== events summary / details ======================== -->
4300
4301
4302   <a id="Roo.form.Signature-events"></a>
4303
4304
4305
4306
4307
4308
4309
4310
4311       <table cellspacing="0" class="member-table">
4312                 <caption>Events</caption>
4313               <thead>
4314                 <tr>
4315                     <th class="sig-header" colspan="2">Event</th>
4316                     <th class="msource-header">Defined By</th>
4317
4318                 </tr>
4319               </thead>
4320
4321
4322
4323
4324
4325           <tr class="method-row expandable config-row-alt0">
4326             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4327
4328             <td class="sig">
4329                 <a id="Roo.Component-event-*beforedestroy"></a>
4330
4331                <div class="fixedFont">
4332                 <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>)
4333
4334                 </div>
4335
4336                 <div class="mdesc">
4337
4338                    <div class="short">Fires before the component is destroyed.
4339
4340                 </div>
4341
4342                     <div class="long">
4343
4344                         Fires before the component is destroyed. Return false to stop the destroy.
4345
4346
4347
4348
4349
4350                                 <dl class="detailList">
4351                                 <dt class="heading">Parameters:</dt>
4352
4353                                         <dt>
4354                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4355
4356                                         </dt>
4357                                         <dd></dd>
4358
4359                                 </dl>
4360
4361
4362
4363
4364
4365
4366
4367
4368
4369
4370
4371                     </div>
4372                 </div>
4373
4374             </td>
4375             <td class="msource">
4376                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4377             </td>
4378         </tr>
4379
4380           <tr class="method-row expandable config-row-alt1">
4381             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4382
4383             <td class="sig">
4384                 <a id="Roo.Component-event-*beforehide"></a>
4385
4386                <div class="fixedFont">
4387                 <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>)
4388
4389                 </div>
4390
4391                 <div class="mdesc">
4392
4393                    <div class="short">Fires before the component is hidden.
4394
4395                 </div>
4396
4397                     <div class="long">
4398
4399                         Fires before the component is hidden. Return false to stop the hide.
4400
4401
4402
4403
4404
4405                                 <dl class="detailList">
4406                                 <dt class="heading">Parameters:</dt>
4407
4408                                         <dt>
4409                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4410
4411                                         </dt>
4412                                         <dd></dd>
4413
4414                                 </dl>
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424
4425
4426                     </div>
4427                 </div>
4428
4429             </td>
4430             <td class="msource">
4431                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4432             </td>
4433         </tr>
4434
4435           <tr class="method-row expandable config-row-alt0">
4436             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4437
4438             <td class="sig">
4439                 <a id="Roo.Component-event-*beforerender"></a>
4440
4441                <div class="fixedFont">
4442                 <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>)
4443
4444                 </div>
4445
4446                 <div class="mdesc">
4447
4448                    <div class="short">Fires before the component is rendered.
4449
4450                 </div>
4451
4452                     <div class="long">
4453
4454                         Fires before the component is rendered. Return false to stop the render.
4455
4456
4457
4458
4459
4460                                 <dl class="detailList">
4461                                 <dt class="heading">Parameters:</dt>
4462
4463                                         <dt>
4464                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4465
4466                                         </dt>
4467                                         <dd></dd>
4468
4469                                 </dl>
4470
4471
4472
4473
4474
4475
4476
4477
4478
4479
4480
4481                     </div>
4482                 </div>
4483
4484             </td>
4485             <td class="msource">
4486                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4487             </td>
4488         </tr>
4489
4490           <tr class="method-row expandable config-row-alt1">
4491             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4492
4493             <td class="sig">
4494                 <a id="Roo.Component-event-*beforeshow"></a>
4495
4496                <div class="fixedFont">
4497                 <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>)
4498
4499                 </div>
4500
4501                 <div class="mdesc">
4502
4503                    <div class="short">Fires before the component is shown.
4504
4505                 </div>
4506
4507                     <div class="long">
4508
4509                         Fires before the component is shown.  Return false to stop the show.
4510
4511
4512
4513
4514
4515                                 <dl class="detailList">
4516                                 <dt class="heading">Parameters:</dt>
4517
4518                                         <dt>
4519                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4520
4521                                         </dt>
4522                                         <dd></dd>
4523
4524                                 </dl>
4525
4526
4527
4528
4529
4530
4531
4532
4533
4534
4535
4536                     </div>
4537                 </div>
4538
4539             </td>
4540             <td class="msource">
4541                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4542             </td>
4543         </tr>
4544
4545           <tr class="method-row expandable config-row-alt0">
4546             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4547
4548             <td class="sig">
4549                 <a id="Roo.form.Field-event-*blur"></a>
4550
4551                <div class="fixedFont">
4552                 <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>)
4553
4554                 </div>
4555
4556                 <div class="mdesc">
4557
4558                    <div class="short">Fires when this field loses input focus.
4559
4560                 </div>
4561
4562                     <div class="long">
4563
4564                         Fires when this field loses input focus.
4565
4566
4567
4568
4569
4570                                 <dl class="detailList">
4571                                 <dt class="heading">Parameters:</dt>
4572
4573                                         <dt>
4574                                                 <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>
4575
4576                                         </dt>
4577                                         <dd></dd>
4578
4579                                 </dl>
4580
4581
4582
4583
4584
4585
4586
4587
4588
4589
4590
4591                     </div>
4592                 </div>
4593
4594             </td>
4595             <td class="msource">
4596                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4597             </td>
4598         </tr>
4599
4600           <tr class="method-row expandable config-row-alt1">
4601             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4602
4603             <td class="sig">
4604                 <a id="Roo.form.Field-event-*change"></a>
4605
4606                <div class="fixedFont">
4607                 <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>)
4608
4609                 </div>
4610
4611                 <div class="mdesc">
4612
4613                    <div class="short">Fires just before the field blurs if the field value has changed.
4614
4615                 </div>
4616
4617                     <div class="long">
4618
4619                         Fires just before the field blurs if the field value has changed.
4620
4621
4622
4623
4624
4625                                 <dl class="detailList">
4626                                 <dt class="heading">Parameters:</dt>
4627
4628                                         <dt>
4629                                                 <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>
4630
4631                                         </dt>
4632                                         <dd></dd>
4633
4634                                         <dt>
4635                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
4636
4637                                         </dt>
4638                                         <dd>The new value</dd>
4639
4640                                         <dt>
4641                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
4642
4643                                         </dt>
4644                                         <dd>The original value</dd>
4645
4646                                 </dl>
4647
4648
4649
4650
4651
4652
4653
4654
4655
4656
4657
4658                     </div>
4659                 </div>
4660
4661             </td>
4662             <td class="msource">
4663                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4664             </td>
4665         </tr>
4666
4667           <tr class="method-row expandable config-row-alt0 notInherited">
4668             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4669
4670             <td class="sig">
4671                 <a id="Roo.form.Signature-event-*confirm"></a>
4672
4673                <div class="fixedFont">
4674                 <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>)
4675
4676                 </div>
4677
4678                 <div class="mdesc">
4679
4680                    <div class="short">Fires when the 'confirm' icon is pressed (add a listener to enable add button)
4681
4682                 </div>
4683
4684                     <div class="long">
4685
4686                         Fires when the 'confirm' icon is pressed (add a listener to enable add button)
4687
4688
4689
4690
4691
4692                                 <dl class="detailList">
4693                                 <dt class="heading">Parameters:</dt>
4694
4695                                         <dt>
4696                                                 <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>
4697
4698                                         </dt>
4699                                         <dd>This combo box</dd>
4700
4701                                 </dl>
4702
4703
4704
4705
4706
4707
4708
4709
4710
4711
4712
4713                     </div>
4714                 </div>
4715
4716             </td>
4717             <td class="msource">
4718                 Roo.form.Signature
4719             </td>
4720         </tr>
4721
4722           <tr class="method-row expandable config-row-alt1">
4723             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4724
4725             <td class="sig">
4726                 <a id="Roo.Component-event-*destroy"></a>
4727
4728                <div class="fixedFont">
4729                 <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>)
4730
4731                 </div>
4732
4733                 <div class="mdesc">
4734
4735                    <div class="short">Fires after the component is destroyed.
4736
4737                 </div>
4738
4739                     <div class="long">
4740
4741                         Fires after the component is destroyed.
4742
4743
4744
4745
4746
4747                                 <dl class="detailList">
4748                                 <dt class="heading">Parameters:</dt>
4749
4750                                         <dt>
4751                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4752
4753                                         </dt>
4754                                         <dd></dd>
4755
4756                                 </dl>
4757
4758
4759
4760
4761
4762
4763
4764
4765
4766
4767
4768                     </div>
4769                 </div>
4770
4771             </td>
4772             <td class="msource">
4773                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4774             </td>
4775         </tr>
4776
4777           <tr class="method-row expandable config-row-alt0">
4778             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4779
4780             <td class="sig">
4781                 <a id="Roo.Component-event-*disable"></a>
4782
4783                <div class="fixedFont">
4784                 <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>)
4785
4786                 </div>
4787
4788                 <div class="mdesc">
4789
4790                    <div class="short">Fires after the component is disabled.
4791
4792                 </div>
4793
4794                     <div class="long">
4795
4796                         Fires after the component is disabled.
4797
4798
4799
4800
4801
4802                                 <dl class="detailList">
4803                                 <dt class="heading">Parameters:</dt>
4804
4805                                         <dt>
4806                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4807
4808                                         </dt>
4809                                         <dd></dd>
4810
4811                                 </dl>
4812
4813
4814
4815
4816
4817
4818
4819
4820
4821
4822
4823                     </div>
4824                 </div>
4825
4826             </td>
4827             <td class="msource">
4828                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4829             </td>
4830         </tr>
4831
4832           <tr class="method-row expandable config-row-alt1">
4833             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4834
4835             <td class="sig">
4836                 <a id="Roo.Component-event-*enable"></a>
4837
4838                <div class="fixedFont">
4839                 <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>)
4840
4841                 </div>
4842
4843                 <div class="mdesc">
4844
4845                    <div class="short">Fires after the component is enabled.
4846
4847                 </div>
4848
4849                     <div class="long">
4850
4851                         Fires after the component is enabled.
4852
4853
4854
4855
4856
4857                                 <dl class="detailList">
4858                                 <dt class="heading">Parameters:</dt>
4859
4860                                         <dt>
4861                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4862
4863                                         </dt>
4864                                         <dd></dd>
4865
4866                                 </dl>
4867
4868
4869
4870
4871
4872
4873
4874
4875
4876
4877
4878                     </div>
4879                 </div>
4880
4881             </td>
4882             <td class="msource">
4883                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4884             </td>
4885         </tr>
4886
4887           <tr class="method-row expandable config-row-alt0">
4888             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4889
4890             <td class="sig">
4891                 <a id="Roo.form.Field-event-*focus"></a>
4892
4893                <div class="fixedFont">
4894                 <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>)
4895
4896                 </div>
4897
4898                 <div class="mdesc">
4899
4900                    <div class="short">Fires when this field receives input focus.
4901
4902                 </div>
4903
4904                     <div class="long">
4905
4906                         Fires when this field receives input focus.
4907
4908
4909
4910
4911
4912                                 <dl class="detailList">
4913                                 <dt class="heading">Parameters:</dt>
4914
4915                                         <dt>
4916                                                 <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>
4917
4918                                         </dt>
4919                                         <dd></dd>
4920
4921                                 </dl>
4922
4923
4924
4925
4926
4927
4928
4929
4930
4931
4932
4933                     </div>
4934                 </div>
4935
4936             </td>
4937             <td class="msource">
4938                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4939             </td>
4940         </tr>
4941
4942           <tr class="method-row expandable config-row-alt1">
4943             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4944
4945             <td class="sig">
4946                 <a id="Roo.Component-event-*hide"></a>
4947
4948                <div class="fixedFont">
4949                 <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>)
4950
4951                 </div>
4952
4953                 <div class="mdesc">
4954
4955                    <div class="short">Fires after the component is hidden.
4956
4957                 </div>
4958
4959                     <div class="long">
4960
4961                         Fires after the component is hidden.
4962
4963
4964
4965
4966
4967                                 <dl class="detailList">
4968                                 <dt class="heading">Parameters:</dt>
4969
4970                                         <dt>
4971                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4972
4973                                         </dt>
4974                                         <dd></dd>
4975
4976                                 </dl>
4977
4978
4979
4980
4981
4982
4983
4984
4985
4986
4987
4988                     </div>
4989                 </div>
4990
4991             </td>
4992             <td class="msource">
4993                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4994             </td>
4995         </tr>
4996
4997           <tr class="method-row expandable config-row-alt0">
4998             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4999
5000             <td class="sig">
5001                 <a id="Roo.form.Field-event-*invalid"></a>
5002
5003                <div class="fixedFont">
5004                 <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>)
5005
5006                 </div>
5007
5008                 <div class="mdesc">
5009
5010                    <div class="short">Fires after the field has been marked as invalid.
5011
5012                 </div>
5013
5014                     <div class="long">
5015
5016                         Fires after the field has been marked as invalid.
5017
5018
5019
5020
5021
5022                                 <dl class="detailList">
5023                                 <dt class="heading">Parameters:</dt>
5024
5025                                         <dt>
5026                                                 <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>
5027
5028                                         </dt>
5029                                         <dd></dd>
5030
5031                                         <dt>
5032                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
5033
5034                                         </dt>
5035                                         <dd>The validation message</dd>
5036
5037                                 </dl>
5038
5039
5040
5041
5042
5043
5044
5045
5046
5047
5048
5049                     </div>
5050                 </div>
5051
5052             </td>
5053             <td class="msource">
5054                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5055             </td>
5056         </tr>
5057
5058           <tr class="method-row expandable config-row-alt1">
5059             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5060
5061             <td class="sig">
5062                 <a id="Roo.form.Field-event-*keyup"></a>
5063
5064                <div class="fixedFont">
5065                 <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>)
5066
5067                 </div>
5068
5069                 <div class="mdesc">
5070
5071                    <div class="short">Fires after the key up
5072
5073                 </div>
5074
5075                     <div class="long">
5076
5077                         Fires after the key up
5078
5079
5080
5081
5082
5083                                 <dl class="detailList">
5084                                 <dt class="heading">Parameters:</dt>
5085
5086                                         <dt>
5087                                                 <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>
5088
5089                                         </dt>
5090                                         <dd></dd>
5091
5092                                         <dt>
5093                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5094
5095                                         </dt>
5096                                         <dd>The event Object</dd>
5097
5098                                 </dl>
5099
5100
5101
5102
5103
5104
5105
5106
5107
5108
5109
5110                     </div>
5111                 </div>
5112
5113             </td>
5114             <td class="msource">
5115                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5116             </td>
5117         </tr>
5118
5119           <tr class="method-row expandable config-row-alt0">
5120             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5121
5122             <td class="sig">
5123                 <a id="Roo.BoxComponent-event-*move"></a>
5124
5125                <div class="fixedFont">
5126                 <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>)
5127
5128                 </div>
5129
5130                 <div class="mdesc">
5131
5132                    <div class="short">Fires after the component is moved.
5133
5134                 </div>
5135
5136                     <div class="long">
5137
5138                         Fires after the component is moved.
5139
5140
5141
5142
5143
5144                                 <dl class="detailList">
5145                                 <dt class="heading">Parameters:</dt>
5146
5147                                         <dt>
5148                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5149
5150                                         </dt>
5151                                         <dd></dd>
5152
5153                                         <dt>
5154                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
5155
5156                                         </dt>
5157                                         <dd>The new x position</dd>
5158
5159                                         <dt>
5160                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
5161
5162                                         </dt>
5163                                         <dd>The new y position</dd>
5164
5165                                 </dl>
5166
5167
5168
5169
5170
5171
5172
5173
5174
5175
5176
5177                     </div>
5178                 </div>
5179
5180             </td>
5181             <td class="msource">
5182                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5183             </td>
5184         </tr>
5185
5186           <tr class="method-row expandable config-row-alt1">
5187             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5188
5189             <td class="sig">
5190                 <a id="Roo.Component-event-*render"></a>
5191
5192                <div class="fixedFont">
5193                 <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>)
5194
5195                 </div>
5196
5197                 <div class="mdesc">
5198
5199                    <div class="short">Fires after the component is rendered.
5200
5201                 </div>
5202
5203                     <div class="long">
5204
5205                         Fires after the component is rendered.
5206
5207
5208
5209
5210
5211                                 <dl class="detailList">
5212                                 <dt class="heading">Parameters:</dt>
5213
5214                                         <dt>
5215                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5216
5217                                         </dt>
5218                                         <dd></dd>
5219
5220                                 </dl>
5221
5222
5223
5224
5225
5226
5227
5228
5229
5230
5231
5232                     </div>
5233                 </div>
5234
5235             </td>
5236             <td class="msource">
5237                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5238             </td>
5239         </tr>
5240
5241           <tr class="method-row expandable config-row-alt0 notInherited">
5242             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5243
5244             <td class="sig">
5245                 <a id="Roo.form.Signature-event-*reset"></a>
5246
5247                <div class="fixedFont">
5248                 <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>)
5249
5250                 </div>
5251
5252                 <div class="mdesc">
5253
5254                    <div class="short">Fires when the 'edit' icon is pressed (add a listener to enable add button)
5255
5256                 </div>
5257
5258                     <div class="long">
5259
5260                         Fires when the 'edit' icon is pressed (add a listener to enable add button)
5261
5262
5263
5264
5265
5266                                 <dl class="detailList">
5267                                 <dt class="heading">Parameters:</dt>
5268
5269                                         <dt>
5270                                                 <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>
5271
5272                                         </dt>
5273                                         <dd>This combo box</dd>
5274
5275                                         <dt>
5276                                                 <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>
5277
5278                                         </dt>
5279                                         <dd>The data record returned from the underlying store (or false on nothing selected)</dd>
5280
5281                                 </dl>
5282
5283
5284
5285
5286
5287
5288
5289
5290
5291
5292
5293                     </div>
5294                 </div>
5295
5296             </td>
5297             <td class="msource">
5298                 Roo.form.Signature
5299             </td>
5300         </tr>
5301
5302           <tr class="method-row expandable config-row-alt1">
5303             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5304
5305             <td class="sig">
5306                 <a id="Roo.BoxComponent-event-*resize"></a>
5307
5308                <div class="fixedFont">
5309                 <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>)
5310
5311                 </div>
5312
5313                 <div class="mdesc">
5314
5315                    <div class="short">Fires after the component is resized.
5316
5317                 </div>
5318
5319                     <div class="long">
5320
5321                         Fires after the component is resized.
5322
5323
5324
5325
5326
5327                                 <dl class="detailList">
5328                                 <dt class="heading">Parameters:</dt>
5329
5330                                         <dt>
5331                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5332
5333                                         </dt>
5334                                         <dd></dd>
5335
5336                                         <dt>
5337                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
5338
5339                                         </dt>
5340                                         <dd>The box-adjusted width that was set</dd>
5341
5342                                         <dt>
5343                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
5344
5345                                         </dt>
5346                                         <dd>The box-adjusted height that was set</dd>
5347
5348                                         <dt>
5349                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
5350
5351                                         </dt>
5352                                         <dd>The width that was originally specified</dd>
5353
5354                                         <dt>
5355                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
5356
5357                                         </dt>
5358                                         <dd>The height that was originally specified</dd>
5359
5360                                 </dl>
5361
5362
5363
5364
5365
5366
5367
5368
5369
5370
5371
5372                     </div>
5373                 </div>
5374
5375             </td>
5376             <td class="msource">
5377                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5378             </td>
5379         </tr>
5380
5381           <tr class="method-row expandable config-row-alt0">
5382             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5383
5384             <td class="sig">
5385                 <a id="Roo.Component-event-*show"></a>
5386
5387                <div class="fixedFont">
5388                 <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>)
5389
5390                 </div>
5391
5392                 <div class="mdesc">
5393
5394                    <div class="short">Fires after the component is shown.
5395
5396                 </div>
5397
5398                     <div class="long">
5399
5400                         Fires after the component is shown.
5401
5402
5403
5404
5405
5406                                 <dl class="detailList">
5407                                 <dt class="heading">Parameters:</dt>
5408
5409                                         <dt>
5410                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
5411
5412                                         </dt>
5413                                         <dd></dd>
5414
5415                                 </dl>
5416
5417
5418
5419
5420
5421
5422
5423
5424
5425
5426
5427                     </div>
5428                 </div>
5429
5430             </td>
5431             <td class="msource">
5432                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5433             </td>
5434         </tr>
5435
5436           <tr class="method-row expandable config-row-alt1">
5437             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5438
5439             <td class="sig">
5440                 <a id="Roo.form.Field-event-*specialkey"></a>
5441
5442                <div class="fixedFont">
5443                 <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>)
5444
5445                 </div>
5446
5447                 <div class="mdesc">
5448
5449                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
5450
5451                 </div>
5452
5453                     <div class="long">
5454
5455                         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.
5456
5457
5458
5459
5460
5461                                 <dl class="detailList">
5462                                 <dt class="heading">Parameters:</dt>
5463
5464                                         <dt>
5465                                                 <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>
5466
5467                                         </dt>
5468                                         <dd></dd>
5469
5470                                         <dt>
5471                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
5472
5473                                         </dt>
5474                                         <dd>The event object</dd>
5475
5476                                 </dl>
5477
5478
5479
5480
5481
5482
5483
5484
5485
5486
5487
5488                     </div>
5489                 </div>
5490
5491             </td>
5492             <td class="msource">
5493                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5494             </td>
5495         </tr>
5496
5497           <tr class="method-row expandable config-row-alt0">
5498             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5499
5500             <td class="sig">
5501                 <a id="Roo.form.Field-event-*valid"></a>
5502
5503                <div class="fixedFont">
5504                 <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>)
5505
5506                 </div>
5507
5508                 <div class="mdesc">
5509
5510                    <div class="short">Fires after the field has been validated with no errors.
5511
5512                 </div>
5513
5514                     <div class="long">
5515
5516                         Fires after the field has been validated with no errors.
5517
5518
5519
5520
5521
5522                                 <dl class="detailList">
5523                                 <dt class="heading">Parameters:</dt>
5524
5525                                         <dt>
5526                                                 <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>
5527
5528                                         </dt>
5529                                         <dd></dd>
5530
5531                                 </dl>
5532
5533
5534
5535
5536
5537
5538
5539
5540
5541
5542
5543                     </div>
5544                 </div>
5545
5546             </td>
5547             <td class="msource">
5548                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5549             </td>
5550         </tr>
5551
5552
5553     </table>
5554
5555
5556
5557
5558
5559 <!-- ============================== footer ================================= -->
5560                 <div class="fineprint" style="clear:both">
5561
5562                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 28 2016 18:04:17 GMT+0800 (HKT)
5563                         Based on
5564                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
5565                 </div>
5566         </body>
5567 </html>