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