git.roojs.org Git - roojs1/blob - docs/symbols/Roo.Layer.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.Layer</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.Layer-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.Layer-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.Layer-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.Layer-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.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
  47 <img src="../../images/default/s.gif" height="1"  width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.Layer
  48
  49                    </pre>
  50                 </div>
  51
  52 <!-- ============================== class title / details ============================ -->
  53
  54
  55     <h1 class="classTitle">
  56
  57                                 Class Roo.Layer
  58                         </h1>
  59
  60     <table cellspacing="0" class="class-summary-table">
  61
  62                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  63
  64         <tr><td class="label">Defined In:</td><td class="hd-info">
  65
  66                                         <a href="./src/Roo_Layer.js.html">Roo/Layer.js</a>.
  67
  68         </td></tr>
  69         <tr><td class="label">Class:</td><td class="hd-info">Layer</td></tr>
  70
  71
  72
  73
  74                 <tr><td class="label">Extends:</td><td class="hd-info">
  75                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
  76
  77                 </td></tr>
  78
  79
  80     </table>
  81
  82
  83 <!-- ============================== class summary ========================== -->
  84     <div class="description">
  85         An extended {<b>link</b> Roo.Element} object that supports a shadow and shim, constrain to viewport and<br/>automatic maintaining of shadow/shim positions.
  86     </div>
  87
  88
  89 <!-- ============================== Class comment block... ========================== -->
  90
  91 <div class="comments">
  92         <b>Class Comments / Notes</B> =>
  93         <u onclick="parent.CommentDialog.showCommentId = 'Roo.Layer';">[Add Your comment/notes about this class]</u>
  94         <br/>
  95         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
  96                 src="/blog.php/GtkDjsComments/Roo.Layer.html"></iframe>
  97 </div>
  98
  99
 100
 101 <!-- ============================== config options ========================== -->
 102
 103
 104
 105
 106     <div class="hr"></div>
 107     <a id="Roo.Layer-configs"></a>
 108
 109
 110
 111
 112
 113       <table cellspacing="0" class="member-table">
 114       <caption>Config Options (Usually are also Properties)</caption>
 115
 116
 117         <tr>
 118             <th class="sig-header" colspan="2">Options</th>
 119
 120             <th class="msource-header">Defined By</th>
 121         </tr>
 122
 123
 124
 125
 126
 127                 <tr class="config-row expandable config-row-alt0 notInherited">
 128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 129                     <td class="sig">
 130
 131                         <a id="Roo.Layer-cfg-cls" name=".cls"></a>
 132                         <div class="fixedFont">
 133                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 134
 135
 136                         </div>
 137
 138                         <div class="mdesc">
 139                             <div class="short">CSS class to add to the element</div>
 140                         </div>
 141
 142                         <div class="mdesc">
 143                             <div class="long">CSS class to add to the element</div>
 144                         </div>
 145
 146
 147
 148                     </td>
 149                     <td class="msource">
 150
 151                         Roo.Layer
 152
 153                     </td>
 154                 </tr>
 155
 156
 157                 <tr class="config-row expandable config-row-alt1 notInherited">
 158                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 159                     <td class="sig">
 160
 161                         <a id="Roo.Layer-cfg-constrain" name=".constrain"></a>
 162                         <div class="fixedFont">
 163                                 <b  class="itemname">constrain</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 164
 165
 166                         </div>
 167
 168                         <div class="mdesc">
 169                             <div class="short">False to disable constrain to viewport (defaults to true)</div>
 170                         </div>
 171
 172                         <div class="mdesc">
 173                             <div class="long">False to disable constrain to viewport (defaults to true)</div>
 174                         </div>
 175
 176
 177
 178                     </td>
 179                     <td class="msource">
 180
 181                         Roo.Layer
 182
 183                     </td>
 184                 </tr>
 185
 186
 187                 <tr class="config-row expandable config-row-alt0 notInherited">
 188                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 189                     <td class="sig">
 190
 191                         <a id="Roo.Layer-cfg-dh" name=".dh"></a>
 192                         <div class="fixedFont">
 193                                 <b  class="itemname">dh</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 194
 195
 196                         </div>
 197
 198                         <div class="mdesc">
 199                             <div class="short">DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).</div>
 200                         </div>
 201
 202                         <div class="mdesc">
 203                             <div class="long">DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).</div>
 204                         </div>
 205
 206
 207
 208                     </td>
 209                     <td class="msource">
 210
 211                         Roo.Layer
 212
 213                     </td>
 214                 </tr>
 215
 216
 217                 <tr class="config-row expandable config-row-alt1 notInherited">
 218                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 219                     <td class="sig">
 220
 221                         <a id="Roo.Layer-cfg-shadow" name=".shadow"></a>
 222                         <div class="fixedFont">
 223                                 <b  class="itemname">shadow</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
 224
 225
 226                         </div>
 227
 228                         <div class="mdesc">
 229                             <div class="short">True to create a shadow element with default class "x-layer-shadow", or<br/>you can pass a string with a CSS class name.</div>
 230                         </div>
 231
 232                         <div class="mdesc">
 233                             <div class="long">True to create a shadow element with default class "x-layer-shadow", or<br/>you can pass a string with a CSS class name. False turns off the shadow.</div>
 234                         </div>
 235
 236
 237
 238                     </td>
 239                     <td class="msource">
 240
 241                         Roo.Layer
 242
 243                     </td>
 244                 </tr>
 245
 246
 247                 <tr class="config-row expandable config-row-alt0 notInherited">
 248                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 249                     <td class="sig">
 250
 251                         <a id="Roo.Layer-cfg-shadowOffset" name=".shadowOffset"></a>
 252                         <div class="fixedFont">
 253                                 <b  class="itemname">shadowOffset</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 254
 255
 256                         </div>
 257
 258                         <div class="mdesc">
 259                             <div class="short">Number of pixels to offset the shadow (defaults to 3)</div>
 260                         </div>
 261
 262                         <div class="mdesc">
 263                             <div class="long">Number of pixels to offset the shadow (defaults to 3)</div>
 264                         </div>
 265
 266
 267
 268                     </td>
 269                     <td class="msource">
 270
 271                         Roo.Layer
 272
 273                     </td>
 274                 </tr>
 275
 276
 277                 <tr class="config-row expandable config-row-alt1 notInherited">
 278                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 279                     <td class="sig">
 280
 281                         <a id="Roo.Layer-cfg-shim" name=".shim"></a>
 282                         <div class="fixedFont">
 283                                 <b  class="itemname">shim</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 284
 285
 286                         </div>
 287
 288                         <div class="mdesc">
 289                             <div class="short">False to disable the iframe shim in browsers which need one (defaults to true)</div>
 290                         </div>
 291
 292                         <div class="mdesc">
 293                             <div class="long">False to disable the iframe shim in browsers which need one (defaults to true)</div>
 294                         </div>
 295
 296
 297
 298                     </td>
 299                     <td class="msource">
 300
 301                         Roo.Layer
 302
 303                     </td>
 304                 </tr>
 305
 306
 307                 <tr class="config-row expandable config-row-alt0 notInherited">
 308                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 309                     <td class="sig">
 310
 311                         <a id="Roo.Layer-cfg-zindex" name=".zindex"></a>
 312                         <div class="fixedFont">
 313                                 <b  class="itemname">zindex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 314
 315
 316                         </div>
 317
 318                         <div class="mdesc">
 319                             <div class="short">Starting z-index (defaults to 11000)</div>
 320                         </div>
 321
 322                         <div class="mdesc">
 323                             <div class="long">Starting z-index (defaults to 11000)</div>
 324                         </div>
 325
 326
 327
 328                     </td>
 329                     <td class="msource">
 330
 331                         Roo.Layer
 332
 333                     </td>
 334                 </tr>
 335
 336
 337     </table>
 338
 339
 340
 341
 342
 343
 344
 345
 346
 347   <!-- ============================== public properties ==================== -->
 348
 349
 350
 351     <a id="Roo.Layer-props"></a>
 352
 353
 354
 355
 356
 357
 358
 359       <table cellspacing="0" class="member-table">
 360       <caption>Public Properties </caption>
 361         <tr>
 362             <th class="sig-header" colspan="2">Property</th>
 363             <th class="sig-header">Description</th>
 364             <th class="msource-header">Defined By</th>
 365         </tr>
 366
 367
 368
 369
 370
 371
 372
 373
 374           <tr class="property-row config-row-alt0">
 375             <td class="micon">
 376                 <a class="exi" href="#expand">&nbsp;</a>
 377             </td>
 378             <td class="sig">
 379                <a id="Roo.Element-prop-DISPLAY" name=".DISPLAY"></a>
 380                <div class="fixedFont">
 381                     <span class="attributes">Roo.Layer.</span><b  class="itemname">DISPLAY</b> :
 382                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 383                      </div>
 384             </td>
 385             <td class="sig">
 386                 <div class="mdesc">
 387
 388
 389                    <div class="short">
 390                         Visibility mode constant - Use display to hide element
 391
 392
 393
 394                    </div>
 395
 396                     <div class="long">
 397
 398                         Visibility mode constant - Use display to hide element
 399
 400                 </div>
 401                 </div>
 402             </td>
 403
 404             <td class="msource">
 405             <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 406             </td>
 407
 408           </tr>
 409
 410
 411
 412
 413           <tr class="property-row config-row-alt1">
 414             <td class="micon">
 415                 <a class="exi" href="#expand">&nbsp;</a>
 416             </td>
 417             <td class="sig">
 418                <a id="Roo.Element-prop-VISIBILITY" name=".VISIBILITY"></a>
 419                <div class="fixedFont">
 420                     <span class="attributes">Roo.Layer.</span><b  class="itemname">VISIBILITY</b> :
 421                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 422                      </div>
 423             </td>
 424             <td class="sig">
 425                 <div class="mdesc">
 426
 427
 428                    <div class="short">
 429                         Visibility mode constant - Use visibility to hide element
 430
 431
 432
 433                    </div>
 434
 435                     <div class="long">
 436
 437                         Visibility mode constant - Use visibility to hide element
 438
 439                 </div>
 440                 </div>
 441             </td>
 442
 443             <td class="msource">
 444             <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 445             </td>
 446
 447           </tr>
 448
 449
 450
 451
 452
 453         <!-- TODO: implement this alt row.  also notice non-linked "Defined by" when property is a part of this class.
 454         <tr class="property-row alt">
 455
 456         -->
 457
 458     </table>
 459
 460
 461   <!-- ============================== methods summary / details ======================== -->
 462
 463
 464   <a id="Roo.Layer-methods"></a>
 465         <!-- constructor?? -->
 466
 467         <!-- static's first
 468
 469
 470         -->
 471
 472         <!-- then dynamics first -->
 473
 474
 475
 476
 477
 478
 479       <table cellspacing="0" class="member-table">
 480       <caption>Public Methods</caption>
 481         <tr>
 482             <th class="sig-header" colspan="2">Method</th>
 483             <th class="msource-header">Defined By</th>
 484
 485         </tr>
 486
 487
 488
 489
 490
 491
 492
 493           <tr class="method-row config-row-alt0 expandable notInherited">
 494             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 495
 496
 497             <td class="sig">
 498                 <a id="Roo-method-Layer"   name=".Layer"></a>
 499                 <div class="fixedFont">
 500                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">Layer</b>
 501
 502                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>existingEl</i></B>)
 503
 504
 505
 506                 </div>
 507                 <div class="mdesc">
 508
 509
 510                         <div class="short">Create a new Roo.Layer</div>
 511
 512
 513                     <div class="long">
 514
 515
 516
 517                                 Create a new Roo.Layer
 518
 519
 520                                 <dl class="detailList">
 521                                 <dt class="heading">Parameters:</dt>
 522
 523                                         <dt>
 524                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
 525
 526                                         </dt>
 527                                         <dd>An object with config options.</dd>
 528
 529                                         <dt>
 530                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span>  <b>existingEl</b>
 531
 532                                         </dt>
 533                                         <dd>(optional) Uses an existing DOM element. If the element is not found it creates it.</dd>
 534
 535                                 </dl>
 536
 537
 538
 539
 540
 541
 542
 543
 544
 545
 546
 547                     </div>
 548                 </div>
 549
 550             </td>
 551             <td class="msource">
 552                 &nbsp;
 553             </td>
 554         </tr>
 555
 556
 557           <tr class="method-row config-row-alt1 expandable">
 558             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 559
 560
 561             <td class="sig">
 562                 <a id="Roo.Element-method-addClass"   name=".addClass"></a>
 563                 <div class="fixedFont">
 564                         <span class="attributes"></span><b class="itemname">addClass</b>
 565
 566                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
 567
 568
 569                                          :
 570
 571
 572                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 573
 574
 575
 576
 577
 578                 </div>
 579                 <div class="mdesc">
 580
 581                    <div class="short">Adds one or more CSS classes to the element.</div>
 582
 583
 584
 585                     <div class="long">
 586
 587                                 Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.
 588
 589
 590
 591
 592
 593
 594                                 <dl class="detailList">
 595                                 <dt class="heading">Parameters:</dt>
 596
 597                                         <dt>
 598                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
 599
 600                                         </dt>
 601                                         <dd>The CSS class to add, or an array of classes</dd>
 602
 603                                 </dl>
 604
 605
 606
 607
 608
 609                                 <dl class="detailList">
 610                                 <dt class="heading">Returns:</dt>
 611
 612                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
 613
 614                                 </dl>
 615
 616
 617
 618
 619
 620
 621
 622                     </div>
 623                 </div>
 624
 625             </td>
 626             <td class="msource">
 627
 628                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 629                 &nbsp;
 630             </td>
 631         </tr>
 632
 633
 634           <tr class="method-row config-row-alt0 expandable">
 635             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 636
 637
 638             <td class="sig">
 639                 <a id="Roo.Element-method-addClassOnClick"   name=".addClassOnClick"></a>
 640                 <div class="fixedFont">
 641                         <span class="attributes"></span><b class="itemname">addClassOnClick</b>
 642
 643                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
 644
 645
 646                                          :
 647
 648
 649                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 650
 651
 652
 653
 654
 655                 </div>
 656                 <div class="mdesc">
 657
 658                    <div class="short">Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)</div>
 659
 660
 661
 662                     <div class="long">
 663
 664                                 Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)
 665
 666
 667
 668
 669
 670
 671                                 <dl class="detailList">
 672                                 <dt class="heading">Parameters:</dt>
 673
 674                                         <dt>
 675                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
 676
 677                                         </dt>
 678                                         <dd></dd>
 679
 680                                 </dl>
 681
 682
 683
 684
 685
 686                                 <dl class="detailList">
 687                                 <dt class="heading">Returns:</dt>
 688
 689                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
 690
 691                                 </dl>
 692
 693
 694
 695
 696
 697
 698
 699                     </div>
 700                 </div>
 701
 702             </td>
 703             <td class="msource">
 704
 705                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 706                 &nbsp;
 707             </td>
 708         </tr>
 709
 710
 711           <tr class="method-row config-row-alt1 expandable">
 712             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 713
 714
 715             <td class="sig">
 716                 <a id="Roo.Element-method-addClassOnFocus"   name=".addClassOnFocus"></a>
 717                 <div class="fixedFont">
 718                         <span class="attributes"></span><b class="itemname">addClassOnFocus</b>
 719
 720                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
 721
 722
 723                                          :
 724
 725
 726                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 727
 728
 729
 730
 731
 732                 </div>
 733                 <div class="mdesc">
 734
 735                    <div class="short">Sets up event handlers to add and remove a css class when this element has the focus</div>
 736
 737
 738
 739                     <div class="long">
 740
 741                                 Sets up event handlers to add and remove a css class when this element has the focus
 742
 743
 744
 745
 746
 747
 748                                 <dl class="detailList">
 749                                 <dt class="heading">Parameters:</dt>
 750
 751                                         <dt>
 752                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
 753
 754                                         </dt>
 755                                         <dd></dd>
 756
 757                                 </dl>
 758
 759
 760
 761
 762
 763                                 <dl class="detailList">
 764                                 <dt class="heading">Returns:</dt>
 765
 766                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
 767
 768                                 </dl>
 769
 770
 771
 772
 773
 774
 775
 776                     </div>
 777                 </div>
 778
 779             </td>
 780             <td class="msource">
 781
 782                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 783                 &nbsp;
 784             </td>
 785         </tr>
 786
 787
 788           <tr class="method-row config-row-alt0 expandable">
 789             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 790
 791
 792             <td class="sig">
 793                 <a id="Roo.Element-method-addClassOnOver"   name=".addClassOnOver"></a>
 794                 <div class="fixedFont">
 795                         <span class="attributes"></span><b class="itemname">addClassOnOver</b>
 796
 797                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventFlicker</i></B>)
 798
 799
 800                                          :
 801
 802
 803                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 804
 805
 806
 807
 808
 809                 </div>
 810                 <div class="mdesc">
 811
 812                    <div class="short">Sets up event handlers to add and remove a css class when the mouse is over this element</div>
 813
 814
 815
 816                     <div class="long">
 817
 818                                 Sets up event handlers to add and remove a css class when the mouse is over this element
 819
 820
 821
 822
 823
 824
 825                                 <dl class="detailList">
 826                                 <dt class="heading">Parameters:</dt>
 827
 828                                         <dt>
 829                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
 830
 831                                         </dt>
 832                                         <dd></dd>
 833
 834                                         <dt>
 835                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>preventFlicker</b>
 836
 837                                         </dt>
 838                                         <dd>(optional) If set to true, it prevents flickering by filtering<br/>mouseout events for children elements</dd>
 839
 840                                 </dl>
 841
 842
 843
 844
 845
 846                                 <dl class="detailList">
 847                                 <dt class="heading">Returns:</dt>
 848
 849                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
 850
 851                                 </dl>
 852
 853
 854
 855
 856
 857
 858
 859                     </div>
 860                 </div>
 861
 862             </td>
 863             <td class="msource">
 864
 865                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 866                 &nbsp;
 867             </td>
 868         </tr>
 869
 870
 871           <tr class="method-row config-row-alt1 expandable">
 872             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 873
 874
 875             <td class="sig">
 876                 <a id="Roo.Element-method-addKeyListener"   name=".addKeyListener"></a>
 877                 <div class="fixedFont">
 878                         <span class="attributes"></span><b class="itemname">addKeyListener</b>
 879
 880                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String <B><i>key</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</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>)
 881
 882
 883                                          :
 884
 885
 886                                                 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
 887
 888
 889
 890
 891
 892                 </div>
 893                 <div class="mdesc">
 894
 895                    <div class="short">Convenience method for constructing a KeyMap</div>
 896
 897
 898
 899                     <div class="long">
 900
 901                                 Convenience method for constructing a KeyMap
 902
 903
 904
 905
 906
 907
 908                                 <dl class="detailList">
 909                                 <dt class="heading">Parameters:</dt>
 910
 911                                         <dt>
 912                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String</span>  <b>key</b>
 913
 914                                         </dt>
 915                                         <dd>Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:<br/>                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</dd>
 916
 917                                         <dt>
 918                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
 919
 920                                         </dt>
 921                                         <dd>The function to call</dd>
 922
 923                                         <dt>
 924                                                 <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>
 925
 926                                         </dt>
 927                                         <dd>(optional) The scope of the function</dd>
 928
 929                                 </dl>
 930
 931
 932
 933
 934
 935                                 <dl class="detailList">
 936                                 <dt class="heading">Returns:</dt>
 937
 938                                         <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span>  The KeyMap created</dd>
 939
 940                                 </dl>
 941
 942
 943
 944
 945
 946
 947
 948                     </div>
 949                 </div>
 950
 951             </td>
 952             <td class="msource">
 953
 954                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 955                 &nbsp;
 956             </td>
 957         </tr>
 958
 959
 960           <tr class="method-row config-row-alt0 expandable">
 961             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 962
 963
 964             <td class="sig">
 965                 <a id="Roo.Element-method-addKeyMap"   name=".addKeyMap"></a>
 966                 <div class="fixedFont">
 967                         <span class="attributes"></span><b class="itemname">addKeyMap</b>
 968
 969                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 970
 971
 972                                          :
 973
 974
 975                                                 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
 976
 977
 978
 979
 980
 981                 </div>
 982                 <div class="mdesc">
 983
 984                    <div class="short">Creates a KeyMap for this element</div>
 985
 986
 987
 988                     <div class="long">
 989
 990                                 Creates a KeyMap for this element
 991
 992
 993
 994
 995
 996
 997                                 <dl class="detailList">
 998                                 <dt class="heading">Parameters:</dt>
 999
1000                                         <dt>
1001                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
1002
1003                                         </dt>
1004                                         <dd>The KeyMap config. See {<b>link</b> Roo.KeyMap} for more details</dd>
1005
1006                                 </dl>
1007
1008
1009
1010
1011
1012                                 <dl class="detailList">
1013                                 <dt class="heading">Returns:</dt>
1014
1015                                         <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span>  The KeyMap created</dd>
1016
1017                                 </dl>
1018
1019
1020
1021
1022
1023
1024
1025                     </div>
1026                 </div>
1027
1028             </td>
1029             <td class="msource">
1030
1031                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1032                 &nbsp;
1033             </td>
1034         </tr>
1035
1036
1037           <tr class="method-row config-row-alt1 expandable">
1038             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1039
1040
1041             <td class="sig">
1042                 <a id="Roo.Element-method-addListener"   name=".addListener"></a>
1043                 <div class="fixedFont">
1044                         <span class="attributes"></span><b class="itemname">addListener</b>
1045
1046                                  (<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>fn</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>)
1047
1048
1049
1050                 </div>
1051                 <div class="mdesc">
1052
1053                    <div class="short">Appends an event handler</div>
1054
1055
1056
1057                     <div class="long">
1058
1059                                 Appends an event handler
1060
1061
1062
1063
1064
1065
1066                                 <dl class="detailList">
1067                                 <dt class="heading">Parameters:</dt>
1068
1069                                         <dt>
1070                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1071
1072                                         </dt>
1073                                         <dd>The type of event to append</dd>
1074
1075                                         <dt>
1076                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
1077
1078                                         </dt>
1079                                         <dd>The method the event invokes</dd>
1080
1081                                         <dt>
1082                                                 <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>
1083
1084                                         </dt>
1085                                         <dd>(optional) The scope (this object) of the fn</dd>
1086
1087                                         <dt>
1088                                                 <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>
1089
1090                                         </dt>
1091                                         <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
1092
1093                                 </dl>
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105                     </div>
1106                 </div>
1107
1108             </td>
1109             <td class="msource">
1110
1111                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1112                 &nbsp;
1113             </td>
1114         </tr>
1115
1116
1117           <tr class="method-row config-row-alt0 expandable">
1118             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1119
1120
1121             <td class="sig">
1122                 <a id="Roo.Element-method-alignTo"   name=".alignTo"></a>
1123                 <div class="fixedFont">
1124                         <span class="attributes"></span><b class="itemname">alignTo</b>
1125
1126                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
1127
1128
1129                                          :
1130
1131
1132                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1133
1134
1135
1136
1137
1138                 </div>
1139                 <div class="mdesc">
1140
1141                    <div class="short">Aligns this element with another element relative to the specified anchor points.</div>
1142
1143
1144
1145                     <div class="long">
1146
1147                                 Aligns this element with another element relative to the specified anchor points. If the other element is the<br/>document it aligns it to the viewport.<br/>The position parameter is optional, and can be specified in any one of the following formats:<br/><ul><br/>  <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li><br/>  <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.<br/>      The element being aligned will position its top-left corner (tl) to that point.  <i>This method has been<br/>      deprecated in favor of the newer two anchor syntax below</i>.</li><br/>  <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the<br/>      element's anchor point, and the second value is used as the target's anchor point.</li><br/></ul><br/>In addition to the anchor points, the position parameter also supports the "?" character.  If "?" is passed at the end of<br/>the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to<br/>the viewport if necessary.  Note that the element being aligned might be swapped to align to a different position than<br/>that specified in order to enforce the viewport constraints.<br/>Following are all of the supported anchor positions:<br/>    <pre><br/>    Value  Description<br/>    -----  -----------------------------<br/>    tl     The top left corner (default)<br/>    t      The center of the top edge<br/>    tr     The top right corner<br/>    l      The center of the left edge<br/>    c      In the center of the element<br/>    r      The center of the right edge<br/>    bl     The bottom left corner<br/>    b      The center of the bottom edge<br/>    br     The bottom right corner<br/>    </pre><br/>    Example Usage:<br/>    <pre><code><br/>    // align el to other-el using the default positioning ("tl-bl", non-constrained)<br/>    el.alignTo("other-el");<br/><br/>    // align the top left corner of el with the top right corner of other-el (constrained to viewport)<br/>    el.alignTo("other-el", "tr?");<br/><br/>    // align the bottom right corner of el with the center left edge of other-el<br/>    el.alignTo("other-el", "br-l?");<br/><br/>    // align the center of el with the bottom left corner of other-el and<br/>    // adjust the x position by -6 pixels (and the y position by 0)<br/>    el.alignTo("other-el", "c-bl", [-6, 0]);<br/>    </code></pre>
1148
1149
1150
1151
1152
1153
1154                                 <dl class="detailList">
1155                                 <dt class="heading">Parameters:</dt>
1156
1157                                         <dt>
1158                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>element</b>
1159
1160                                         </dt>
1161                                         <dd>The element to align to.</dd>
1162
1163                                         <dt>
1164                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>position</b>
1165
1166                                         </dt>
1167                                         <dd>The position to align to.</dd>
1168
1169                                         <dt>
1170                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>offsets</b>
1171
1172                                         </dt>
1173                                         <dd>(optional) Offset the positioning by [x, y]</dd>
1174
1175                                         <dt>
1176                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
1177
1178                                         </dt>
1179                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
1180
1181                                 </dl>
1182
1183
1184
1185
1186
1187                                 <dl class="detailList">
1188                                 <dt class="heading">Returns:</dt>
1189
1190                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1191
1192                                 </dl>
1193
1194
1195
1196
1197
1198
1199
1200                     </div>
1201                 </div>
1202
1203             </td>
1204             <td class="msource">
1205
1206                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1207                 &nbsp;
1208             </td>
1209         </tr>
1210
1211
1212           <tr class="method-row config-row-alt1 expandable">
1213             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1214
1215
1216             <td class="sig">
1217                 <a id="Roo.Element-method-anchorTo"   name=".anchorTo"></a>
1218                 <div class="fixedFont">
1219                         <span class="attributes"></span><b class="itemname">anchorTo</b>
1220
1221                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Number <B><i>monitorScroll</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>)
1222
1223
1224                                          :
1225
1226
1227                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1228
1229
1230
1231
1232
1233                 </div>
1234                 <div class="mdesc">
1235
1236                    <div class="short">Anchors an element to another element and realigns it when the window is resized.</div>
1237
1238
1239
1240                     <div class="long">
1241
1242                                 Anchors an element to another element and realigns it when the window is resized.
1243
1244
1245
1246
1247
1248
1249                                 <dl class="detailList">
1250                                 <dt class="heading">Parameters:</dt>
1251
1252                                         <dt>
1253                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>element</b>
1254
1255                                         </dt>
1256                                         <dd>The element to align to.</dd>
1257
1258                                         <dt>
1259                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>position</b>
1260
1261                                         </dt>
1262                                         <dd>The position to align to.</dd>
1263
1264                                         <dt>
1265                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>offsets</b>
1266
1267                                         </dt>
1268                                         <dd>(optional) Offset the positioning by [x, y]</dd>
1269
1270                                         <dt>
1271                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
1272
1273                                         </dt>
1274                                         <dd>(optional) True for the default animation or a standard Element animation config object</dd>
1275
1276                                         <dt>
1277                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Number</span>  <b>monitorScroll</b>
1278
1279                                         </dt>
1280                                         <dd>(optional) True to monitor body scroll and reposition. If this parameter<br/>is a number, it is used as the buffer delay (defaults to 50ms).</dd>
1281
1282                                         <dt>
1283                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
1284
1285                                         </dt>
1286                                         <dd>The function to call after the animation finishes</dd>
1287
1288                                 </dl>
1289
1290
1291
1292
1293
1294                                 <dl class="detailList">
1295                                 <dt class="heading">Returns:</dt>
1296
1297                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1298
1299                                 </dl>
1300
1301
1302
1303
1304
1305
1306
1307                     </div>
1308                 </div>
1309
1310             </td>
1311             <td class="msource">
1312
1313                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1314                 &nbsp;
1315             </td>
1316         </tr>
1317
1318
1319           <tr class="method-row config-row-alt0 expandable">
1320             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1321
1322
1323             <td class="sig">
1324                 <a id="Roo.Element-method-animate"   name=".animate"></a>
1325                 <div class="fixedFont">
1326                         <span class="attributes"></span><b class="itemname">animate</b>
1327
1328                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>args</i></B>, Float <B><i>duration</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>onComplete</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>easing</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>animType</i></B>)
1329
1330
1331                                          :
1332
1333
1334                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1335
1336
1337
1338
1339
1340                 </div>
1341                 <div class="mdesc">
1342
1343                    <div class="short">Perform animation on this element.</div>
1344
1345
1346
1347                     <div class="long">
1348
1349                                 Perform animation on this element.
1350
1351
1352
1353
1354
1355
1356                                 <dl class="detailList">
1357                                 <dt class="heading">Parameters:</dt>
1358
1359                                         <dt>
1360                                                 <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>
1361
1362                                         </dt>
1363                                         <dd>The YUI animation control args</dd>
1364
1365                                         <dt>
1366                                                 <span class="fixedFont">Float</span>  <b>duration</b>
1367
1368                                         </dt>
1369                                         <dd>(optional) How long the animation lasts in seconds (defaults to .35)</dd>
1370
1371                                         <dt>
1372                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>onComplete</b>
1373
1374                                         </dt>
1375                                         <dd>(optional) Function to call when animation completes</dd>
1376
1377                                         <dt>
1378                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>easing</b>
1379
1380                                         </dt>
1381                                         <dd>(optional) Easing method to use (defaults to 'easeOut')</dd>
1382
1383                                         <dt>
1384                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>animType</b>
1385
1386                                         </dt>
1387                                         <dd>(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'</dd>
1388
1389                                 </dl>
1390
1391
1392
1393
1394
1395                                 <dl class="detailList">
1396                                 <dt class="heading">Returns:</dt>
1397
1398                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1399
1400                                 </dl>
1401
1402
1403
1404
1405
1406
1407
1408                     </div>
1409                 </div>
1410
1411             </td>
1412             <td class="msource">
1413
1414                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1415                 &nbsp;
1416             </td>
1417         </tr>
1418
1419
1420           <tr class="method-row config-row-alt1 expandable">
1421             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1422
1423
1424             <td class="sig">
1425                 <a id="Roo.Element-method-appendChild"   name=".appendChild"></a>
1426                 <div class="fixedFont">
1427                         <span class="attributes"></span><b class="itemname">appendChild</b>
1428
1429                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement <B><i>el</i></B>)
1430
1431
1432                                          :
1433
1434
1435                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1436
1437
1438
1439
1440
1441                 </div>
1442                 <div class="mdesc">
1443
1444                    <div class="short">Appends the passed element(s) to this element</div>
1445
1446
1447
1448                     <div class="long">
1449
1450                                 Appends the passed element(s) to this element
1451
1452
1453
1454
1455
1456
1457                                 <dl class="detailList">
1458                                 <dt class="heading">Parameters:</dt>
1459
1460                                         <dt>
1461                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement</span>  <b>el</b>
1462
1463                                         </dt>
1464                                         <dd></dd>
1465
1466                                 </dl>
1467
1468
1469
1470
1471
1472                                 <dl class="detailList">
1473                                 <dt class="heading">Returns:</dt>
1474
1475                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1476
1477                                 </dl>
1478
1479
1480
1481
1482
1483
1484
1485                     </div>
1486                 </div>
1487
1488             </td>
1489             <td class="msource">
1490
1491                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1492                 &nbsp;
1493             </td>
1494         </tr>
1495
1496
1497           <tr class="method-row config-row-alt0 expandable">
1498             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1499
1500
1501             <td class="sig">
1502                 <a id="Roo.Element-method-appendTo"   name=".appendTo"></a>
1503                 <div class="fixedFont">
1504                         <span class="attributes"></span><b class="itemname">appendTo</b>
1505
1506                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
1507
1508
1509                                          :
1510
1511
1512                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1513
1514
1515
1516
1517
1518                 </div>
1519                 <div class="mdesc">
1520
1521                    <div class="short">Appends this element to the passed element</div>
1522
1523
1524
1525                     <div class="long">
1526
1527                                 Appends this element to the passed element
1528
1529
1530
1531
1532
1533
1534                                 <dl class="detailList">
1535                                 <dt class="heading">Parameters:</dt>
1536
1537                                         <dt>
1538                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
1539
1540                                         </dt>
1541                                         <dd>The new parent element</dd>
1542
1543                                 </dl>
1544
1545
1546
1547
1548
1549                                 <dl class="detailList">
1550                                 <dt class="heading">Returns:</dt>
1551
1552                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1553
1554                                 </dl>
1555
1556
1557
1558
1559
1560
1561
1562                     </div>
1563                 </div>
1564
1565             </td>
1566             <td class="msource">
1567
1568                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1569                 &nbsp;
1570             </td>
1571         </tr>
1572
1573
1574           <tr class="method-row config-row-alt1 expandable">
1575             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1576
1577
1578             <td class="sig">
1579                 <a id="Roo.Element-method-applyStyles"   name=".applyStyles"></a>
1580                 <div class="fixedFont">
1581                         <span class="attributes"></span><b class="itemname">applyStyles</b>
1582
1583                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function <B><i>styles</i></B>)
1584
1585
1586                                          :
1587
1588
1589                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1590
1591
1592
1593
1594
1595                 </div>
1596                 <div class="mdesc">
1597
1598                    <div class="short">More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.</div>
1599
1600
1601
1602                     <div class="long">
1603
1604                                 More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.
1605
1606
1607
1608
1609
1610
1611                                 <dl class="detailList">
1612                                 <dt class="heading">Parameters:</dt>
1613
1614                                         <dt>
1615                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function</span>  <b>styles</b>
1616
1617                                         </dt>
1618                                         <dd>A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or<br/>a function which returns such a specification.</dd>
1619
1620                                 </dl>
1621
1622
1623
1624
1625
1626                                 <dl class="detailList">
1627                                 <dt class="heading">Returns:</dt>
1628
1629                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1630
1631                                 </dl>
1632
1633
1634
1635
1636
1637
1638
1639                     </div>
1640                 </div>
1641
1642             </td>
1643             <td class="msource">
1644
1645                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1646                 &nbsp;
1647             </td>
1648         </tr>
1649
1650
1651           <tr class="method-row config-row-alt0 expandable">
1652             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1653
1654
1655             <td class="sig">
1656                 <a id="Roo.Element-method-autoHeight"   name=".autoHeight"></a>
1657                 <div class="fixedFont">
1658                         <span class="attributes"></span><b class="itemname">autoHeight</b>
1659
1660                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>animate</i></B>, Float <B><i>duration</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>onComplete</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>easing</i></B>)
1661
1662
1663                                          :
1664
1665
1666                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1667
1668
1669
1670
1671
1672                 </div>
1673                 <div class="mdesc">
1674
1675                    <div class="short">Measures the element's content height and updates height to match.</div>
1676
1677
1678
1679                     <div class="long">
1680
1681                                 Measures the element's content height and updates height to match. Note: this function uses setTimeout so<br/>the new height may not be available immediately.
1682
1683
1684
1685
1686
1687
1688                                 <dl class="detailList">
1689                                 <dt class="heading">Parameters:</dt>
1690
1691                                         <dt>
1692                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>animate</b>
1693
1694                                         </dt>
1695                                         <dd>(optional) Animate the transition (defaults to false)</dd>
1696
1697                                         <dt>
1698                                                 <span class="fixedFont">Float</span>  <b>duration</b>
1699
1700                                         </dt>
1701                                         <dd>(optional) Length of the animation in seconds (defaults to .35)</dd>
1702
1703                                         <dt>
1704                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>onComplete</b>
1705
1706                                         </dt>
1707                                         <dd>(optional) Function to call when animation completes</dd>
1708
1709                                         <dt>
1710                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>easing</b>
1711
1712                                         </dt>
1713                                         <dd>(optional) Easing method to use (defaults to easeOut)</dd>
1714
1715                                 </dl>
1716
1717
1718
1719
1720
1721                                 <dl class="detailList">
1722                                 <dt class="heading">Returns:</dt>
1723
1724                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1725
1726                                 </dl>
1727
1728
1729
1730
1731
1732
1733
1734                     </div>
1735                 </div>
1736
1737             </td>
1738             <td class="msource">
1739
1740                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1741                 &nbsp;
1742             </td>
1743         </tr>
1744
1745
1746           <tr class="method-row config-row-alt1 expandable">
1747             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1748
1749
1750             <td class="sig">
1751                 <a id="Roo.Element-method-beginMeasure"   name=".beginMeasure"></a>
1752                 <div class="fixedFont">
1753                         <span class="attributes"></span><b class="itemname">beginMeasure</b>
1754
1755                                  ()
1756
1757
1758                                          :
1759
1760
1761                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1762
1763
1764
1765
1766
1767                 </div>
1768                 <div class="mdesc">
1769
1770                    <div class="short">Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.</div>
1771
1772
1773
1774                     <div class="long">
1775
1776                                 Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787                                 <dl class="detailList">
1788                                 <dt class="heading">Returns:</dt>
1789
1790                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1791
1792                                 </dl>
1793
1794
1795
1796
1797
1798
1799
1800                     </div>
1801                 </div>
1802
1803             </td>
1804             <td class="msource">
1805
1806                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1807                 &nbsp;
1808             </td>
1809         </tr>
1810
1811
1812           <tr class="method-row config-row-alt0 expandable">
1813             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1814
1815
1816             <td class="sig">
1817                 <a id="Roo.Element-method-blur"   name=".blur"></a>
1818                 <div class="fixedFont">
1819                         <span class="attributes"></span><b class="itemname">blur</b>
1820
1821                                  ()
1822
1823
1824                                          :
1825
1826
1827                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1828
1829
1830
1831
1832
1833                 </div>
1834                 <div class="mdesc">
1835
1836                    <div class="short">Tries to blur the element.</div>
1837
1838
1839
1840                     <div class="long">
1841
1842                                 Tries to blur the element. Any exceptions are caught and ignored.
1843
1844
1845
1846
1847
1848
1849
1850
1851
1852
1853                                 <dl class="detailList">
1854                                 <dt class="heading">Returns:</dt>
1855
1856                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1857
1858                                 </dl>
1859
1860
1861
1862
1863
1864
1865
1866                     </div>
1867                 </div>
1868
1869             </td>
1870             <td class="msource">
1871
1872                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1873                 &nbsp;
1874             </td>
1875         </tr>
1876
1877
1878           <tr class="method-row config-row-alt1 expandable">
1879             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1880
1881
1882             <td class="sig">
1883                 <a id="Roo.Element-method-boxWrap"   name=".boxWrap"></a>
1884                 <div class="fixedFont">
1885                         <span class="attributes"></span><b class="itemname">boxWrap</b>
1886
1887                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>class</i></B>)
1888
1889
1890                                          :
1891
1892
1893                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1894
1895
1896
1897
1898
1899                 </div>
1900                 <div class="mdesc">
1901
1902                    <div class="short">Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a<br/>gradient background, rounded corners and a 4-way shadow.</div>
1903
1904
1905
1906                     <div class="long">
1907
1908                                 Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a<br/>gradient background, rounded corners and a 4-way shadow.
1909
1910
1911
1912
1913
1914
1915                                 <dl class="detailList">
1916                                 <dt class="heading">Parameters:</dt>
1917
1918                                         <dt>
1919                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>class</b>
1920
1921                                         </dt>
1922                                         <dd>(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').<br/>Note that there are a number of CSS rules that are dependent on this name to make the overall effect work,<br/>so if you supply an alternate base class, make sure you also supply all of the necessary rules.</dd>
1923
1924                                 </dl>
1925
1926
1927
1928
1929
1930                                 <dl class="detailList">
1931                                 <dt class="heading">Returns:</dt>
1932
1933                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1934
1935                                 </dl>
1936
1937
1938
1939
1940
1941
1942
1943                     </div>
1944                 </div>
1945
1946             </td>
1947             <td class="msource">
1948
1949                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1950                 &nbsp;
1951             </td>
1952         </tr>
1953
1954
1955           <tr class="method-row config-row-alt0 expandable">
1956             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1957
1958
1959             <td class="sig">
1960                 <a id="Roo.Element-method-center"   name=".center"></a>
1961                 <div class="fixedFont">
1962                         <span class="attributes"></span><b class="itemname">center</b>
1963
1964                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>centerIn</i></B>)
1965
1966
1967
1968                 </div>
1969                 <div class="mdesc">
1970
1971                    <div class="short">Centers the Element in either the viewport, or another Element.</div>
1972
1973
1974
1975                     <div class="long">
1976
1977                                 Centers the Element in either the viewport, or another Element.
1978
1979
1980
1981
1982
1983
1984                                 <dl class="detailList">
1985                                 <dt class="heading">Parameters:</dt>
1986
1987                                         <dt>
1988                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>centerIn</b>
1989
1990                                         </dt>
1991                                         <dd>(optional) The element in which to center the element.</dd>
1992
1993                                 </dl>
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005                     </div>
2006                 </div>
2007
2008             </td>
2009             <td class="msource">
2010
2011                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2012                 &nbsp;
2013             </td>
2014         </tr>
2015
2016
2017           <tr class="method-row config-row-alt1 expandable">
2018             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2019
2020
2021             <td class="sig">
2022                 <a id="Roo.Element-method-child"   name=".child"></a>
2023                 <div class="fixedFont">
2024                         <span class="attributes"></span><b class="itemname">child</b>
2025
2026                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2027
2028
2029                                          :
2030
2031
2032                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2033
2034
2035
2036
2037
2038                 </div>
2039                 <div class="mdesc">
2040
2041                    <div class="short">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).</div>
2042
2043
2044
2045                     <div class="long">
2046
2047                                 Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
2048
2049
2050
2051
2052
2053
2054                                 <dl class="detailList">
2055                                 <dt class="heading">Parameters:</dt>
2056
2057                                         <dt>
2058                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
2059
2060                                         </dt>
2061                                         <dd>The CSS selector</dd>
2062
2063                                         <dt>
2064                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnDom</b>
2065
2066                                         </dt>
2067                                         <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2068
2069                                 </dl>
2070
2071
2072
2073
2074
2075                                 <dl class="detailList">
2076                                 <dt class="heading">Returns:</dt>
2077
2078                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The child Roo.Element (or DOM node if returnDom = true)</dd>
2079
2080                                 </dl>
2081
2082
2083
2084
2085
2086
2087
2088                     </div>
2089                 </div>
2090
2091             </td>
2092             <td class="msource">
2093
2094                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2095                 &nbsp;
2096             </td>
2097         </tr>
2098
2099
2100           <tr class="method-row config-row-alt0 expandable">
2101             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2102
2103
2104             <td class="sig">
2105                 <a id="Roo.Element-method-clean"   name=".clean"></a>
2106                 <div class="fixedFont">
2107                         <span class="attributes"></span><b class="itemname">clean</b>
2108
2109                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceReclean</i></B>)
2110
2111
2112
2113                 </div>
2114                 <div class="mdesc">
2115
2116                    <div class="short">Removes worthless text nodes</div>
2117
2118
2119
2120                     <div class="long">
2121
2122                                 Removes worthless text nodes
2123
2124
2125
2126
2127
2128
2129                                 <dl class="detailList">
2130                                 <dt class="heading">Parameters:</dt>
2131
2132                                         <dt>
2133                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>forceReclean</b>
2134
2135                                         </dt>
2136                                         <dd>(optional) By default the element<br/>keeps track if it has been cleaned already so<br/>you can call this over and over. However, if you update the element and<br/>need to force a reclean, you can pass true.</dd>
2137
2138                                 </dl>
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150                     </div>
2151                 </div>
2152
2153             </td>
2154             <td class="msource">
2155
2156                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2157                 &nbsp;
2158             </td>
2159         </tr>
2160
2161
2162           <tr class="method-row config-row-alt1 expandable">
2163             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2164
2165
2166             <td class="sig">
2167                 <a id="Roo.Element-method-clearOpacity"   name=".clearOpacity"></a>
2168                 <div class="fixedFont">
2169                         <span class="attributes"></span><b class="itemname">clearOpacity</b>
2170
2171                                  ()
2172
2173
2174                                          :
2175
2176
2177                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2178
2179
2180
2181
2182
2183                 </div>
2184                 <div class="mdesc">
2185
2186                    <div class="short">Clears any opacity settings from this element.</div>
2187
2188
2189
2190                     <div class="long">
2191
2192                                 Clears any opacity settings from this element. Required in some cases for IE.
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203                                 <dl class="detailList">
2204                                 <dt class="heading">Returns:</dt>
2205
2206                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2207
2208                                 </dl>
2209
2210
2211
2212
2213
2214
2215
2216                     </div>
2217                 </div>
2218
2219             </td>
2220             <td class="msource">
2221
2222                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2223                 &nbsp;
2224             </td>
2225         </tr>
2226
2227
2228           <tr class="method-row config-row-alt0 expandable">
2229             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2230
2231
2232             <td class="sig">
2233                 <a id="Roo.Element-method-clearPositioning"   name=".clearPositioning"></a>
2234                 <div class="fixedFont">
2235                         <span class="attributes"></span><b class="itemname">clearPositioning</b>
2236
2237                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
2238
2239
2240                                          :
2241
2242
2243                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2244
2245
2246
2247
2248
2249                 </div>
2250                 <div class="mdesc">
2251
2252                    <div class="short">Clear positioning back to the default when the document was loaded</div>
2253
2254
2255
2256                     <div class="long">
2257
2258                                 Clear positioning back to the default when the document was loaded
2259
2260
2261
2262
2263
2264
2265                                 <dl class="detailList">
2266                                 <dt class="heading">Parameters:</dt>
2267
2268                                         <dt>
2269                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
2270
2271                                         </dt>
2272                                         <dd>(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</dd>
2273
2274                                 </dl>
2275
2276
2277
2278
2279
2280                                 <dl class="detailList">
2281                                 <dt class="heading">Returns:</dt>
2282
2283                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2284
2285                                 </dl>
2286
2287
2288
2289
2290
2291
2292
2293                     </div>
2294                 </div>
2295
2296             </td>
2297             <td class="msource">
2298
2299                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2300                 &nbsp;
2301             </td>
2302         </tr>
2303
2304
2305           <tr class="method-row config-row-alt1 expandable">
2306             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2307
2308
2309             <td class="sig">
2310                 <a id="Roo.Element-method-clip"   name=".clip"></a>
2311                 <div class="fixedFont">
2312                         <span class="attributes"></span><b class="itemname">clip</b>
2313
2314                                  ()
2315
2316
2317                                          :
2318
2319
2320                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2321
2322
2323
2324
2325
2326                 </div>
2327                 <div class="mdesc">
2328
2329                    <div class="short">Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove</div>
2330
2331
2332
2333                     <div class="long">
2334
2335                                 Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346                                 <dl class="detailList">
2347                                 <dt class="heading">Returns:</dt>
2348
2349                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2350
2351                                 </dl>
2352
2353
2354
2355
2356
2357
2358
2359                     </div>
2360                 </div>
2361
2362             </td>
2363             <td class="msource">
2364
2365                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2366                 &nbsp;
2367             </td>
2368         </tr>
2369
2370
2371           <tr class="method-row config-row-alt0 expandable">
2372             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2373
2374
2375             <td class="sig">
2376                 <a id="Roo.Element-method-contains"   name=".contains"></a>
2377                 <div class="fixedFont">
2378                         <span class="attributes"></span><b class="itemname">contains</b>
2379
2380                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String <B><i>el</i></B>)
2381
2382
2383                                          :
2384
2385
2386                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2387
2388
2389
2390
2391
2392                 </div>
2393                 <div class="mdesc">
2394
2395                    <div class="short">Returns true if this element is an ancestor of the passed element</div>
2396
2397
2398
2399                     <div class="long">
2400
2401                                 Returns true if this element is an ancestor of the passed element
2402
2403
2404
2405
2406
2407
2408                                 <dl class="detailList">
2409                                 <dt class="heading">Parameters:</dt>
2410
2411                                         <dt>
2412                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String</span>  <b>el</b>
2413
2414                                         </dt>
2415                                         <dd>The element to check</dd>
2416
2417                                 </dl>
2418
2419
2420
2421
2422
2423                                 <dl class="detailList">
2424                                 <dt class="heading">Returns:</dt>
2425
2426                                         <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 this element is an ancestor of el, else false</dd>
2427
2428                                 </dl>
2429
2430
2431
2432
2433
2434
2435
2436                     </div>
2437                 </div>
2438
2439             </td>
2440             <td class="msource">
2441
2442                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2443                 &nbsp;
2444             </td>
2445         </tr>
2446
2447
2448           <tr class="method-row config-row-alt1 expandable">
2449             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2450
2451
2452             <td class="sig">
2453                 <a id="Roo.Element-method-createChild"   name=".createChild"></a>
2454                 <div class="fixedFont">
2455                         <span class="attributes"></span><b class="itemname">createChild</b>
2456
2457                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>insertBefore</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2458
2459
2460                                          :
2461
2462
2463                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2464
2465
2466
2467
2468
2469                 </div>
2470                 <div class="mdesc">
2471
2472                    <div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.</div>
2473
2474
2475
2476                     <div class="long">
2477
2478                                 Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
2479
2480
2481
2482
2483
2484
2485                                 <dl class="detailList">
2486                                 <dt class="heading">Parameters:</dt>
2487
2488                                         <dt>
2489                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
2490
2491                                         </dt>
2492                                         <dd>DomHelper element config object.  If no tag is specified (e.g., {tag:'input'}) then a div will be<br/>automatically generated with the specified attributes.</dd>
2493
2494                                         <dt>
2495                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>insertBefore</b>
2496
2497                                         </dt>
2498                                         <dd>(optional) a child element of this element</dd>
2499
2500                                         <dt>
2501                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnDom</b>
2502
2503                                         </dt>
2504                                         <dd>(optional) true to return the dom node instead of creating an Element</dd>
2505
2506                                 </dl>
2507
2508
2509
2510
2511
2512                                 <dl class="detailList">
2513                                 <dt class="heading">Returns:</dt>
2514
2515                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The new child element</dd>
2516
2517                                 </dl>
2518
2519
2520
2521
2522
2523
2524
2525                     </div>
2526                 </div>
2527
2528             </td>
2529             <td class="msource">
2530
2531                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2532                 &nbsp;
2533             </td>
2534         </tr>
2535
2536
2537           <tr class="method-row config-row-alt0 expandable">
2538             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2539
2540
2541             <td class="sig">
2542                 <a id="Roo.Element-method-createProxy"   name=".createProxy"></a>
2543                 <div class="fixedFont">
2544                         <span class="attributes"></span><b class="itemname">createProxy</b>
2545
2546                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>config</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>renderTo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>matchBox</i></B>)
2547
2548
2549                                          :
2550
2551
2552                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2553
2554
2555
2556
2557
2558                 </div>
2559                 <div class="mdesc">
2560
2561                    <div class="short">Creates a proxy element of this element</div>
2562
2563
2564
2565                     <div class="long">
2566
2567                                 Creates a proxy element of this element
2568
2569
2570
2571
2572
2573
2574                                 <dl class="detailList">
2575                                 <dt class="heading">Parameters:</dt>
2576
2577                                         <dt>
2578                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>config</b>
2579
2580                                         </dt>
2581                                         <dd>The class name of the proxy element or a DomHelper config object</dd>
2582
2583                                         <dt>
2584                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span>  <b>renderTo</b>
2585
2586                                         </dt>
2587                                         <dd>(optional) The element or element id to render the proxy to (defaults to document.body)</dd>
2588
2589                                         <dt>
2590                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>matchBox</b>
2591
2592                                         </dt>
2593                                         <dd>(optional) True to align and size the proxy to this element now (defaults to false)</dd>
2594
2595                                 </dl>
2596
2597
2598
2599
2600
2601                                 <dl class="detailList">
2602                                 <dt class="heading">Returns:</dt>
2603
2604                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The new proxy element</dd>
2605
2606                                 </dl>
2607
2608
2609
2610
2611
2612
2613
2614                     </div>
2615                 </div>
2616
2617             </td>
2618             <td class="msource">
2619
2620                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2621                 &nbsp;
2622             </td>
2623         </tr>
2624
2625
2626           <tr class="method-row config-row-alt1 expandable">
2627             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2628
2629
2630             <td class="sig">
2631                 <a id="Roo.Element-method-createShim"   name=".createShim"></a>
2632                 <div class="fixedFont">
2633                         <span class="attributes"></span><b class="itemname">createShim</b>
2634
2635                                  ()
2636
2637
2638                                          :
2639
2640
2641                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2642
2643
2644
2645
2646
2647                 </div>
2648                 <div class="mdesc">
2649
2650                    <div class="short">Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.</div>
2651
2652
2653
2654                     <div class="long">
2655
2656                                 Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667                                 <dl class="detailList">
2668                                 <dt class="heading">Returns:</dt>
2669
2670                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The new shim element</dd>
2671
2672                                 </dl>
2673
2674
2675
2676
2677
2678
2679
2680                     </div>
2681                 </div>
2682
2683             </td>
2684             <td class="msource">
2685
2686                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2687                 &nbsp;
2688             </td>
2689         </tr>
2690
2691
2692           <tr class="method-row config-row-alt0 expandable">
2693             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2694
2695
2696             <td class="sig">
2697                 <a id="Roo.Element-method-down"   name=".down"></a>
2698                 <div class="fixedFont">
2699                         <span class="attributes"></span><b class="itemname">down</b>
2700
2701                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2702
2703
2704                                          :
2705
2706
2707                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2708
2709
2710
2711
2712
2713                 </div>
2714                 <div class="mdesc">
2715
2716                    <div class="short">Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).</div>
2717
2718
2719
2720                     <div class="long">
2721
2722                                 Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).
2723
2724
2725
2726
2727
2728
2729                                 <dl class="detailList">
2730                                 <dt class="heading">Parameters:</dt>
2731
2732                                         <dt>
2733                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
2734
2735                                         </dt>
2736                                         <dd>The CSS selector</dd>
2737
2738                                         <dt>
2739                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnDom</b>
2740
2741                                         </dt>
2742                                         <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2743
2744                                 </dl>
2745
2746
2747
2748
2749
2750                                 <dl class="detailList">
2751                                 <dt class="heading">Returns:</dt>
2752
2753                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The child Roo.Element (or DOM node if returnDom = true)</dd>
2754
2755                                 </dl>
2756
2757
2758
2759
2760
2761
2762
2763                     </div>
2764                 </div>
2765
2766             </td>
2767             <td class="msource">
2768
2769                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2770                 &nbsp;
2771             </td>
2772         </tr>
2773
2774
2775           <tr class="method-row config-row-alt1 expandable">
2776             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2777
2778
2779             <td class="sig">
2780                 <a id="Roo.Element-method-enableDisplayMode"   name=".enableDisplayMode"></a>
2781                 <div class="fixedFont">
2782                         <span class="attributes"></span><b class="itemname">enableDisplayMode</b>
2783
2784                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>display</i></B>)
2785
2786
2787                                          :
2788
2789
2790                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2791
2792
2793
2794
2795
2796                 </div>
2797                 <div class="mdesc">
2798
2799                    <div class="short">Convenience method for setVisibilityMode(Element.DISPLAY)</div>
2800
2801
2802
2803                     <div class="long">
2804
2805                                 Convenience method for setVisibilityMode(Element.DISPLAY)
2806
2807
2808
2809
2810
2811
2812                                 <dl class="detailList">
2813                                 <dt class="heading">Parameters:</dt>
2814
2815                                         <dt>
2816                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>display</b>
2817
2818                                         </dt>
2819                                         <dd>(optional) What to set display to when visible</dd>
2820
2821                                 </dl>
2822
2823
2824
2825
2826
2827                                 <dl class="detailList">
2828                                 <dt class="heading">Returns:</dt>
2829
2830                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2831
2832                                 </dl>
2833
2834
2835
2836
2837
2838
2839
2840                     </div>
2841                 </div>
2842
2843             </td>
2844             <td class="msource">
2845
2846                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2847                 &nbsp;
2848             </td>
2849         </tr>
2850
2851
2852           <tr class="method-row config-row-alt0 expandable">
2853             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2854
2855
2856             <td class="sig">
2857                 <a id="Roo.Element-method-endMeasure"   name=".endMeasure"></a>
2858                 <div class="fixedFont">
2859                         <span class="attributes"></span><b class="itemname">endMeasure</b>
2860
2861                                  ()
2862
2863
2864                                          :
2865
2866
2867                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2868
2869
2870
2871
2872
2873                 </div>
2874                 <div class="mdesc">
2875
2876                    <div class="short">Restores displays to before beginMeasure was called</div>
2877
2878
2879
2880                     <div class="long">
2881
2882                                 Restores displays to before beginMeasure was called
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893                                 <dl class="detailList">
2894                                 <dt class="heading">Returns:</dt>
2895
2896                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2897
2898                                 </dl>
2899
2900
2901
2902
2903
2904
2905
2906                     </div>
2907                 </div>
2908
2909             </td>
2910             <td class="msource">
2911
2912                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2913                 &nbsp;
2914             </td>
2915         </tr>
2916
2917
2918           <tr class="method-row config-row-alt1 expandable">
2919             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2920
2921
2922             <td class="sig">
2923                 <a id="Roo.Element-method-findParent"   name=".findParent"></a>
2924                 <div class="fixedFont">
2925                         <span class="attributes"></span><b class="itemname">findParent</b>
2926
2927                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
2928
2929
2930                                          :
2931
2932
2933                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2934
2935
2936
2937
2938
2939                 </div>
2940                 <div class="mdesc">
2941
2942                    <div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g.</div>
2943
2944
2945
2946                     <div class="long">
2947
2948                                 Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
2949
2950
2951
2952
2953
2954
2955                                 <dl class="detailList">
2956                                 <dt class="heading">Parameters:</dt>
2957
2958                                         <dt>
2959                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
2960
2961                                         </dt>
2962                                         <dd>The simple selector to test</dd>
2963
2964                                         <dt>
2965                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
2966
2967                                         </dt>
2968                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
2969
2970                                         <dt>
2971                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnEl</b>
2972
2973                                         </dt>
2974                                         <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
2975
2976                                 </dl>
2977
2978
2979
2980
2981
2982                                 <dl class="detailList">
2983                                 <dt class="heading">Returns:</dt>
2984
2985                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The matching DOM node (or null if no match was found)</dd>
2986
2987                                 </dl>
2988
2989
2990
2991
2992
2993
2994
2995                     </div>
2996                 </div>
2997
2998             </td>
2999             <td class="msource">
3000
3001                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3002                 &nbsp;
3003             </td>
3004         </tr>
3005
3006
3007           <tr class="method-row config-row-alt0 expandable">
3008             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3009
3010
3011             <td class="sig">
3012                 <a id="Roo.Element-method-findParentNode"   name=".findParentNode"></a>
3013                 <div class="fixedFont">
3014                         <span class="attributes"></span><b class="itemname">findParentNode</b>
3015
3016                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
3017
3018
3019                                          :
3020
3021
3022                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3023
3024
3025
3026
3027
3028                 </div>
3029                 <div class="mdesc">
3030
3031                    <div class="short">Looks at parent nodes for a match of the passed simple selector (e.g.</div>
3032
3033
3034
3035                     <div class="long">
3036
3037                                 Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
3038
3039
3040
3041
3042
3043
3044                                 <dl class="detailList">
3045                                 <dt class="heading">Parameters:</dt>
3046
3047                                         <dt>
3048                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
3049
3050                                         </dt>
3051                                         <dd>The simple selector to test</dd>
3052
3053                                         <dt>
3054                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
3055
3056                                         </dt>
3057                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
3058
3059                                         <dt>
3060                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnEl</b>
3061
3062                                         </dt>
3063                                         <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
3064
3065                                 </dl>
3066
3067
3068
3069
3070
3071                                 <dl class="detailList">
3072                                 <dt class="heading">Returns:</dt>
3073
3074                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The matching DOM node (or null if no match was found)</dd>
3075
3076                                 </dl>
3077
3078
3079
3080
3081
3082
3083
3084                     </div>
3085                 </div>
3086
3087             </td>
3088             <td class="msource">
3089
3090                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3091                 &nbsp;
3092             </td>
3093         </tr>
3094
3095
3096           <tr class="method-row config-row-alt1 expandable">
3097             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3098
3099
3100             <td class="sig">
3101                 <a id="Roo.Element-method-fitToParent"   name=".fitToParent"></a>
3102                 <div class="fixedFont">
3103                         <span class="attributes"></span><b class="itemname">fitToParent</b>
3104
3105                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>monitorResize</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element <B><i>targetParent</i></B>)
3106
3107
3108                                          :
3109
3110
3111                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3112
3113
3114
3115
3116
3117                 </div>
3118                 <div class="mdesc">
3119
3120                    <div class="short">Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.</div>
3121
3122
3123
3124                     <div class="long">
3125
3126                                 Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.
3127
3128
3129
3130
3131
3132
3133                                 <dl class="detailList">
3134                                 <dt class="heading">Parameters:</dt>
3135
3136                                         <dt>
3137                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>monitorResize</b>
3138
3139                                         </dt>
3140                                         <dd>(optional) If true maintains the fit when the browser window is resized.</dd>
3141
3142                                         <dt>
3143                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element</span>  <b>targetParent</b>
3144
3145                                         </dt>
3146                                         <dd>(optional) The target parent, default to the parentNode.</dd>
3147
3148                                 </dl>
3149
3150
3151
3152
3153
3154                                 <dl class="detailList">
3155                                 <dt class="heading">Returns:</dt>
3156
3157                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
3158
3159                                 </dl>
3160
3161
3162
3163
3164
3165
3166
3167                     </div>
3168                 </div>
3169
3170             </td>
3171             <td class="msource">
3172
3173                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3174                 &nbsp;
3175             </td>
3176         </tr>
3177
3178
3179           <tr class="method-row config-row-alt0 expandable">
3180             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3181
3182
3183             <td class="sig">
3184                 <a id="Roo.Element-method-focus"   name=".focus"></a>
3185                 <div class="fixedFont">
3186                         <span class="attributes"></span><b class="itemname">focus</b>
3187
3188                                  ()
3189
3190
3191                                          :
3192
3193
3194                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3195
3196
3197
3198
3199
3200                 </div>
3201                 <div class="mdesc">
3202
3203                    <div class="short">Tries to focus the element.</div>
3204
3205
3206
3207                     <div class="long">
3208
3209                                 Tries to focus the element. Any exceptions are caught and ignored.
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220                                 <dl class="detailList">
3221                                 <dt class="heading">Returns:</dt>
3222
3223                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
3224
3225                                 </dl>
3226
3227
3228
3229
3230
3231
3232
3233                     </div>
3234                 </div>
3235
3236             </td>
3237             <td class="msource">
3238
3239                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3240                 &nbsp;
3241             </td>
3242         </tr>
3243
3244
3245           <tr class="method-row config-row-alt1 expandable">
3246             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3247
3248
3249             <td class="sig">
3250                 <a id="Roo.Element-method-getAlignToXY"   name=".getAlignToXY"></a>
3251                 <div class="fixedFont">
3252                         <span class="attributes"></span><b class="itemname">getAlignToXY</b>
3253
3254                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>)
3255
3256
3257                                          :
3258
3259
3260                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3261
3262
3263
3264
3265
3266                 </div>
3267                 <div class="mdesc">
3268
3269                    <div class="short">Gets the x,y coordinates to align this element with another element.</div>
3270
3271
3272
3273                     <div class="long">
3274
3275                                 Gets the x,y coordinates to align this element with another element. See {<b>link</b> <b>alignTo</b>} for more info on the<br/>supported position values.
3276
3277
3278
3279
3280
3281
3282                                 <dl class="detailList">
3283                                 <dt class="heading">Parameters:</dt>
3284
3285                                         <dt>
3286                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>element</b>
3287
3288                                         </dt>
3289                                         <dd>The element to align to.</dd>
3290
3291                                         <dt>
3292                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>position</b>
3293
3294                                         </dt>
3295                                         <dd>The position to align to.</dd>
3296
3297                                         <dt>
3298                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>offsets</b>
3299
3300                                         </dt>
3301                                         <dd>(optional) Offset the positioning by [x, y]</dd>
3302
3303                                 </dl>
3304
3305
3306
3307
3308
3309                                 <dl class="detailList">
3310                                 <dt class="heading">Returns:</dt>
3311
3312                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  [x, y]</dd>
3313
3314                                 </dl>
3315
3316
3317
3318
3319
3320
3321
3322                     </div>
3323                 </div>
3324
3325             </td>
3326             <td class="msource">
3327
3328                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3329                 &nbsp;
3330             </td>
3331         </tr>
3332
3333
3334           <tr class="method-row config-row-alt0 expandable">
3335             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3336
3337
3338             <td class="sig">
3339                 <a id="Roo.Element-method-getAnchorXY"   name=".getAnchorXY"></a>
3340                 <div class="fixedFont">
3341                         <span class="attributes"></span><b class="itemname">getAnchorXY</b>
3342
3343                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>anchor</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>size</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3344
3345
3346                                          :
3347
3348
3349                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3350
3351
3352
3353
3354
3355                 </div>
3356                 <div class="mdesc">
3357
3358                    <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div>
3359
3360
3361
3362                     <div class="long">
3363
3364                                 Gets the x,y coordinates specified by the anchor position on the element.
3365
3366
3367
3368
3369
3370
3371                                 <dl class="detailList">
3372                                 <dt class="heading">Parameters:</dt>
3373
3374                                         <dt>
3375                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>anchor</b>
3376
3377                                         </dt>
3378                                         <dd>(optional) The specified anchor position (defaults to "c").  See {<b>link</b> <b>alignTo</b>} for details on supported anchor positions.</dd>
3379
3380                                         <dt>
3381                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>size</b>
3382
3383                                         </dt>
3384                                         <dd>(optional) An object containing the size to use for calculating anchor position<br/>                      {width: (target width), height: (target height)} (defaults to the element's current size)</dd>
3385
3386                                         <dt>
3387                                                 <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>
3388
3389                                         </dt>
3390                                         <dd>(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates</dd>
3391
3392                                 </dl>
3393
3394
3395
3396
3397
3398                                 <dl class="detailList">
3399                                 <dt class="heading">Returns:</dt>
3400
3401                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  [x, y] An array containing the element's x and y coordinates</dd>
3402
3403                                 </dl>
3404
3405
3406
3407
3408
3409
3410
3411                     </div>
3412                 </div>
3413
3414             </td>
3415             <td class="msource">
3416
3417                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3418                 &nbsp;
3419             </td>
3420         </tr>
3421
3422
3423           <tr class="method-row config-row-alt1 expandable">
3424             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3425
3426
3427             <td class="sig">
3428                 <a id="Roo.Element-method-getAttributeNS"   name=".getAttributeNS"></a>
3429                 <div class="fixedFont">
3430                         <span class="attributes"></span><b class="itemname">getAttributeNS</b>
3431
3432                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>namespace</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>name</i></B>)
3433
3434
3435                                          :
3436
3437
3438                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3439
3440
3441
3442
3443
3444                 </div>
3445                 <div class="mdesc">
3446
3447                    <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div>
3448
3449
3450
3451                     <div class="long">
3452
3453                                 Returns the value of a namespaced attribute from the element's underlying DOM node.
3454
3455
3456
3457
3458
3459
3460                                 <dl class="detailList">
3461                                 <dt class="heading">Parameters:</dt>
3462
3463                                         <dt>
3464                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>namespace</b>
3465
3466                                         </dt>
3467                                         <dd>The namespace in which to look for the attribute</dd>
3468
3469                                         <dt>
3470                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>name</b>
3471
3472                                         </dt>
3473                                         <dd>The attribute name</dd>
3474
3475                                 </dl>
3476
3477
3478
3479
3480
3481                                 <dl class="detailList">
3482                                 <dt class="heading">Returns:</dt>
3483
3484                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  The attribute value</dd>
3485
3486                                 </dl>
3487
3488
3489
3490
3491
3492
3493
3494                     </div>
3495                 </div>
3496
3497             </td>
3498             <td class="msource">
3499
3500                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3501                 &nbsp;
3502             </td>
3503         </tr>
3504
3505
3506           <tr class="method-row config-row-alt0 expandable">
3507             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3508
3509
3510             <td class="sig">
3511                 <a id="Roo.Element-method-getBorderWidth"   name=".getBorderWidth"></a>
3512                 <div class="fixedFont">
3513                         <span class="attributes"></span><b class="itemname">getBorderWidth</b>
3514
3515                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
3516
3517
3518                                          :
3519
3520
3521                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3522
3523
3524
3525
3526
3527                 </div>
3528                 <div class="mdesc">
3529
3530                    <div class="short">Gets the width of the border(s) for the specified side(s)</div>
3531
3532
3533
3534                     <div class="long">
3535
3536                                 Gets the width of the border(s) for the specified side(s)
3537
3538
3539
3540
3541
3542
3543                                 <dl class="detailList">
3544                                 <dt class="heading">Parameters:</dt>
3545
3546                                         <dt>
3547                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
3548
3549                                         </dt>
3550                                         <dd>Can be t, l, r, b or any combination of those to add multiple values. For example,<br/>passing lr would get the border (l)eft width + the border (r)ight width.</dd>
3551
3552                                 </dl>
3553
3554
3555
3556
3557
3558                                 <dl class="detailList">
3559                                 <dt class="heading">Returns:</dt>
3560
3561                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The width of the sides passed added together</dd>
3562
3563                                 </dl>
3564
3565
3566
3567
3568
3569
3570
3571                     </div>
3572                 </div>
3573
3574             </td>
3575             <td class="msource">
3576
3577                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3578                 &nbsp;
3579             </td>
3580         </tr>
3581
3582
3583           <tr class="method-row config-row-alt1 expandable">
3584             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3585
3586
3587             <td class="sig">
3588                 <a id="Roo.Element-method-getBottom"   name=".getBottom"></a>
3589                 <div class="fixedFont">
3590                         <span class="attributes"></span><b class="itemname">getBottom</b>
3591
3592                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3593
3594
3595                                          :
3596
3597
3598                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3599
3600
3601
3602
3603
3604                 </div>
3605                 <div class="mdesc">
3606
3607                    <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div>
3608
3609
3610
3611                     <div class="long">
3612
3613                                 Gets the bottom Y coordinate of the element (element Y position + element height)
3614
3615
3616
3617
3618
3619
3620                                 <dl class="detailList">
3621                                 <dt class="heading">Parameters:</dt>
3622
3623                                         <dt>
3624                                                 <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>
3625
3626                                         </dt>
3627                                         <dd>True to get the local css position instead of page coordinate</dd>
3628
3629                                 </dl>
3630
3631
3632
3633
3634
3635                                 <dl class="detailList">
3636                                 <dt class="heading">Returns:</dt>
3637
3638                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
3639
3640                                 </dl>
3641
3642
3643
3644
3645
3646
3647
3648                     </div>
3649                 </div>
3650
3651             </td>
3652             <td class="msource">
3653
3654                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3655                 &nbsp;
3656             </td>
3657         </tr>
3658
3659
3660           <tr class="method-row config-row-alt0 expandable">
3661             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3662
3663
3664             <td class="sig">
3665                 <a id="Roo.Element-method-getBox"   name=".getBox"></a>
3666                 <div class="fixedFont">
3667                         <span class="attributes"></span><b class="itemname">getBox</b>
3668
3669                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentBox</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3670
3671
3672                                          :
3673
3674
3675                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3676
3677
3678
3679
3680
3681                 </div>
3682                 <div class="mdesc">
3683
3684                    <div class="short">Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.</div>
3685
3686
3687
3688                     <div class="long">
3689
3690                                 Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.
3691
3692
3693
3694
3695
3696
3697                                 <dl class="detailList">
3698                                 <dt class="heading">Parameters:</dt>
3699
3700                                         <dt>
3701                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>contentBox</b>
3702
3703                                         </dt>
3704                                         <dd>(optional) If true a box for the content of the element is returned.</dd>
3705
3706                                         <dt>
3707                                                 <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>
3708
3709                                         </dt>
3710                                         <dd>(optional) If true the element's left and top are returned instead of page x/y.</dd>
3711
3712                                 </dl>
3713
3714
3715
3716
3717
3718                                 <dl class="detailList">
3719                                 <dt class="heading">Returns:</dt>
3720
3721                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  box An object in the format {x, y, width, height}</dd>
3722
3723                                 </dl>
3724
3725
3726
3727
3728
3729
3730
3731                     </div>
3732                 </div>
3733
3734             </td>
3735             <td class="msource">
3736
3737                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3738                 &nbsp;
3739             </td>
3740         </tr>
3741
3742
3743           <tr class="method-row config-row-alt1 expandable">
3744             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3745
3746
3747             <td class="sig">
3748                 <a id="Roo.Element-method-getCenterXY"   name=".getCenterXY"></a>
3749                 <div class="fixedFont">
3750                         <span class="attributes"></span><b class="itemname">getCenterXY</b>
3751
3752                                  ()
3753
3754
3755                                          :
3756
3757
3758                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3759
3760
3761
3762
3763
3764                 </div>
3765                 <div class="mdesc">
3766
3767                    <div class="short">Calculates the x, y to center this element on the screen</div>
3768
3769
3770
3771                     <div class="long">
3772
3773                                 Calculates the x, y to center this element on the screen
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784                                 <dl class="detailList">
3785                                 <dt class="heading">Returns:</dt>
3786
3787                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The x, y values [x, y]</dd>
3788
3789                                 </dl>
3790
3791
3792
3793
3794
3795
3796
3797                     </div>
3798                 </div>
3799
3800             </td>
3801             <td class="msource">
3802
3803                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3804                 &nbsp;
3805             </td>
3806         </tr>
3807
3808
3809           <tr class="method-row config-row-alt0 expandable">
3810             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3811
3812
3813             <td class="sig">
3814                 <a id="Roo.Element-method-getColor"   name=".getColor"></a>
3815                 <div class="fixedFont">
3816                         <span class="attributes"></span><b class="itemname">getColor</b>
3817
3818                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>attr</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>defaultValue</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>prefix</i></B>)
3819
3820
3821
3822                 </div>
3823                 <div class="mdesc">
3824
3825                    <div class="short">Return the CSS color for the specified CSS attribute.</div>
3826
3827
3828
3829                     <div class="long">
3830
3831                                 Return the CSS color for the specified CSS attribute. rgb, 3 digit (like <b>fff</b>) and valid values<br/>are convert to standard 6 digit hex color.
3832
3833
3834
3835
3836
3837
3838                                 <dl class="detailList">
3839                                 <dt class="heading">Parameters:</dt>
3840
3841                                         <dt>
3842                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>attr</b>
3843
3844                                         </dt>
3845                                         <dd>The css attribute</dd>
3846
3847                                         <dt>
3848                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>defaultValue</b>
3849
3850                                         </dt>
3851                                         <dd>The default value to use when a valid color isn't found</dd>
3852
3853                                         <dt>
3854                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>prefix</b>
3855
3856                                         </dt>
3857                                         <dd>(optional) defaults to #. Use an empty string when working with<br/>YUI color anims.</dd>
3858
3859                                 </dl>
3860
3861
3862
3863
3864
3865
3866
3867
3868
3869
3870
3871                     </div>
3872                 </div>
3873
3874             </td>
3875             <td class="msource">
3876
3877                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3878                 &nbsp;
3879             </td>
3880         </tr>
3881
3882
3883           <tr class="method-row config-row-alt1 expandable">
3884             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3885
3886
3887             <td class="sig">
3888                 <a id="Roo.Element-method-getComputedHeight"   name=".getComputedHeight"></a>
3889                 <div class="fixedFont">
3890                         <span class="attributes"></span><b class="itemname">getComputedHeight</b>
3891
3892                                  ()
3893
3894
3895                                          :
3896
3897
3898                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3899
3900
3901
3902
3903
3904                 </div>
3905                 <div class="mdesc">
3906
3907                    <div class="short">Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders<br/>when needed to simulate offsetHeight when offsets aren't available.</div>
3908
3909
3910
3911                     <div class="long">
3912
3913                                 Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders<br/>when needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements<br/>if a height has not been set using CSS.
3914
3915
3916
3917
3918
3919
3920
3921
3922
3923
3924                                 <dl class="detailList">
3925                                 <dt class="heading">Returns:</dt>
3926
3927                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
3928
3929                                 </dl>
3930
3931
3932
3933
3934
3935
3936
3937                     </div>
3938                 </div>
3939
3940             </td>
3941             <td class="msource">
3942
3943                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3944                 &nbsp;
3945             </td>
3946         </tr>
3947
3948
3949           <tr class="method-row config-row-alt0 expandable">
3950             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3951
3952
3953             <td class="sig">
3954                 <a id="Roo.Element-method-getComputedWidth"   name=".getComputedWidth"></a>
3955                 <div class="fixedFont">
3956                         <span class="attributes"></span><b class="itemname">getComputedWidth</b>
3957
3958                                  ()
3959
3960
3961                                          :
3962
3963
3964                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3965
3966
3967
3968
3969
3970                 </div>
3971                 <div class="mdesc">
3972
3973                    <div class="short">Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders<br/>when needed to simulate offsetWidth when offsets aren't available.</div>
3974
3975
3976
3977                     <div class="long">
3978
3979                                 Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders<br/>when needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements<br/>if a width has not been set using CSS.
3980
3981
3982
3983
3984
3985
3986
3987
3988
3989
3990                                 <dl class="detailList">
3991                                 <dt class="heading">Returns:</dt>
3992
3993                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
3994
3995                                 </dl>
3996
3997
3998
3999
4000
4001
4002
4003                     </div>
4004                 </div>
4005
4006             </td>
4007             <td class="msource">
4008
4009                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4010                 &nbsp;
4011             </td>
4012         </tr>
4013
4014
4015           <tr class="method-row config-row-alt1 expandable">
4016             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4017
4018
4019             <td class="sig">
4020                 <a id="Roo.Element-method-getFrameWidth"   name=".getFrameWidth"></a>
4021                 <div class="fixedFont">
4022                         <span class="attributes"></span><b class="itemname">getFrameWidth</b>
4023
4024                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4025
4026
4027                                          :
4028
4029
4030                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4031
4032
4033
4034
4035
4036                 </div>
4037                 <div class="mdesc">
4038
4039                    <div class="short">Returns the sum width of the padding and borders for the passed "sides".</div>
4040
4041
4042
4043                     <div class="long">
4044
4045                                 Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()<br/>         for more information about the sides.
4046
4047
4048
4049
4050
4051
4052                                 <dl class="detailList">
4053                                 <dt class="heading">Parameters:</dt>
4054
4055                                         <dt>
4056                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sides</b>
4057
4058                                         </dt>
4059                                         <dd></dd>
4060
4061                                 </dl>
4062
4063
4064
4065
4066
4067                                 <dl class="detailList">
4068                                 <dt class="heading">Returns:</dt>
4069
4070                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4071
4072                                 </dl>
4073
4074
4075
4076
4077
4078
4079
4080                     </div>
4081                 </div>
4082
4083             </td>
4084             <td class="msource">
4085
4086                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4087                 &nbsp;
4088             </td>
4089         </tr>
4090
4091
4092           <tr class="method-row config-row-alt0 expandable">
4093             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4094
4095
4096             <td class="sig">
4097                 <a id="Roo.Element-method-getHeight"   name=".getHeight"></a>
4098                 <div class="fixedFont">
4099                         <span class="attributes"></span><b class="itemname">getHeight</b>
4100
4101                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentHeight</i></B>)
4102
4103
4104                                          :
4105
4106
4107                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4108
4109
4110
4111
4112
4113                 </div>
4114                 <div class="mdesc">
4115
4116                    <div class="short">Returns the offset height of the element</div>
4117
4118
4119
4120                     <div class="long">
4121
4122                                 Returns the offset height of the element
4123
4124
4125
4126
4127
4128
4129                                 <dl class="detailList">
4130                                 <dt class="heading">Parameters:</dt>
4131
4132                                         <dt>
4133                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>contentHeight</b>
4134
4135                                         </dt>
4136                                         <dd>(optional) true to get the height minus borders and padding</dd>
4137
4138                                 </dl>
4139
4140
4141
4142
4143
4144                                 <dl class="detailList">
4145                                 <dt class="heading">Returns:</dt>
4146
4147                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The element's height</dd>
4148
4149                                 </dl>
4150
4151
4152
4153
4154
4155
4156
4157                     </div>
4158                 </div>
4159
4160             </td>
4161             <td class="msource">
4162
4163                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4164                 &nbsp;
4165             </td>
4166         </tr>
4167
4168
4169           <tr class="method-row config-row-alt1 expandable">
4170             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4171
4172
4173             <td class="sig">
4174                 <a id="Roo.Element-method-getLeft"   name=".getLeft"></a>
4175                 <div class="fixedFont">
4176                         <span class="attributes"></span><b class="itemname">getLeft</b>
4177
4178                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4179
4180
4181                                          :
4182
4183
4184                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4185
4186
4187
4188
4189
4190                 </div>
4191                 <div class="mdesc">
4192
4193                    <div class="short">Gets the left X coordinate</div>
4194
4195
4196
4197                     <div class="long">
4198
4199                                 Gets the left X coordinate
4200
4201
4202
4203
4204
4205
4206                                 <dl class="detailList">
4207                                 <dt class="heading">Parameters:</dt>
4208
4209                                         <dt>
4210                                                 <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>
4211
4212                                         </dt>
4213                                         <dd>True to get the local css position instead of page coordinate</dd>
4214
4215                                 </dl>
4216
4217
4218
4219
4220
4221                                 <dl class="detailList">
4222                                 <dt class="heading">Returns:</dt>
4223
4224                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4225
4226                                 </dl>
4227
4228
4229
4230
4231
4232
4233
4234                     </div>
4235                 </div>
4236
4237             </td>
4238             <td class="msource">
4239
4240                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4241                 &nbsp;
4242             </td>
4243         </tr>
4244
4245
4246           <tr class="method-row config-row-alt0 expandable">
4247             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4248
4249
4250             <td class="sig">
4251                 <a id="Roo.Element-method-getMargins"   name=".getMargins"></a>
4252                 <div class="fixedFont">
4253                         <span class="attributes"></span><b class="itemname">getMargins</b>
4254
4255                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4256
4257
4258                                          :
4259
4260
4261                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number
4262
4263
4264
4265
4266
4267                 </div>
4268                 <div class="mdesc">
4269
4270                    <div class="short">Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,<br/>then it returns the calculated width of the sides (see getPadding)</div>
4271
4272
4273
4274                     <div class="long">
4275
4276                                 Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,<br/>then it returns the calculated width of the sides (see getPadding)
4277
4278
4279
4280
4281
4282
4283                                 <dl class="detailList">
4284                                 <dt class="heading">Parameters:</dt>
4285
4286                                         <dt>
4287                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sides</b>
4288
4289                                         </dt>
4290                                         <dd>(optional) Any combination of l, r, t, b to get the sum of those sides</dd>
4291
4292                                 </dl>
4293
4294
4295
4296
4297
4298                                 <dl class="detailList">
4299                                 <dt class="heading">Returns:</dt>
4300
4301                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number</span>  </dd>
4302
4303                                 </dl>
4304
4305
4306
4307
4308
4309
4310
4311                     </div>
4312                 </div>
4313
4314             </td>
4315             <td class="msource">
4316
4317                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4318                 &nbsp;
4319             </td>
4320         </tr>
4321
4322
4323           <tr class="method-row config-row-alt1 expandable">
4324             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4325
4326
4327             <td class="sig">
4328                 <a id="Roo.Element-method-getNextSibling"   name=".getNextSibling"></a>
4329                 <div class="fixedFont">
4330                         <span class="attributes"></span><b class="itemname">getNextSibling</b>
4331
4332                                  ()
4333
4334
4335                                          :
4336
4337
4338                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4339
4340
4341
4342
4343
4344                 </div>
4345                 <div class="mdesc">
4346
4347                    <div class="short">Gets the next sibling, skipping text nodes</div>
4348
4349
4350
4351                     <div class="long">
4352
4353                                 Gets the next sibling, skipping text nodes
4354
4355
4356
4357
4358
4359
4360
4361
4362
4363
4364                                 <dl class="detailList">
4365                                 <dt class="heading">Returns:</dt>
4366
4367                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The next sibling or null</dd>
4368
4369                                 </dl>
4370
4371
4372
4373
4374
4375
4376
4377                     </div>
4378                 </div>
4379
4380             </td>
4381             <td class="msource">
4382
4383                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4384                 &nbsp;
4385             </td>
4386         </tr>
4387
4388
4389           <tr class="method-row config-row-alt0 expandable">
4390             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4391
4392
4393             <td class="sig">
4394                 <a id="Roo.Element-method-getPadding"   name=".getPadding"></a>
4395                 <div class="fixedFont">
4396                         <span class="attributes"></span><b class="itemname">getPadding</b>
4397
4398                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
4399
4400
4401                                          :
4402
4403
4404                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4405
4406
4407
4408
4409
4410                 </div>
4411                 <div class="mdesc">
4412
4413                    <div class="short">Gets the width of the padding(s) for the specified side(s)</div>
4414
4415
4416
4417                     <div class="long">
4418
4419                                 Gets the width of the padding(s) for the specified side(s)
4420
4421
4422
4423
4424
4425
4426                                 <dl class="detailList">
4427                                 <dt class="heading">Parameters:</dt>
4428
4429                                         <dt>
4430                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
4431
4432                                         </dt>
4433                                         <dd>Can be t, l, r, b or any combination of those to add multiple values. For example,<br/>passing lr would get the padding (l)eft + the padding (r)ight.</dd>
4434
4435                                 </dl>
4436
4437
4438
4439
4440
4441                                 <dl class="detailList">
4442                                 <dt class="heading">Returns:</dt>
4443
4444                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The padding of the sides passed added together</dd>
4445
4446                                 </dl>
4447
4448
4449
4450
4451
4452
4453
4454                     </div>
4455                 </div>
4456
4457             </td>
4458             <td class="msource">
4459
4460                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4461                 &nbsp;
4462             </td>
4463         </tr>
4464
4465
4466           <tr class="method-row config-row-alt1 expandable">
4467             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4468
4469
4470             <td class="sig">
4471                 <a id="Roo.Element-method-getPositioning"   name=".getPositioning"></a>
4472                 <div class="fixedFont">
4473                         <span class="attributes"></span><b class="itemname">getPositioning</b>
4474
4475                                  ()
4476
4477
4478                                          :
4479
4480
4481                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4482
4483
4484
4485
4486
4487                 </div>
4488                 <div class="mdesc">
4489
4490                    <div class="short">Gets an object with all CSS positioning properties.</div>
4491
4492
4493
4494                     <div class="long">
4495
4496                                 Gets an object with all CSS positioning properties. Useful along with setPostioning to get<br/>snapshot before performing an update and then restoring the element.
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507                                 <dl class="detailList">
4508                                 <dt class="heading">Returns:</dt>
4509
4510                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  </dd>
4511
4512                                 </dl>
4513
4514
4515
4516
4517
4518
4519
4520                     </div>
4521                 </div>
4522
4523             </td>
4524             <td class="msource">
4525
4526                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4527                 &nbsp;
4528             </td>
4529         </tr>
4530
4531
4532           <tr class="method-row config-row-alt0 expandable">
4533             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4534
4535
4536             <td class="sig">
4537                 <a id="Roo.Element-method-getPrevSibling"   name=".getPrevSibling"></a>
4538                 <div class="fixedFont">
4539                         <span class="attributes"></span><b class="itemname">getPrevSibling</b>
4540
4541                                  ()
4542
4543
4544                                          :
4545
4546
4547                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4548
4549
4550
4551
4552
4553                 </div>
4554                 <div class="mdesc">
4555
4556                    <div class="short">Gets the previous sibling, skipping text nodes</div>
4557
4558
4559
4560                     <div class="long">
4561
4562                                 Gets the previous sibling, skipping text nodes
4563
4564
4565
4566
4567
4568
4569
4570
4571
4572
4573                                 <dl class="detailList">
4574                                 <dt class="heading">Returns:</dt>
4575
4576                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The previous sibling or null</dd>
4577
4578                                 </dl>
4579
4580
4581
4582
4583
4584
4585
4586                     </div>
4587                 </div>
4588
4589             </td>
4590             <td class="msource">
4591
4592                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4593                 &nbsp;
4594             </td>
4595         </tr>
4596
4597
4598           <tr class="method-row config-row-alt1 expandable">
4599             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4600
4601
4602             <td class="sig">
4603                 <a id="Roo.Element-method-getRegion"   name=".getRegion"></a>
4604                 <div class="fixedFont">
4605                         <span class="attributes"></span><b class="itemname">getRegion</b>
4606
4607                                  ()
4608
4609
4610                                          :
4611
4612
4613                                                 Region
4614
4615
4616
4617
4618
4619                 </div>
4620                 <div class="mdesc">
4621
4622                    <div class="short">Returns the region of the given element.</div>
4623
4624
4625
4626                     <div class="long">
4627
4628                                 Returns the region of the given element.<br/>The element must be part of the DOM tree to have a region (display:none or elements not appended return false).
4629
4630
4631
4632
4633
4634
4635
4636
4637
4638
4639                                 <dl class="detailList">
4640                                 <dt class="heading">Returns:</dt>
4641
4642                                         <dd><span class="fixedFont">Region</span>  A Roo.lib.Region containing "top, left, bottom, right" member data.</dd>
4643
4644                                 </dl>
4645
4646
4647
4648
4649
4650
4651
4652                     </div>
4653                 </div>
4654
4655             </td>
4656             <td class="msource">
4657
4658                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4659                 &nbsp;
4660             </td>
4661         </tr>
4662
4663
4664           <tr class="method-row config-row-alt0 expandable">
4665             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4666
4667
4668             <td class="sig">
4669                 <a id="Roo.Element-method-getRight"   name=".getRight"></a>
4670                 <div class="fixedFont">
4671                         <span class="attributes"></span><b class="itemname">getRight</b>
4672
4673                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4674
4675
4676                                          :
4677
4678
4679                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4680
4681
4682
4683
4684
4685                 </div>
4686                 <div class="mdesc">
4687
4688                    <div class="short">Gets the right X coordinate of the element (element X position + element width)</div>
4689
4690
4691
4692                     <div class="long">
4693
4694                                 Gets the right X coordinate of the element (element X position + element width)
4695
4696
4697
4698
4699
4700
4701                                 <dl class="detailList">
4702                                 <dt class="heading">Parameters:</dt>
4703
4704                                         <dt>
4705                                                 <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>
4706
4707                                         </dt>
4708                                         <dd>True to get the local css position instead of page coordinate</dd>
4709
4710                                 </dl>
4711
4712
4713
4714
4715
4716                                 <dl class="detailList">
4717                                 <dt class="heading">Returns:</dt>
4718
4719                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4720
4721                                 </dl>
4722
4723
4724
4725
4726
4727
4728
4729                     </div>
4730                 </div>
4731
4732             </td>
4733             <td class="msource">
4734
4735                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4736                 &nbsp;
4737             </td>
4738         </tr>
4739
4740
4741           <tr class="method-row config-row-alt1 expandable">
4742             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4743
4744
4745             <td class="sig">
4746                 <a id="Roo.Element-method-getScroll"   name=".getScroll"></a>
4747                 <div class="fixedFont">
4748                         <span class="attributes"></span><b class="itemname">getScroll</b>
4749
4750                                  ()
4751
4752
4753                                          :
4754
4755
4756                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4757
4758
4759
4760
4761
4762                 </div>
4763                 <div class="mdesc">
4764
4765                    <div class="short">Returns the current scroll position of the element.</div>
4766
4767
4768
4769                     <div class="long">
4770
4771                                 Returns the current scroll position of the element.
4772
4773
4774
4775
4776
4777
4778
4779
4780
4781
4782                                 <dl class="detailList">
4783                                 <dt class="heading">Returns:</dt>
4784
4785                                         <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 scroll position in the format {left: (scrollLeft), top: (scrollTop)}</dd>
4786
4787                                 </dl>
4788
4789
4790
4791
4792
4793
4794
4795                     </div>
4796                 </div>
4797
4798             </td>
4799             <td class="msource">
4800
4801                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4802                 &nbsp;
4803             </td>
4804         </tr>
4805
4806
4807           <tr class="method-row config-row-alt0 expandable">
4808             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4809
4810
4811             <td class="sig">
4812                 <a id="Roo.Element-method-getSize"   name=".getSize"></a>
4813                 <div class="fixedFont">
4814                         <span class="attributes"></span><b class="itemname">getSize</b>
4815
4816                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentSize</i></B>)
4817
4818
4819                                          :
4820
4821
4822                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4823
4824
4825
4826
4827
4828                 </div>
4829                 <div class="mdesc">
4830
4831                    <div class="short">Returns the size of the element.</div>
4832
4833
4834
4835                     <div class="long">
4836
4837                                 Returns the size of the element.
4838
4839
4840
4841
4842
4843
4844                                 <dl class="detailList">
4845                                 <dt class="heading">Parameters:</dt>
4846
4847                                         <dt>
4848                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>contentSize</b>
4849
4850                                         </dt>
4851                                         <dd>(optional) true to get the width/size minus borders and padding</dd>
4852
4853                                 </dl>
4854
4855
4856
4857
4858
4859                                 <dl class="detailList">
4860                                 <dt class="heading">Returns:</dt>
4861
4862                                         <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>
4863
4864                                 </dl>
4865
4866
4867
4868
4869
4870
4871
4872                     </div>
4873                 </div>
4874
4875             </td>
4876             <td class="msource">
4877
4878                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4879                 &nbsp;
4880             </td>
4881         </tr>
4882
4883
4884           <tr class="method-row config-row-alt1 expandable">
4885             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4886
4887
4888             <td class="sig">
4889                 <a id="Roo.Element-method-getStyle"   name=".getStyle"></a>
4890                 <div class="fixedFont">
4891                         <span class="attributes"></span><b class="itemname">getStyle</b>
4892
4893                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>property</i></B>)
4894
4895
4896                                          :
4897
4898
4899                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
4900
4901
4902
4903
4904
4905                 </div>
4906                 <div class="mdesc">
4907
4908                    <div class="short">Normalizes currentStyle and computedStyle.</div>
4909
4910
4911
4912                     <div class="long">
4913
4914                                 Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.
4915
4916
4917
4918
4919
4920
4921                                 <dl class="detailList">
4922                                 <dt class="heading">Parameters:</dt>
4923
4924                                         <dt>
4925                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>property</b>
4926
4927                                         </dt>
4928                                         <dd>The style property whose value is returned.</dd>
4929
4930                                 </dl>
4931
4932
4933
4934
4935
4936                                 <dl class="detailList">
4937                                 <dt class="heading">Returns:</dt>
4938
4939                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  The current value of the style property for this element.</dd>
4940
4941                                 </dl>
4942
4943
4944
4945
4946
4947
4948
4949                     </div>
4950                 </div>
4951
4952             </td>
4953             <td class="msource">
4954
4955                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4956                 &nbsp;
4957             </td>
4958         </tr>
4959
4960
4961           <tr class="method-row config-row-alt0 expandable">
4962             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4963
4964
4965             <td class="sig">
4966                 <a id="Roo.Element-method-getStyles"   name=".getStyles"></a>
4967                 <div class="fixedFont">
4968                         <span class="attributes"></span><b class="itemname">getStyles</b>
4969
4970                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>style1</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>style2</i></B>)
4971
4972
4973                                          :
4974
4975
4976                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4977
4978
4979
4980
4981
4982                 </div>
4983                 <div class="mdesc">
4984
4985                    <div class="short">Returns an object with properties matching the styles requested.</div>
4986
4987
4988
4989                     <div class="long">
4990
4991                                 Returns an object with properties matching the styles requested.<br/>For example, el.getStyles('color', 'font-size', 'width') might return<br/>{'color': '<b>FFFFFF</b>', 'font-size': '13px', 'width': '100px'}.
4992
4993
4994
4995
4996
4997
4998                                 <dl class="detailList">
4999                                 <dt class="heading">Parameters:</dt>
5000
5001                                         <dt>
5002                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>style1</b>
5003
5004                                         </dt>
5005                                         <dd>A style name</dd>
5006
5007                                         <dt>
5008                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>style2</b>
5009
5010                                         </dt>
5011                                         <dd>A style name</dd>
5012
5013                                         <dt>
5014                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>etc.</b>
5015
5016                                         </dt>
5017                                         <dd></dd>
5018
5019                                 </dl>
5020
5021
5022
5023
5024
5025                                 <dl class="detailList">
5026                                 <dt class="heading">Returns:</dt>
5027
5028                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  The style object</dd>
5029
5030                                 </dl>
5031
5032
5033
5034
5035
5036
5037
5038                     </div>
5039                 </div>
5040
5041             </td>
5042             <td class="msource">
5043
5044                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5045                 &nbsp;
5046             </td>
5047         </tr>
5048
5049
5050           <tr class="method-row config-row-alt1 expandable">
5051             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5052
5053
5054             <td class="sig">
5055                 <a id="Roo.Element-method-getTop"   name=".getTop"></a>
5056                 <div class="fixedFont">
5057                         <span class="attributes"></span><b class="itemname">getTop</b>
5058
5059                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
5060
5061
5062                                          :
5063
5064
5065                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5066
5067
5068
5069
5070
5071                 </div>
5072                 <div class="mdesc">
5073
5074                    <div class="short">Gets the top Y coordinate</div>
5075
5076
5077
5078                     <div class="long">
5079
5080                                 Gets the top Y coordinate
5081
5082
5083
5084
5085
5086
5087                                 <dl class="detailList">
5088                                 <dt class="heading">Parameters:</dt>
5089
5090                                         <dt>
5091                                                 <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>
5092
5093                                         </dt>
5094                                         <dd>True to get the local css position instead of page coordinate</dd>
5095
5096                                 </dl>
5097
5098
5099
5100
5101
5102                                 <dl class="detailList">
5103                                 <dt class="heading">Returns:</dt>
5104
5105                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
5106
5107                                 </dl>
5108
5109
5110
5111
5112
5113
5114
5115                     </div>
5116                 </div>
5117
5118             </td>
5119             <td class="msource">
5120
5121                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5122                 &nbsp;
5123             </td>
5124         </tr>
5125
5126
5127           <tr class="method-row config-row-alt0 expandable">
5128             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5129
5130
5131             <td class="sig">
5132                 <a id="Roo.Element-method-getUpdateManager"   name=".getUpdateManager"></a>
5133                 <div class="fixedFont">
5134                         <span class="attributes"></span><b class="itemname">getUpdateManager</b>
5135
5136                                  ()
5137
5138
5139                                          :
5140
5141
5142                                                 <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>
5143
5144
5145
5146
5147
5148                 </div>
5149                 <div class="mdesc">
5150
5151                    <div class="short">Gets this element's UpdateManager</div>
5152
5153
5154
5155                     <div class="long">
5156
5157                                 Gets this element's UpdateManager
5158
5159
5160
5161
5162
5163
5164
5165
5166
5167
5168                                 <dl class="detailList">
5169                                 <dt class="heading">Returns:</dt>
5170
5171                                         <dd><span class="fixedFont"><a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a></span>  The UpdateManager</dd>
5172
5173                                 </dl>
5174
5175
5176
5177
5178
5179
5180
5181                     </div>
5182                 </div>
5183
5184             </td>
5185             <td class="msource">
5186
5187                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5188                 &nbsp;
5189             </td>
5190         </tr>
5191
5192
5193           <tr class="method-row config-row-alt1 expandable">
5194             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5195
5196
5197             <td class="sig">
5198                 <a id="Roo.Element-method-getValue"   name=".getValue"></a>
5199                 <div class="fixedFont">
5200                         <span class="attributes"></span><b class="itemname">getValue</b>
5201
5202                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asNumber</i></B>)
5203
5204
5205                                          :
5206
5207
5208                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number
5209
5210
5211
5212
5213
5214                 </div>
5215                 <div class="mdesc">
5216
5217                    <div class="short">Returns the value of the "value" attribute</div>
5218
5219
5220
5221                     <div class="long">
5222
5223                                 Returns the value of the "value" attribute
5224
5225
5226
5227
5228
5229
5230                                 <dl class="detailList">
5231                                 <dt class="heading">Parameters:</dt>
5232
5233                                         <dt>
5234                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>asNumber</b>
5235
5236                                         </dt>
5237                                         <dd>true to parse the value as a number</dd>
5238
5239                                 </dl>
5240
5241
5242
5243
5244
5245                                 <dl class="detailList">
5246                                 <dt class="heading">Returns:</dt>
5247
5248                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  </dd>
5249
5250                                 </dl>
5251
5252
5253
5254
5255
5256
5257
5258                     </div>
5259                 </div>
5260
5261             </td>
5262             <td class="msource">
5263
5264                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5265                 &nbsp;
5266             </td>
5267         </tr>
5268
5269
5270           <tr class="method-row config-row-alt0 expandable">
5271             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5272
5273
5274             <td class="sig">
5275                 <a id="Roo.Element-method-getViewSize"   name=".getViewSize"></a>
5276                 <div class="fixedFont">
5277                         <span class="attributes"></span><b class="itemname">getViewSize</b>
5278
5279                                  ()
5280
5281
5282                                          :
5283
5284
5285                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5286
5287
5288
5289
5290
5291                 </div>
5292                 <div class="mdesc">
5293
5294                    <div class="short">Returns the width and height of the viewport.</div>
5295
5296
5297
5298                     <div class="long">
5299
5300                                 Returns the width and height of the viewport.
5301
5302
5303
5304
5305
5306
5307
5308
5309
5310
5311                                 <dl class="detailList">
5312                                 <dt class="heading">Returns:</dt>
5313
5314                                         <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 viewport's size {width: (viewport width), height: (viewport height)}</dd>
5315
5316                                 </dl>
5317
5318
5319
5320
5321
5322
5323
5324                     </div>
5325                 </div>
5326
5327             </td>
5328             <td class="msource">
5329
5330                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5331                 &nbsp;
5332             </td>
5333         </tr>
5334
5335
5336           <tr class="method-row config-row-alt1 expandable">
5337             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5338
5339
5340             <td class="sig">
5341                 <a id="Roo.Element-method-getWidth"   name=".getWidth"></a>
5342                 <div class="fixedFont">
5343                         <span class="attributes"></span><b class="itemname">getWidth</b>
5344
5345                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentWidth</i></B>)
5346
5347
5348                                          :
5349
5350
5351                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5352
5353
5354
5355
5356
5357                 </div>
5358                 <div class="mdesc">
5359
5360                    <div class="short">Returns the offset width of the element</div>
5361
5362
5363
5364                     <div class="long">
5365
5366                                 Returns the offset width of the element
5367
5368
5369
5370
5371
5372
5373                                 <dl class="detailList">
5374                                 <dt class="heading">Parameters:</dt>
5375
5376                                         <dt>
5377                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>contentWidth</b>
5378
5379                                         </dt>
5380                                         <dd>(optional) true to get the width minus borders and padding</dd>
5381
5382                                 </dl>
5383
5384
5385
5386
5387
5388                                 <dl class="detailList">
5389                                 <dt class="heading">Returns:</dt>
5390
5391                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The element's width</dd>
5392
5393                                 </dl>
5394
5395
5396
5397
5398
5399
5400
5401                     </div>
5402                 </div>
5403
5404             </td>
5405             <td class="msource">
5406
5407                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5408                 &nbsp;
5409             </td>
5410         </tr>
5411
5412
5413           <tr class="method-row config-row-alt0 expandable">
5414             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5415
5416
5417             <td class="sig">
5418                 <a id="Roo.Element-method-getX"   name=".getX"></a>
5419                 <div class="fixedFont">
5420                         <span class="attributes"></span><b class="itemname">getX</b>
5421
5422                                  ()
5423
5424
5425                                          :
5426
5427
5428                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5429
5430
5431
5432
5433
5434                 </div>
5435                 <div class="mdesc">
5436
5437                    <div class="short">Gets the current X position of the element based on page coordinates.</div>
5438
5439
5440
5441                     <div class="long">
5442
5443                                 Gets the current X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
5444
5445
5446
5447
5448
5449
5450
5451
5452
5453
5454                                 <dl class="detailList">
5455                                 <dt class="heading">Returns:</dt>
5456
5457                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The X position of the element</dd>
5458
5459                                 </dl>
5460
5461
5462
5463
5464
5465
5466
5467                     </div>
5468                 </div>
5469
5470             </td>
5471             <td class="msource">
5472
5473                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5474                 &nbsp;
5475             </td>
5476         </tr>
5477
5478
5479           <tr class="method-row config-row-alt1 expandable">
5480             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5481
5482
5483             <td class="sig">
5484                 <a id="Roo.Element-method-getXY"   name=".getXY"></a>
5485                 <div class="fixedFont">
5486                         <span class="attributes"></span><b class="itemname">getXY</b>
5487
5488                                  ()
5489
5490
5491                                          :
5492
5493
5494                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
5495
5496
5497
5498
5499
5500                 </div>
5501                 <div class="mdesc">
5502
5503                    <div class="short">Gets the current position of the element based on page coordinates.</div>
5504
5505
5506
5507                     <div class="long">
5508
5509                                 Gets the current position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
5510
5511
5512
5513
5514
5515
5516
5517
5518
5519
5520                                 <dl class="detailList">
5521                                 <dt class="heading">Returns:</dt>
5522
5523                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The XY position of the element</dd>
5524
5525                                 </dl>
5526
5527
5528
5529
5530
5531
5532
5533                     </div>
5534                 </div>
5535
5536             </td>
5537             <td class="msource">
5538
5539                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5540                 &nbsp;
5541             </td>
5542         </tr>
5543
5544
5545           <tr class="method-row config-row-alt0 expandable">
5546             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5547
5548
5549             <td class="sig">
5550                 <a id="Roo.Element-method-getY"   name=".getY"></a>
5551                 <div class="fixedFont">
5552                         <span class="attributes"></span><b class="itemname">getY</b>
5553
5554                                  ()
5555
5556
5557                                          :
5558
5559
5560                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5561
5562
5563
5564
5565
5566                 </div>
5567                 <div class="mdesc">
5568
5569                    <div class="short">Gets the current Y position of the element based on page coordinates.</div>
5570
5571
5572
5573                     <div class="long">
5574
5575                                 Gets the current Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
5576
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586                                 <dl class="detailList">
5587                                 <dt class="heading">Returns:</dt>
5588
5589                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The Y position of the element</dd>
5590
5591                                 </dl>
5592
5593
5594
5595
5596
5597
5598
5599                     </div>
5600                 </div>
5601
5602             </td>
5603             <td class="msource">
5604
5605                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5606                 &nbsp;
5607             </td>
5608         </tr>
5609
5610
5611           <tr class="method-row config-row-alt1 expandable">
5612             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5613
5614
5615             <td class="sig">
5616                 <a id="Roo.Element-method-hasClass"   name=".hasClass"></a>
5617                 <div class="fixedFont">
5618                         <span class="attributes"></span><b class="itemname">hasClass</b>
5619
5620                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
5621
5622
5623                                          :
5624
5625
5626                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5627
5628
5629
5630
5631
5632                 </div>
5633                 <div class="mdesc">
5634
5635                    <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div>
5636
5637
5638
5639                     <div class="long">
5640
5641                                 Checks if the specified CSS class exists on this element's DOM node.
5642
5643
5644
5645
5646
5647
5648                                 <dl class="detailList">
5649                                 <dt class="heading">Parameters:</dt>
5650
5651                                         <dt>
5652                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
5653
5654                                         </dt>
5655                                         <dd>The CSS class to check for</dd>
5656
5657                                 </dl>
5658
5659
5660
5661
5662
5663                                 <dl class="detailList">
5664                                 <dt class="heading">Returns:</dt>
5665
5666                                         <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 class exists, else false</dd>
5667
5668                                 </dl>
5669
5670
5671
5672
5673
5674
5675
5676                     </div>
5677                 </div>
5678
5679             </td>
5680             <td class="msource">
5681
5682                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5683                 &nbsp;
5684             </td>
5685         </tr>
5686
5687
5688           <tr class="method-row config-row-alt0 expandable">
5689             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5690
5691
5692             <td class="sig">
5693                 <a id="Roo.Element-method-hide"   name=".hide"></a>
5694                 <div class="fixedFont">
5695                         <span class="attributes"></span><b class="itemname">hide</b>
5696
5697                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
5698
5699
5700                                          :
5701
5702
5703                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5704
5705
5706
5707
5708
5709                 </div>
5710                 <div class="mdesc">
5711
5712                    <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility".</div>
5713
5714
5715
5716                     <div class="long">
5717
5718                                 Hide this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
5719
5720
5721
5722
5723
5724
5725                                 <dl class="detailList">
5726                                 <dt class="heading">Parameters:</dt>
5727
5728                                         <dt>
5729                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
5730
5731                                         </dt>
5732                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
5733
5734                                 </dl>
5735
5736
5737
5738
5739
5740                                 <dl class="detailList">
5741                                 <dt class="heading">Returns:</dt>
5742
5743                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
5744
5745                                 </dl>
5746
5747
5748
5749
5750
5751
5752
5753                     </div>
5754                 </div>
5755
5756             </td>
5757             <td class="msource">
5758
5759                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5760                 &nbsp;
5761             </td>
5762         </tr>
5763
5764
5765           <tr class="method-row config-row-alt1 expandable">
5766             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5767
5768
5769             <td class="sig">
5770                 <a id="Roo.Element-method-initDD"   name=".initDD"></a>
5771                 <div class="fixedFont">
5772                         <span class="attributes"></span><b class="itemname">initDD</b>
5773
5774                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
5775
5776
5777                                          :
5778
5779
5780                                                 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
5781
5782
5783
5784
5785
5786                 </div>
5787                 <div class="mdesc">
5788
5789                    <div class="short">Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.</div>
5790
5791
5792
5793                     <div class="long">
5794
5795                                 Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.
5796
5797
5798
5799
5800
5801
5802                                 <dl class="detailList">
5803                                 <dt class="heading">Parameters:</dt>
5804
5805                                         <dt>
5806                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5807
5808                                         </dt>
5809                                         <dd>The group the DD object is member of</dd>
5810
5811                                         <dt>
5812                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
5813
5814                                         </dt>
5815                                         <dd>The DD config object</dd>
5816
5817                                         <dt>
5818                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>overrides</b>
5819
5820                                         </dt>
5821                                         <dd>An object containing methods to override/implement on the DD object</dd>
5822
5823                                 </dl>
5824
5825
5826
5827
5828
5829                                 <dl class="detailList">
5830                                 <dt class="heading">Returns:</dt>
5831
5832                                         <dd><span class="fixedFont"><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a></span>  The DD object</dd>
5833
5834                                 </dl>
5835
5836
5837
5838
5839
5840
5841
5842                     </div>
5843                 </div>
5844
5845             </td>
5846             <td class="msource">
5847
5848                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5849                 &nbsp;
5850             </td>
5851         </tr>
5852
5853
5854           <tr class="method-row config-row-alt0 expandable">
5855             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5856
5857
5858             <td class="sig">
5859                 <a id="Roo.Element-method-initDDProxy"   name=".initDDProxy"></a>
5860                 <div class="fixedFont">
5861                         <span class="attributes"></span><b class="itemname">initDDProxy</b>
5862
5863                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
5864
5865
5866                                          :
5867
5868
5869                                                 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
5870
5871
5872
5873
5874
5875                 </div>
5876                 <div class="mdesc">
5877
5878                    <div class="short">Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.</div>
5879
5880
5881
5882                     <div class="long">
5883
5884                                 Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.
5885
5886
5887
5888
5889
5890
5891                                 <dl class="detailList">
5892                                 <dt class="heading">Parameters:</dt>
5893
5894                                         <dt>
5895                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5896
5897                                         </dt>
5898                                         <dd>The group the DDProxy object is member of</dd>
5899
5900                                         <dt>
5901                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
5902
5903                                         </dt>
5904                                         <dd>The DDProxy config object</dd>
5905
5906                                         <dt>
5907                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>overrides</b>
5908
5909                                         </dt>
5910                                         <dd>An object containing methods to override/implement on the DDProxy object</dd>
5911
5912                                 </dl>
5913
5914
5915
5916
5917
5918                                 <dl class="detailList">
5919                                 <dt class="heading">Returns:</dt>
5920
5921                                         <dd><span class="fixedFont"><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a></span>  The DDProxy object</dd>
5922
5923                                 </dl>
5924
5925
5926
5927
5928
5929
5930
5931                     </div>
5932                 </div>
5933
5934             </td>
5935             <td class="msource">
5936
5937                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5938                 &nbsp;
5939             </td>
5940         </tr>
5941
5942
5943           <tr class="method-row config-row-alt1 expandable">
5944             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5945
5946
5947             <td class="sig">
5948                 <a id="Roo.Element-method-initDDTarget"   name=".initDDTarget"></a>
5949                 <div class="fixedFont">
5950                         <span class="attributes"></span><b class="itemname">initDDTarget</b>
5951
5952                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
5953
5954
5955                                          :
5956
5957
5958                                                 <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>
5959
5960
5961
5962
5963
5964                 </div>
5965                 <div class="mdesc">
5966
5967                    <div class="short">Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.</div>
5968
5969
5970
5971                     <div class="long">
5972
5973                                 Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.
5974
5975
5976
5977
5978
5979
5980                                 <dl class="detailList">
5981                                 <dt class="heading">Parameters:</dt>
5982
5983                                         <dt>
5984                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5985
5986                                         </dt>
5987                                         <dd>The group the DDTarget object is member of</dd>
5988
5989                                         <dt>
5990                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
5991
5992                                         </dt>
5993                                         <dd>The DDTarget config object</dd>
5994
5995                                         <dt>
5996                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>overrides</b>
5997
5998                                         </dt>
5999                                         <dd>An object containing methods to override/implement on the DDTarget object</dd>
6000
6001                                 </dl>
6002
6003
6004
6005
6006
6007                                 <dl class="detailList">
6008                                 <dt class="heading">Returns:</dt>
6009
6010                                         <dd><span class="fixedFont"><a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a></span>  The DDTarget object</dd>
6011
6012                                 </dl>
6013
6014
6015
6016
6017
6018
6019
6020                     </div>
6021                 </div>
6022
6023             </td>
6024             <td class="msource">
6025
6026                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6027                 &nbsp;
6028             </td>
6029         </tr>
6030
6031
6032           <tr class="method-row config-row-alt0 expandable">
6033             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6034
6035
6036             <td class="sig">
6037                 <a id="Roo.Element-method-insertAfter"   name=".insertAfter"></a>
6038                 <div class="fixedFont">
6039                         <span class="attributes"></span><b class="itemname">insertAfter</b>
6040
6041                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6042
6043
6044                                          :
6045
6046
6047                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6048
6049
6050
6051
6052
6053                 </div>
6054                 <div class="mdesc">
6055
6056                    <div class="short">Inserts this element after the passed element in the DOM</div>
6057
6058
6059
6060                     <div class="long">
6061
6062                                 Inserts this element after the passed element in the DOM
6063
6064
6065
6066
6067
6068
6069                                 <dl class="detailList">
6070                                 <dt class="heading">Parameters:</dt>
6071
6072                                         <dt>
6073                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
6074
6075                                         </dt>
6076                                         <dd>The element to insert after</dd>
6077
6078                                 </dl>
6079
6080
6081
6082
6083
6084                                 <dl class="detailList">
6085                                 <dt class="heading">Returns:</dt>
6086
6087                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6088
6089                                 </dl>
6090
6091
6092
6093
6094
6095
6096
6097                     </div>
6098                 </div>
6099
6100             </td>
6101             <td class="msource">
6102
6103                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6104                 &nbsp;
6105             </td>
6106         </tr>
6107
6108
6109           <tr class="method-row config-row-alt1 expandable">
6110             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6111
6112
6113             <td class="sig">
6114                 <a id="Roo.Element-method-insertBefore"   name=".insertBefore"></a>
6115                 <div class="fixedFont">
6116                         <span class="attributes"></span><b class="itemname">insertBefore</b>
6117
6118                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6119
6120
6121                                          :
6122
6123
6124                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6125
6126
6127
6128
6129
6130                 </div>
6131                 <div class="mdesc">
6132
6133                    <div class="short">Inserts this element before the passed element in the DOM</div>
6134
6135
6136
6137                     <div class="long">
6138
6139                                 Inserts this element before the passed element in the DOM
6140
6141
6142
6143
6144
6145
6146                                 <dl class="detailList">
6147                                 <dt class="heading">Parameters:</dt>
6148
6149                                         <dt>
6150                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
6151
6152                                         </dt>
6153                                         <dd>The element to insert before</dd>
6154
6155                                 </dl>
6156
6157
6158
6159
6160
6161                                 <dl class="detailList">
6162                                 <dt class="heading">Returns:</dt>
6163
6164                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6165
6166                                 </dl>
6167
6168
6169
6170
6171
6172
6173
6174                     </div>
6175                 </div>
6176
6177             </td>
6178             <td class="msource">
6179
6180                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6181                 &nbsp;
6182             </td>
6183         </tr>
6184
6185
6186           <tr class="method-row config-row-alt0 expandable">
6187             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6188
6189
6190             <td class="sig">
6191                 <a id="Roo.Element-method-insertFirst"   name=".insertFirst"></a>
6192                 <div class="fixedFont">
6193                         <span class="attributes"></span><b class="itemname">insertFirst</b>
6194
6195                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>)
6196
6197
6198                                          :
6199
6200
6201                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6202
6203
6204
6205
6206
6207                 </div>
6208                 <div class="mdesc">
6209
6210                    <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of the this element</div>
6211
6212
6213
6214                     <div class="long">
6215
6216                                 Inserts (or creates) an element (or DomHelper config) as the first child of the this element
6217
6218
6219
6220
6221
6222
6223                                 <dl class="detailList">
6224                                 <dt class="heading">Parameters:</dt>
6225
6226                                         <dt>
6227                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span>  <b>el</b>
6228
6229                                         </dt>
6230                                         <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6231
6232                                 </dl>
6233
6234
6235
6236
6237
6238                                 <dl class="detailList">
6239                                 <dt class="heading">Returns:</dt>
6240
6241                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The new child</dd>
6242
6243                                 </dl>
6244
6245
6246
6247
6248
6249
6250
6251                     </div>
6252                 </div>
6253
6254             </td>
6255             <td class="msource">
6256
6257                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6258                 &nbsp;
6259             </td>
6260         </tr>
6261
6262
6263           <tr class="method-row config-row-alt1 expandable">
6264             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6265
6266
6267             <td class="sig">
6268                 <a id="Roo.Element-method-insertHtml"   name=".insertHtml"></a>
6269                 <div class="fixedFont">
6270                         <span class="attributes"></span><b class="itemname">insertHtml</b>
6271
6272                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
6273
6274
6275                                          :
6276
6277
6278                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
6279
6280
6281
6282
6283
6284                 </div>
6285                 <div class="mdesc">
6286
6287                    <div class="short">Inserts an html fragment into this element</div>
6288
6289
6290
6291                     <div class="long">
6292
6293                                 Inserts an html fragment into this element
6294
6295
6296
6297
6298
6299
6300                                 <dl class="detailList">
6301                                 <dt class="heading">Parameters:</dt>
6302
6303                                         <dt>
6304                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
6305
6306                                         </dt>
6307                                         <dd>Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
6308
6309                                         <dt>
6310                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
6311
6312                                         </dt>
6313                                         <dd>The HTML fragment</dd>
6314
6315                                         <dt>
6316                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnEl</b>
6317
6318                                         </dt>
6319                                         <dd>True to return an Roo.Element</dd>
6320
6321                                 </dl>
6322
6323
6324
6325
6326
6327                                 <dl class="detailList">
6328                                 <dt class="heading">Returns:</dt>
6329
6330                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span>  The inserted node (or nearest related if more than 1 inserted)</dd>
6331
6332                                 </dl>
6333
6334
6335
6336
6337
6338
6339
6340                     </div>
6341                 </div>
6342
6343             </td>
6344             <td class="msource">
6345
6346                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6347                 &nbsp;
6348             </td>
6349         </tr>
6350
6351
6352           <tr class="method-row config-row-alt0 expandable">
6353             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6354
6355
6356             <td class="sig">
6357                 <a id="Roo.Element-method-insertSibling"   name=".insertSibling"></a>
6358                 <div class="fixedFont">
6359                         <span class="attributes"></span><b class="itemname">insertSibling</b>
6360
6361                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
6362
6363
6364                                          :
6365
6366
6367                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6368
6369
6370
6371
6372
6373                 </div>
6374                 <div class="mdesc">
6375
6376                    <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div>
6377
6378
6379
6380                     <div class="long">
6381
6382                                 Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element
6383
6384
6385
6386
6387
6388
6389                                 <dl class="detailList">
6390                                 <dt class="heading">Parameters:</dt>
6391
6392                                         <dt>
6393                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span>  <b>el</b>
6394
6395                                         </dt>
6396                                         <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6397
6398                                         <dt>
6399                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
6400
6401                                         </dt>
6402                                         <dd>(optional) 'before' or 'after' defaults to before</dd>
6403
6404                                         <dt>
6405                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnDom</b>
6406
6407                                         </dt>
6408                                         <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
6409
6410                                 </dl>
6411
6412
6413
6414
6415
6416                                 <dl class="detailList">
6417                                 <dt class="heading">Returns:</dt>
6418
6419                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  the inserted Element</dd>
6420
6421                                 </dl>
6422
6423
6424
6425
6426
6427
6428
6429                     </div>
6430                 </div>
6431
6432             </td>
6433             <td class="msource">
6434
6435                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6436                 &nbsp;
6437             </td>
6438         </tr>
6439
6440
6441           <tr class="method-row config-row-alt1 expandable">
6442             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6443
6444
6445             <td class="sig">
6446                 <a id="Roo.Element-method-is"   name=".is"></a>
6447                 <div class="fixedFont">
6448                         <span class="attributes"></span><b class="itemname">is</b>
6449
6450                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
6451
6452
6453                                          :
6454
6455
6456                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6457
6458
6459
6460
6461
6462                 </div>
6463                 <div class="mdesc">
6464
6465                    <div class="short">Returns true if this element matches the passed simple selector (e.g.</div>
6466
6467
6468
6469                     <div class="long">
6470
6471                                 Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)
6472
6473
6474
6475
6476
6477
6478                                 <dl class="detailList">
6479                                 <dt class="heading">Parameters:</dt>
6480
6481                                         <dt>
6482                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
6483
6484                                         </dt>
6485                                         <dd>The simple selector to test</dd>
6486
6487                                 </dl>
6488
6489
6490
6491
6492
6493                                 <dl class="detailList">
6494                                 <dt class="heading">Returns:</dt>
6495
6496                                         <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 this element matches the selector, else false</dd>
6497
6498                                 </dl>
6499
6500
6501
6502
6503
6504
6505
6506                     </div>
6507                 </div>
6508
6509             </td>
6510             <td class="msource">
6511
6512                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6513                 &nbsp;
6514             </td>
6515         </tr>
6516
6517
6518           <tr class="method-row config-row-alt0 expandable">
6519             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6520
6521
6522             <td class="sig">
6523                 <a id="Roo.Element-method-isBorderBox"   name=".isBorderBox"></a>
6524                 <div class="fixedFont">
6525                         <span class="attributes"></span><b class="itemname">isBorderBox</b>
6526
6527                                  ()
6528
6529
6530                                          :
6531
6532
6533                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6534
6535
6536
6537
6538
6539                 </div>
6540                 <div class="mdesc">
6541
6542                    <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div>
6543
6544
6545
6546                     <div class="long">
6547
6548                                 Tests various css rules/browsers to determine if this element uses a border box
6549
6550
6551
6552
6553
6554
6555
6556
6557
6558
6559                                 <dl class="detailList">
6560                                 <dt class="heading">Returns:</dt>
6561
6562                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6563
6564                                 </dl>
6565
6566
6567
6568
6569
6570
6571
6572                     </div>
6573                 </div>
6574
6575             </td>
6576             <td class="msource">
6577
6578                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6579                 &nbsp;
6580             </td>
6581         </tr>
6582
6583
6584           <tr class="method-row config-row-alt1 expandable">
6585             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6586
6587
6588             <td class="sig">
6589                 <a id="Roo.Element-method-isDisplayed"   name=".isDisplayed"></a>
6590                 <div class="fixedFont">
6591                         <span class="attributes"></span><b class="itemname">isDisplayed</b>
6592
6593                                  ()
6594
6595
6596                                          :
6597
6598
6599                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6600
6601
6602
6603
6604
6605                 </div>
6606                 <div class="mdesc">
6607
6608                    <div class="short">Returns true if display is not "none"</div>
6609
6610
6611
6612                     <div class="long">
6613
6614                                 Returns true if display is not "none"
6615
6616
6617
6618
6619
6620
6621
6622
6623
6624
6625                                 <dl class="detailList">
6626                                 <dt class="heading">Returns:</dt>
6627
6628                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6629
6630                                 </dl>
6631
6632
6633
6634
6635
6636
6637
6638                     </div>
6639                 </div>
6640
6641             </td>
6642             <td class="msource">
6643
6644                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6645                 &nbsp;
6646             </td>
6647         </tr>
6648
6649
6650           <tr class="method-row config-row-alt0 expandable">
6651             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6652
6653
6654             <td class="sig">
6655                 <a id="Roo.Element-method-isMasked"   name=".isMasked"></a>
6656                 <div class="fixedFont">
6657                         <span class="attributes"></span><b class="itemname">isMasked</b>
6658
6659                                  ()
6660
6661
6662                                          :
6663
6664
6665                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6666
6667
6668
6669
6670
6671                 </div>
6672                 <div class="mdesc">
6673
6674                    <div class="short">Returns true if this element is masked</div>
6675
6676
6677
6678                     <div class="long">
6679
6680                                 Returns true if this element is masked
6681
6682
6683
6684
6685
6686
6687
6688
6689
6690
6691                                 <dl class="detailList">
6692                                 <dt class="heading">Returns:</dt>
6693
6694                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6695
6696                                 </dl>
6697
6698
6699
6700
6701
6702
6703
6704                     </div>
6705                 </div>
6706
6707             </td>
6708             <td class="msource">
6709
6710                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6711                 &nbsp;
6712             </td>
6713         </tr>
6714
6715
6716           <tr class="method-row config-row-alt1 expandable">
6717             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6718
6719
6720             <td class="sig">
6721                 <a id="Roo.Element-method-isScrollable"   name=".isScrollable"></a>
6722                 <div class="fixedFont">
6723                         <span class="attributes"></span><b class="itemname">isScrollable</b>
6724
6725                                  ()
6726
6727
6728                                          :
6729
6730
6731                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6732
6733
6734
6735
6736
6737                 </div>
6738                 <div class="mdesc">
6739
6740                    <div class="short">Returns true if this element is scrollable.</div>
6741
6742
6743
6744                     <div class="long">
6745
6746                                 Returns true if this element is scrollable.
6747
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757                                 <dl class="detailList">
6758                                 <dt class="heading">Returns:</dt>
6759
6760                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6761
6762                                 </dl>
6763
6764
6765
6766
6767
6768
6769
6770                     </div>
6771                 </div>
6772
6773             </td>
6774             <td class="msource">
6775
6776                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6777                 &nbsp;
6778             </td>
6779         </tr>
6780
6781
6782           <tr class="method-row config-row-alt0 expandable">
6783             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6784
6785
6786             <td class="sig">
6787                 <a id="Roo.Element-method-isVisible"   name=".isVisible"></a>
6788                 <div class="fixedFont">
6789                         <span class="attributes"></span><b class="itemname">isVisible</b>
6790
6791                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>deep</i></B>)
6792
6793
6794                                          :
6795
6796
6797                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6798
6799
6800
6801
6802
6803                 </div>
6804                 <div class="mdesc">
6805
6806                    <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div>
6807
6808
6809
6810                     <div class="long">
6811
6812                                 Checks whether the element is currently visible using both visibility and display properties.
6813
6814
6815
6816
6817
6818
6819                                 <dl class="detailList">
6820                                 <dt class="heading">Parameters:</dt>
6821
6822                                         <dt>
6823                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>deep</b>
6824
6825                                         </dt>
6826                                         <dd>(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</dd>
6827
6828                                 </dl>
6829
6830
6831
6832
6833
6834                                 <dl class="detailList">
6835                                 <dt class="heading">Returns:</dt>
6836
6837                                         <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 element is currently visible, else false</dd>
6838
6839                                 </dl>
6840
6841
6842
6843
6844
6845
6846
6847                     </div>
6848                 </div>
6849
6850             </td>
6851             <td class="msource">
6852
6853                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6854                 &nbsp;
6855             </td>
6856         </tr>
6857
6858
6859           <tr class="method-row config-row-alt1 expandable">
6860             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6861
6862
6863             <td class="sig">
6864                 <a id="Roo.Element-method-load"   name=".load"></a>
6865                 <div class="fixedFont">
6866                         <span class="attributes"></span><b class="itemname">load</b>
6867
6868                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function <B><i>url</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>params</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>discardUrl</i></B>)
6869
6870
6871                                          :
6872
6873
6874                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6875
6876
6877
6878
6879
6880                 </div>
6881                 <div class="mdesc">
6882
6883                    <div class="short">Direct access to the UpdateManager update() method (takes the same parameters).</div>
6884
6885
6886
6887                     <div class="long">
6888
6889                                 Direct access to the UpdateManager update() method (takes the same parameters).
6890
6891
6892
6893
6894
6895
6896                                 <dl class="detailList">
6897                                 <dt class="heading">Parameters:</dt>
6898
6899                                         <dt>
6900                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function</span>  <b>url</b>
6901
6902                                         </dt>
6903                                         <dd>The url for this request or a function to call to get the url</dd>
6904
6905                                         <dt>
6906                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>params</b>
6907
6908                                         </dt>
6909                                         <dd>(optional) The parameters to pass as either a url encoded string "param1=1&amp;param2=2" or an object {param1: 1, param2: 2}</dd>
6910
6911                                         <dt>
6912                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
6913
6914                                         </dt>
6915                                         <dd>(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)</dd>
6916
6917                                         <dt>
6918                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>discardUrl</b>
6919
6920                                         </dt>
6921                                         <dd>(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.</dd>
6922
6923                                 </dl>
6924
6925
6926
6927
6928
6929                                 <dl class="detailList">
6930                                 <dt class="heading">Returns:</dt>
6931
6932                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6933
6934                                 </dl>
6935
6936
6937
6938
6939
6940
6941
6942                     </div>
6943                 </div>
6944
6945             </td>
6946             <td class="msource">
6947
6948                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6949                 &nbsp;
6950             </td>
6951         </tr>
6952
6953
6954           <tr class="method-row config-row-alt0 expandable">
6955             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6956
6957
6958             <td class="sig">
6959                 <a id="Roo.Element-method-mask"   name=".mask"></a>
6960                 <div class="fixedFont">
6961                         <span class="attributes"></span><b class="itemname">mask</b>
6962
6963                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msgCls</i></B>)
6964
6965
6966                                          :
6967
6968
6969                                                 Element
6970
6971
6972
6973
6974
6975                 </div>
6976                 <div class="mdesc">
6977
6978                    <div class="short">Puts a mask over this element to disable user interaction.</div>
6979
6980
6981
6982                     <div class="long">
6983
6984                                 Puts a mask over this element to disable user interaction. Requires core.css.<br/>This method can only be applied to elements which accept child nodes.
6985
6986
6987
6988
6989
6990
6991                                 <dl class="detailList">
6992                                 <dt class="heading">Parameters:</dt>
6993
6994                                         <dt>
6995                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
6996
6997                                         </dt>
6998                                         <dd>(optional) A message to display in the mask</dd>
6999
7000                                         <dt>
7001                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msgCls</b>
7002
7003                                         </dt>
7004                                         <dd>(optional) A css class to apply to the msg element</dd>
7005
7006                                 </dl>
7007
7008
7009
7010
7011
7012                                 <dl class="detailList">
7013                                 <dt class="heading">Returns:</dt>
7014
7015                                         <dd><span class="fixedFont">Element</span>  The mask  element</dd>
7016
7017                                 </dl>
7018
7019
7020
7021
7022
7023
7024
7025                     </div>
7026                 </div>
7027
7028             </td>
7029             <td class="msource">
7030
7031                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7032                 &nbsp;
7033             </td>
7034         </tr>
7035
7036
7037           <tr class="method-row config-row-alt1 expandable">
7038             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7039
7040
7041             <td class="sig">
7042                 <a id="Roo.Element-method-move"   name=".move"></a>
7043                 <div class="fixedFont">
7044                         <span class="attributes"></span><b class="itemname">move</b>
7045
7046                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>direction</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>distance</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
7047
7048
7049                                          :
7050
7051
7052                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7053
7054
7055
7056
7057
7058                 </div>
7059                 <div class="mdesc">
7060
7061                    <div class="short">Move this element relative to its current position.</div>
7062
7063
7064
7065                     <div class="long">
7066
7067                                 Move this element relative to its current position.
7068
7069
7070
7071
7072
7073
7074                                 <dl class="detailList">
7075                                 <dt class="heading">Parameters:</dt>
7076
7077                                         <dt>
7078                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>direction</b>
7079
7080                                         </dt>
7081                                         <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
7082
7083                                         <dt>
7084                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>distance</b>
7085
7086                                         </dt>
7087                                         <dd>How far to move the element in pixels</dd>
7088
7089                                         <dt>
7090                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
7091
7092                                         </dt>
7093                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
7094
7095                                 </dl>
7096
7097
7098
7099
7100
7101                                 <dl class="detailList">
7102                                 <dt class="heading">Returns:</dt>
7103
7104                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7105
7106                                 </dl>
7107
7108
7109
7110
7111
7112
7113
7114                     </div>
7115                 </div>
7116
7117             </td>
7118             <td class="msource">
7119
7120                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7121                 &nbsp;
7122             </td>
7123         </tr>
7124
7125
7126           <tr class="method-row config-row-alt0 expandable">
7127             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7128
7129
7130             <td class="sig">
7131                 <a id="Roo.Element-method-moveTo"   name=".moveTo"></a>
7132                 <div class="fixedFont">
7133                         <span class="attributes"></span><b class="itemname">moveTo</b>
7134
7135                                  (<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>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
7136
7137
7138                                          :
7139
7140
7141                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7142
7143
7144
7145
7146
7147                 </div>
7148                 <div class="mdesc">
7149
7150                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
7151
7152
7153
7154                     <div class="long">
7155
7156                                 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
7157
7158
7159
7160
7161
7162
7163                                 <dl class="detailList">
7164                                 <dt class="heading">Parameters:</dt>
7165
7166                                         <dt>
7167                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
7168
7169                                         </dt>
7170                                         <dd>X value for new position (coordinates are page-based)</dd>
7171
7172                                         <dt>
7173                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
7174
7175                                         </dt>
7176                                         <dd>Y value for new position (coordinates are page-based)</dd>
7177
7178                                         <dt>
7179                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
7180
7181                                         </dt>
7182                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
7183
7184                                 </dl>
7185
7186
7187
7188
7189
7190                                 <dl class="detailList">
7191                                 <dt class="heading">Returns:</dt>
7192
7193                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7194
7195                                 </dl>
7196
7197
7198
7199
7200
7201
7202
7203                     </div>
7204                 </div>
7205
7206             </td>
7207             <td class="msource">
7208
7209                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7210                 &nbsp;
7211             </td>
7212         </tr>
7213
7214
7215           <tr class="method-row config-row-alt1 expandable">
7216             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7217
7218
7219             <td class="sig">
7220                 <a id="Roo.Element-method-on"   name=".on"></a>
7221                 <div class="fixedFont">
7222                         <span class="attributes"></span><b class="itemname">on</b>
7223
7224                                  (<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>fn</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>)
7225
7226
7227
7228                 </div>
7229                 <div class="mdesc">
7230
7231                    <div class="short">Appends an event handler (Shorthand for addListener)</div>
7232
7233
7234
7235                     <div class="long">
7236
7237                                 Appends an event handler (Shorthand for addListener)
7238
7239
7240
7241
7242
7243
7244                                 <dl class="detailList">
7245                                 <dt class="heading">Parameters:</dt>
7246
7247                                         <dt>
7248                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
7249
7250                                         </dt>
7251                                         <dd>The type of event to append</dd>
7252
7253                                         <dt>
7254                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
7255
7256                                         </dt>
7257                                         <dd>The method the event invokes</dd>
7258
7259                                         <dt>
7260                                                 <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>
7261
7262                                         </dt>
7263                                         <dd>(optional) The scope (this object) of the fn</dd>
7264
7265                                         <dt>
7266                                                 <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>
7267
7268                                         </dt>
7269                                         <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
7270
7271                                 </dl>
7272
7273
7274
7275
7276
7277
7278
7279
7280
7281
7282
7283                     </div>
7284                 </div>
7285
7286             </td>
7287             <td class="msource">
7288
7289                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7290                 &nbsp;
7291             </td>
7292         </tr>
7293
7294
7295           <tr class="method-row config-row-alt0 expandable">
7296             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7297
7298
7299             <td class="sig">
7300                 <a id="Roo.Element-method-position"   name=".position"></a>
7301                 <div class="fixedFont">
7302                         <span class="attributes"></span><b class="itemname">position</b>
7303
7304                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>pos</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zIndex</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>)
7305
7306
7307
7308                 </div>
7309                 <div class="mdesc">
7310
7311                    <div class="short">Initializes positioning on this element.</div>
7312
7313
7314
7315                     <div class="long">
7316
7317                                 Initializes positioning on this element. If a desired position is not passed, it will make the<br/>the element positioned relative IF it is not already positioned.
7318
7319
7320
7321
7322
7323
7324                                 <dl class="detailList">
7325                                 <dt class="heading">Parameters:</dt>
7326
7327                                         <dt>
7328                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>pos</b>
7329
7330                                         </dt>
7331                                         <dd>(optional) Positioning to use "relative", "absolute" or "fixed"</dd>
7332
7333                                         <dt>
7334                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>zIndex</b>
7335
7336                                         </dt>
7337                                         <dd>(optional) The zIndex to apply</dd>
7338
7339                                         <dt>
7340                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
7341
7342                                         </dt>
7343                                         <dd>(optional) Set the page X position</dd>
7344
7345                                         <dt>
7346                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
7347
7348                                         </dt>
7349                                         <dd>(optional) Set the page Y position</dd>
7350
7351                                 </dl>
7352
7353
7354
7355
7356
7357
7358
7359
7360
7361
7362
7363                     </div>
7364                 </div>
7365
7366             </td>
7367             <td class="msource">
7368
7369                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7370                 &nbsp;
7371             </td>
7372         </tr>
7373
7374
7375           <tr class="method-row config-row-alt1 expandable">
7376             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7377
7378
7379             <td class="sig">
7380                 <a id="Roo.Element-method-query"   name=".query"></a>
7381                 <div class="fixedFont">
7382                         <span class="attributes"></span><b class="itemname">query</b>
7383
7384                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
7385
7386
7387                                          :
7388
7389
7390                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
7391
7392
7393
7394
7395
7396                 </div>
7397                 <div class="mdesc">
7398
7399                    <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div>
7400
7401
7402
7403                     <div class="long">
7404
7405                                 Selects child nodes based on the passed CSS selector (the selector should not contain an id).
7406
7407
7408
7409
7410
7411
7412                                 <dl class="detailList">
7413                                 <dt class="heading">Parameters:</dt>
7414
7415                                         <dt>
7416                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
7417
7418                                         </dt>
7419                                         <dd>The CSS selector</dd>
7420
7421                                 </dl>
7422
7423
7424
7425
7426
7427                                 <dl class="detailList">
7428                                 <dt class="heading">Returns:</dt>
7429
7430                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  An array of the matched nodes</dd>
7431
7432                                 </dl>
7433
7434
7435
7436
7437
7438
7439
7440                     </div>
7441                 </div>
7442
7443             </td>
7444             <td class="msource">
7445
7446                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7447                 &nbsp;
7448             </td>
7449         </tr>
7450
7451
7452           <tr class="method-row config-row-alt0 expandable">
7453             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7454
7455
7456             <td class="sig">
7457                 <a id="Roo.Element-method-radioClass"   name=".radioClass"></a>
7458                 <div class="fixedFont">
7459                         <span class="attributes"></span><b class="itemname">radioClass</b>
7460
7461                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7462
7463
7464                                          :
7465
7466
7467                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7468
7469
7470
7471
7472
7473                 </div>
7474                 <div class="mdesc">
7475
7476                    <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div>
7477
7478
7479
7480                     <div class="long">
7481
7482                                 Adds one or more CSS classes to this element and removes the same class(es) from all siblings.
7483
7484
7485
7486
7487
7488
7489                                 <dl class="detailList">
7490                                 <dt class="heading">Parameters:</dt>
7491
7492                                         <dt>
7493                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
7494
7495                                         </dt>
7496                                         <dd>The CSS class to add, or an array of classes</dd>
7497
7498                                 </dl>
7499
7500
7501
7502
7503
7504                                 <dl class="detailList">
7505                                 <dt class="heading">Returns:</dt>
7506
7507                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7508
7509                                 </dl>
7510
7511
7512
7513
7514
7515
7516
7517                     </div>
7518                 </div>
7519
7520             </td>
7521             <td class="msource">
7522
7523                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7524                 &nbsp;
7525             </td>
7526         </tr>
7527
7528
7529           <tr class="method-row config-row-alt1 expandable">
7530             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7531
7532
7533             <td class="sig">
7534                 <a id="Roo.Element-method-remove"   name=".remove"></a>
7535                 <div class="fixedFont">
7536                         <span class="attributes"></span><b class="itemname">remove</b>
7537
7538                                  ()
7539
7540
7541
7542                 </div>
7543                 <div class="mdesc">
7544
7545                    <div class="short">Removes this element from the DOM and deletes it from the cache</div>
7546
7547
7548
7549                     <div class="long">
7550
7551                                 Removes this element from the DOM and deletes it from the cache
7552
7553
7554
7555
7556
7557
7558
7559
7560
7561
7562
7563
7564
7565
7566
7567
7568                     </div>
7569                 </div>
7570
7571             </td>
7572             <td class="msource">
7573
7574                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7575                 &nbsp;
7576             </td>
7577         </tr>
7578
7579
7580           <tr class="method-row config-row-alt0 expandable">
7581             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7582
7583
7584             <td class="sig">
7585                 <a id="Roo.Element-method-removeAllListeners"   name=".removeAllListeners"></a>
7586                 <div class="fixedFont">
7587                         <span class="attributes"></span><b class="itemname">removeAllListeners</b>
7588
7589                                  ()
7590
7591
7592                                          :
7593
7594
7595                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7596
7597
7598
7599
7600
7601                 </div>
7602                 <div class="mdesc">
7603
7604                    <div class="short">Removes all previous added listeners from this element</div>
7605
7606
7607
7608                     <div class="long">
7609
7610                                 Removes all previous added listeners from this element
7611
7612
7613
7614
7615
7616
7617
7618
7619
7620
7621                                 <dl class="detailList">
7622                                 <dt class="heading">Returns:</dt>
7623
7624                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7625
7626                                 </dl>
7627
7628
7629
7630
7631
7632
7633
7634                     </div>
7635                 </div>
7636
7637             </td>
7638             <td class="msource">
7639
7640                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7641                 &nbsp;
7642             </td>
7643         </tr>
7644
7645
7646           <tr class="method-row config-row-alt1 expandable">
7647             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7648
7649
7650             <td class="sig">
7651                 <a id="Roo.Element-method-removeClass"   name=".removeClass"></a>
7652                 <div class="fixedFont">
7653                         <span class="attributes"></span><b class="itemname">removeClass</b>
7654
7655                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7656
7657
7658                                          :
7659
7660
7661                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7662
7663
7664
7665
7666
7667                 </div>
7668                 <div class="mdesc">
7669
7670                    <div class="short">Removes one or more CSS classes from the element.</div>
7671
7672
7673
7674                     <div class="long">
7675
7676                                 Removes one or more CSS classes from the element.
7677
7678
7679
7680
7681
7682
7683                                 <dl class="detailList">
7684                                 <dt class="heading">Parameters:</dt>
7685
7686                                         <dt>
7687                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
7688
7689                                         </dt>
7690                                         <dd>The CSS class to remove, or an array of classes</dd>
7691
7692                                 </dl>
7693
7694
7695
7696
7697
7698                                 <dl class="detailList">
7699                                 <dt class="heading">Returns:</dt>
7700
7701                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7702
7703                                 </dl>
7704
7705
7706
7707
7708
7709
7710
7711                     </div>
7712                 </div>
7713
7714             </td>
7715             <td class="msource">
7716
7717                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7718                 &nbsp;
7719             </td>
7720         </tr>
7721
7722
7723           <tr class="method-row config-row-alt0 expandable">
7724             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7725
7726
7727             <td class="sig">
7728                 <a id="Roo.Element-method-removeListener"   name=".removeListener"></a>
7729                 <div class="fixedFont">
7730                         <span class="attributes"></span><b class="itemname">removeListener</b>
7731
7732                                  (<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>fn</i></B>)
7733
7734
7735                                          :
7736
7737
7738                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7739
7740
7741
7742
7743
7744                 </div>
7745                 <div class="mdesc">
7746
7747                    <div class="short">Removes an event handler from this element</div>
7748
7749
7750
7751                     <div class="long">
7752
7753                                 Removes an event handler from this element
7754
7755
7756
7757
7758
7759
7760                                 <dl class="detailList">
7761                                 <dt class="heading">Parameters:</dt>
7762
7763                                         <dt>
7764                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
7765
7766                                         </dt>
7767                                         <dd>the type of event to remove</dd>
7768
7769                                         <dt>
7770                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
7771
7772                                         </dt>
7773                                         <dd>the method the event invokes</dd>
7774
7775                                 </dl>
7776
7777
7778
7779
7780
7781                                 <dl class="detailList">
7782                                 <dt class="heading">Returns:</dt>
7783
7784                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7785
7786                                 </dl>
7787
7788
7789
7790
7791
7792
7793
7794                     </div>
7795                 </div>
7796
7797             </td>
7798             <td class="msource">
7799
7800                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7801                 &nbsp;
7802             </td>
7803         </tr>
7804
7805
7806           <tr class="method-row config-row-alt1 expandable">
7807             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7808
7809
7810             <td class="sig">
7811                 <a id="Roo.Element-method-repaint"   name=".repaint"></a>
7812                 <div class="fixedFont">
7813                         <span class="attributes"></span><b class="itemname">repaint</b>
7814
7815                                  ()
7816
7817
7818                                          :
7819
7820
7821                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7822
7823
7824
7825
7826
7827                 </div>
7828                 <div class="mdesc">
7829
7830                    <div class="short">Forces the browser to repaint this element</div>
7831
7832
7833
7834                     <div class="long">
7835
7836                                 Forces the browser to repaint this element
7837
7838
7839
7840
7841
7842
7843
7844
7845
7846
7847                                 <dl class="detailList">
7848                                 <dt class="heading">Returns:</dt>
7849
7850                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7851
7852                                 </dl>
7853
7854
7855
7856
7857
7858
7859
7860                     </div>
7861                 </div>
7862
7863             </td>
7864             <td class="msource">
7865
7866                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7867                 &nbsp;
7868             </td>
7869         </tr>
7870
7871
7872           <tr class="method-row config-row-alt0 expandable">
7873             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7874
7875
7876             <td class="sig">
7877                 <a id="Roo.Element-method-replace"   name=".replace"></a>
7878                 <div class="fixedFont">
7879                         <span class="attributes"></span><b class="itemname">replace</b>
7880
7881                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
7882
7883
7884                                          :
7885
7886
7887                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7888
7889
7890
7891
7892
7893                 </div>
7894                 <div class="mdesc">
7895
7896                    <div class="short">Replaces the passed element with this element</div>
7897
7898
7899
7900                     <div class="long">
7901
7902                                 Replaces the passed element with this element
7903
7904
7905
7906
7907
7908
7909                                 <dl class="detailList">
7910                                 <dt class="heading">Parameters:</dt>
7911
7912                                         <dt>
7913                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
7914
7915                                         </dt>
7916                                         <dd>The element to replace</dd>
7917
7918                                 </dl>
7919
7920
7921
7922
7923
7924                                 <dl class="detailList">
7925                                 <dt class="heading">Returns:</dt>
7926
7927                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7928
7929                                 </dl>
7930
7931
7932
7933
7934
7935
7936
7937                     </div>
7938                 </div>
7939
7940             </td>
7941             <td class="msource">
7942
7943                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7944                 &nbsp;
7945             </td>
7946         </tr>
7947
7948
7949           <tr class="method-row config-row-alt1 expandable">
7950             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7951
7952
7953             <td class="sig">
7954                 <a id="Roo.Element-method-replaceClass"   name=".replaceClass"></a>
7955                 <div class="fixedFont">
7956                         <span class="attributes"></span><b class="itemname">replaceClass</b>
7957
7958                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>oldClassName</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>newClassName</i></B>)
7959
7960
7961                                          :
7962
7963
7964                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7965
7966
7967
7968
7969
7970                 </div>
7971                 <div class="mdesc">
7972
7973                    <div class="short">Replaces a CSS class on the element with another.</div>
7974
7975
7976
7977                     <div class="long">
7978
7979                                 Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.
7980
7981
7982
7983
7984
7985
7986                                 <dl class="detailList">
7987                                 <dt class="heading">Parameters:</dt>
7988
7989                                         <dt>
7990                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>oldClassName</b>
7991
7992                                         </dt>
7993                                         <dd>The CSS class to replace</dd>
7994
7995                                         <dt>
7996                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>newClassName</b>
7997
7998                                         </dt>
7999                                         <dd>The replacement CSS class</dd>
8000
8001                                 </dl>
8002
8003
8004
8005
8006
8007                                 <dl class="detailList">
8008                                 <dt class="heading">Returns:</dt>
8009
8010                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8011
8012                                 </dl>
8013
8014
8015
8016
8017
8018
8019
8020                     </div>
8021                 </div>
8022
8023             </td>
8024             <td class="msource">
8025
8026                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8027                 &nbsp;
8028             </td>
8029         </tr>
8030
8031
8032           <tr class="method-row config-row-alt0 expandable">
8033             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8034
8035
8036             <td class="sig">
8037                 <a id="Roo.Element-method-scroll"   name=".scroll"></a>
8038                 <div class="fixedFont">
8039                         <span class="attributes"></span><b class="itemname">scroll</b>
8040
8041                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>direction</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>distance</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8042
8043
8044                                          :
8045
8046
8047                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
8048
8049
8050
8051
8052
8053                 </div>
8054                 <div class="mdesc">
8055
8056                    <div class="short">Scrolls this element the specified direction.</div>
8057
8058
8059
8060                     <div class="long">
8061
8062                                 Scrolls this element the specified direction. Does bounds checking to make sure the scroll is<br/>within this element's scrollable range.
8063
8064
8065
8066
8067
8068
8069                                 <dl class="detailList">
8070                                 <dt class="heading">Parameters:</dt>
8071
8072                                         <dt>
8073                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>direction</b>
8074
8075                                         </dt>
8076                                         <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
8077
8078                                         <dt>
8079                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>distance</b>
8080
8081                                         </dt>
8082                                         <dd>How far to scroll the element in pixels</dd>
8083
8084                                         <dt>
8085                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
8086
8087                                         </dt>
8088                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8089
8090                                 </dl>
8091
8092
8093
8094
8095
8096                                 <dl class="detailList">
8097                                 <dt class="heading">Returns:</dt>
8098
8099                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  Returns true if a scroll was triggered or false if the element<br/>was scrolled as far as it could go.</dd>
8100
8101                                 </dl>
8102
8103
8104
8105
8106
8107
8108
8109                     </div>
8110                 </div>
8111
8112             </td>
8113             <td class="msource">
8114
8115                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8116                 &nbsp;
8117             </td>
8118         </tr>
8119
8120
8121           <tr class="method-row config-row-alt1 expandable">
8122             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8123
8124
8125             <td class="sig">
8126                 <a id="Roo.Element-method-scrollIntoView"   name=".scrollIntoView"></a>
8127                 <div class="fixedFont">
8128                         <span class="attributes"></span><b class="itemname">scrollIntoView</b>
8129
8130                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>hscroll</i></B>)
8131
8132
8133                                          :
8134
8135
8136                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8137
8138
8139
8140
8141
8142                 </div>
8143                 <div class="mdesc">
8144
8145                    <div class="short">Scrolls this element into view within the passed container.</div>
8146
8147
8148
8149                     <div class="long">
8150
8151                                 Scrolls this element into view within the passed container.
8152
8153
8154
8155
8156
8157
8158                                 <dl class="detailList">
8159                                 <dt class="heading">Parameters:</dt>
8160
8161                                         <dt>
8162                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
8163
8164                                         </dt>
8165                                         <dd>(optional) The container element to scroll (defaults to document.body)</dd>
8166
8167                                         <dt>
8168                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>hscroll</b>
8169
8170                                         </dt>
8171                                         <dd>(optional) False to disable horizontal scroll (defaults to true)</dd>
8172
8173                                 </dl>
8174
8175
8176
8177
8178
8179                                 <dl class="detailList">
8180                                 <dt class="heading">Returns:</dt>
8181
8182                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8183
8184                                 </dl>
8185
8186
8187
8188
8189
8190
8191
8192                     </div>
8193                 </div>
8194
8195             </td>
8196             <td class="msource">
8197
8198                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8199                 &nbsp;
8200             </td>
8201         </tr>
8202
8203
8204           <tr class="method-row config-row-alt0 expandable">
8205             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8206
8207
8208             <td class="sig">
8209                 <a id="Roo.Element-method-scrollTo"   name=".scrollTo"></a>
8210                 <div class="fixedFont">
8211                         <span class="attributes"></span><b class="itemname">scrollTo</b>
8212
8213                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>value</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8214
8215
8216                                          :
8217
8218
8219                                                 Element
8220
8221
8222
8223
8224
8225                 </div>
8226                 <div class="mdesc">
8227
8228                    <div class="short">Scrolls this element the specified scroll point.</div>
8229
8230
8231
8232                     <div class="long">
8233
8234                                 Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().
8235
8236
8237
8238
8239
8240
8241                                 <dl class="detailList">
8242                                 <dt class="heading">Parameters:</dt>
8243
8244                                         <dt>
8245                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
8246
8247                                         </dt>
8248                                         <dd>Either "left" for scrollLeft values or "top" for scrollTop values.</dd>
8249
8250                                         <dt>
8251                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>value</b>
8252
8253                                         </dt>
8254                                         <dd>The new scroll value</dd>
8255
8256                                         <dt>
8257                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
8258
8259                                         </dt>
8260                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8261
8262                                 </dl>
8263
8264
8265
8266
8267
8268                                 <dl class="detailList">
8269                                 <dt class="heading">Returns:</dt>
8270
8271                                         <dd><span class="fixedFont">Element</span>  this</dd>
8272
8273                                 </dl>
8274
8275
8276
8277
8278
8279
8280
8281                     </div>
8282                 </div>
8283
8284             </td>
8285             <td class="msource">
8286
8287                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8288                 &nbsp;
8289             </td>
8290         </tr>
8291
8292
8293           <tr class="method-row config-row-alt1 expandable">
8294             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8295
8296
8297             <td class="sig">
8298                 <a id="Roo.Element-method-select"   name=".select"></a>
8299                 <div class="fixedFont">
8300                         <span class="attributes"></span><b class="itemname">select</b>
8301
8302                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>unique</i></B>)
8303
8304
8305                                          :
8306
8307
8308                                                 CompositeElement/CompositeElementLite
8309
8310
8311
8312
8313
8314                 </div>
8315                 <div class="mdesc">
8316
8317                    <div class="short">Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).</div>
8318
8319
8320
8321                     <div class="long">
8322
8323                                 Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).
8324
8325
8326
8327
8328
8329
8330                                 <dl class="detailList">
8331                                 <dt class="heading">Parameters:</dt>
8332
8333                                         <dt>
8334                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
8335
8336                                         </dt>
8337                                         <dd>The CSS selector</dd>
8338
8339                                         <dt>
8340                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>unique</b>
8341
8342                                         </dt>
8343                                         <dd>(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)</dd>
8344
8345                                 </dl>
8346
8347
8348
8349
8350
8351                                 <dl class="detailList">
8352                                 <dt class="heading">Returns:</dt>
8353
8354                                         <dd><span class="fixedFont">CompositeElement/CompositeElementLite</span>  The composite element</dd>
8355
8356                                 </dl>
8357
8358
8359
8360
8361
8362
8363
8364                     </div>
8365                 </div>
8366
8367             </td>
8368             <td class="msource">
8369
8370                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8371                 &nbsp;
8372             </td>
8373         </tr>
8374
8375
8376           <tr class="method-row config-row-alt0 expandable">
8377             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8378
8379
8380             <td class="sig">
8381                 <a id="Roo.Element-method-set"   name=".set"></a>
8382                 <div class="fixedFont">
8383                         <span class="attributes"></span><b class="itemname">set</b>
8384
8385                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>useSet</i></B>)
8386
8387
8388                                          :
8389
8390
8391                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8392
8393
8394
8395
8396
8397                 </div>
8398                 <div class="mdesc">
8399
8400                    <div class="short">Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</div>
8401
8402
8403
8404                     <div class="long">
8405
8406                                 Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
8407
8408
8409
8410
8411
8412
8413                                 <dl class="detailList">
8414                                 <dt class="heading">Parameters:</dt>
8415
8416                                         <dt>
8417                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>o</b>
8418
8419                                         </dt>
8420                                         <dd>The object with the attributes</dd>
8421
8422                                         <dt>
8423                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>useSet</b>
8424
8425                                         </dt>
8426                                         <dd>(optional) false to override the default setAttribute to use expandos.</dd>
8427
8428                                 </dl>
8429
8430
8431
8432
8433
8434                                 <dl class="detailList">
8435                                 <dt class="heading">Returns:</dt>
8436
8437                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8438
8439                                 </dl>
8440
8441
8442
8443
8444
8445
8446
8447                     </div>
8448                 </div>
8449
8450             </td>
8451             <td class="msource">
8452
8453                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8454                 &nbsp;
8455             </td>
8456         </tr>
8457
8458
8459           <tr class="method-row config-row-alt1 expandable">
8460             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8461
8462
8463             <td class="sig">
8464                 <a id="Roo.Element-method-setBottom"   name=".setBottom"></a>
8465                 <div class="fixedFont">
8466                         <span class="attributes"></span><b class="itemname">setBottom</b>
8467
8468                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>bottom</i></B>)
8469
8470
8471                                          :
8472
8473
8474                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8475
8476
8477
8478
8479
8480                 </div>
8481                 <div class="mdesc">
8482
8483                    <div class="short">Sets the element's CSS bottom style.</div>
8484
8485
8486
8487                     <div class="long">
8488
8489                                 Sets the element's CSS bottom style.
8490
8491
8492
8493
8494
8495
8496                                 <dl class="detailList">
8497                                 <dt class="heading">Parameters:</dt>
8498
8499                                         <dt>
8500                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>bottom</b>
8501
8502                                         </dt>
8503                                         <dd>The bottom CSS property value</dd>
8504
8505                                 </dl>
8506
8507
8508
8509
8510
8511                                 <dl class="detailList">
8512                                 <dt class="heading">Returns:</dt>
8513
8514                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8515
8516                                 </dl>
8517
8518
8519
8520
8521
8522
8523
8524                     </div>
8525                 </div>
8526
8527             </td>
8528             <td class="msource">
8529
8530                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8531                 &nbsp;
8532             </td>
8533         </tr>
8534
8535
8536           <tr class="method-row config-row-alt0 expandable">
8537             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8538
8539
8540             <td class="sig">
8541                 <a id="Roo.Element-method-setBounds"   name=".setBounds"></a>
8542                 <div class="fixedFont">
8543                         <span class="attributes"></span><b class="itemname">setBounds</b>
8544
8545                                  (<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>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8546
8547
8548                                          :
8549
8550
8551                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8552
8553
8554
8555
8556
8557                 </div>
8558                 <div class="mdesc">
8559
8560                    <div class="short">Sets the element's position and size in one shot.</div>
8561
8562
8563
8564                     <div class="long">
8565
8566                                 Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.
8567
8568
8569
8570
8571
8572
8573                                 <dl class="detailList">
8574                                 <dt class="heading">Parameters:</dt>
8575
8576                                         <dt>
8577                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
8578
8579                                         </dt>
8580                                         <dd>X value for new position (coordinates are page-based)</dd>
8581
8582                                         <dt>
8583                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
8584
8585                                         </dt>
8586                                         <dd>Y value for new position (coordinates are page-based)</dd>
8587
8588                                         <dt>
8589                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
8590
8591                                         </dt>
8592                                         <dd>The new width</dd>
8593
8594                                         <dt>
8595                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
8596
8597                                         </dt>
8598                                         <dd>The new height</dd>
8599
8600                                         <dt>
8601                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
8602
8603                                         </dt>
8604                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8605
8606                                 </dl>
8607
8608
8609
8610
8611
8612                                 <dl class="detailList">
8613                                 <dt class="heading">Returns:</dt>
8614
8615                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8616
8617                                 </dl>
8618
8619
8620
8621
8622
8623
8624
8625                     </div>
8626                 </div>
8627
8628             </td>
8629             <td class="msource">
8630
8631                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8632                 &nbsp;
8633             </td>
8634         </tr>
8635
8636
8637           <tr class="method-row config-row-alt1 expandable">
8638             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8639
8640
8641             <td class="sig">
8642                 <a id="Roo.Element-method-setBox"   name=".setBox"></a>
8643                 <div class="fixedFont">
8644                         <span class="attributes"></span><b class="itemname">setBox</b>
8645
8646                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>adjust</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8647
8648
8649                                          :
8650
8651
8652                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8653
8654
8655
8656
8657
8658                 </div>
8659                 <div class="mdesc">
8660
8661                    <div class="short">Sets the element's box.</div>
8662
8663
8664
8665                     <div class="long">
8666
8667                                 Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.
8668
8669
8670
8671
8672
8673
8674                                 <dl class="detailList">
8675                                 <dt class="heading">Parameters:</dt>
8676
8677                                         <dt>
8678                                                 <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>
8679
8680                                         </dt>
8681                                         <dd>The box to fill {x, y, width, height}</dd>
8682
8683                                         <dt>
8684                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>adjust</b>
8685
8686                                         </dt>
8687                                         <dd>(optional) Whether to adjust for box-model issues automatically</dd>
8688
8689                                         <dt>
8690                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
8691
8692                                         </dt>
8693                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8694
8695                                 </dl>
8696
8697
8698
8699
8700
8701                                 <dl class="detailList">
8702                                 <dt class="heading">Returns:</dt>
8703
8704                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8705
8706                                 </dl>
8707
8708
8709
8710
8711
8712
8713
8714                     </div>
8715                 </div>
8716
8717             </td>
8718             <td class="msource">
8719
8720                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8721                 &nbsp;
8722             </td>
8723         </tr>
8724
8725
8726           <tr class="method-row config-row-alt0 expandable">
8727             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8728
8729
8730             <td class="sig">
8731                 <a id="Roo.Element-method-setDisplayed"   name=".setDisplayed"></a>
8732                 <div class="fixedFont">
8733                         <span class="attributes"></span><b class="itemname">setDisplayed</b>
8734
8735                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
8736
8737
8738                                          :
8739
8740
8741                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8742
8743
8744
8745
8746
8747                 </div>
8748                 <div class="mdesc">
8749
8750                    <div class="short">Sets the CSS display property.</div>
8751
8752
8753
8754                     <div class="long">
8755
8756                                 Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.
8757
8758
8759
8760
8761
8762
8763                                 <dl class="detailList">
8764                                 <dt class="heading">Parameters:</dt>
8765
8766                                         <dt>
8767                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>value</b>
8768
8769                                         </dt>
8770                                         <dd>Boolean value to display the element using its default display, or a string to set the display directly</dd>
8771
8772                                 </dl>
8773
8774
8775
8776
8777
8778                                 <dl class="detailList">
8779                                 <dt class="heading">Returns:</dt>
8780
8781                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8782
8783                                 </dl>
8784
8785
8786
8787
8788
8789
8790
8791                     </div>
8792                 </div>
8793
8794             </td>
8795             <td class="msource">
8796
8797                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8798                 &nbsp;
8799             </td>
8800         </tr>
8801
8802
8803           <tr class="method-row config-row-alt1 expandable">
8804             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8805
8806
8807             <td class="sig">
8808                 <a id="Roo.Element-method-setHeight"   name=".setHeight"></a>
8809                 <div class="fixedFont">
8810                         <span class="attributes"></span><b class="itemname">setHeight</b>
8811
8812                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8813
8814
8815                                          :
8816
8817
8818                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8819
8820
8821
8822
8823
8824                 </div>
8825                 <div class="mdesc">
8826
8827                    <div class="short">Set the height of the element</div>
8828
8829
8830
8831                     <div class="long">
8832
8833                                 Set the height of the element
8834
8835
8836
8837
8838
8839
8840                                 <dl class="detailList">
8841                                 <dt class="heading">Parameters:</dt>
8842
8843                                         <dt>
8844                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
8845
8846                                         </dt>
8847                                         <dd>The new height</dd>
8848
8849                                         <dt>
8850                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
8851
8852                                         </dt>
8853                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8854
8855                                 </dl>
8856
8857
8858
8859
8860
8861                                 <dl class="detailList">
8862                                 <dt class="heading">Returns:</dt>
8863
8864                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8865
8866                                 </dl>
8867
8868
8869
8870
8871
8872
8873
8874                     </div>
8875                 </div>
8876
8877             </td>
8878             <td class="msource">
8879
8880                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8881                 &nbsp;
8882             </td>
8883         </tr>
8884
8885
8886           <tr class="method-row config-row-alt0 expandable">
8887             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8888
8889
8890             <td class="sig">
8891                 <a id="Roo.Element-method-setLeft"   name=".setLeft"></a>
8892                 <div class="fixedFont">
8893                         <span class="attributes"></span><b class="itemname">setLeft</b>
8894
8895                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>)
8896
8897
8898                                          :
8899
8900
8901                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8902
8903
8904
8905
8906
8907                 </div>
8908                 <div class="mdesc">
8909
8910                    <div class="short">Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).</div>
8911
8912
8913
8914                     <div class="long">
8915
8916                                 Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).
8917
8918
8919
8920
8921
8922
8923                                 <dl class="detailList">
8924                                 <dt class="heading">Parameters:</dt>
8925
8926                                         <dt>
8927                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>left</b>
8928
8929                                         </dt>
8930                                         <dd>The left CSS property value</dd>
8931
8932                                 </dl>
8933
8934
8935
8936
8937
8938                                 <dl class="detailList">
8939                                 <dt class="heading">Returns:</dt>
8940
8941                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8942
8943                                 </dl>
8944
8945
8946
8947
8948
8949
8950
8951                     </div>
8952                 </div>
8953
8954             </td>
8955             <td class="msource">
8956
8957                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8958                 &nbsp;
8959             </td>
8960         </tr>
8961
8962
8963           <tr class="method-row config-row-alt1 expandable">
8964             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8965
8966
8967             <td class="sig">
8968                 <a id="Roo.Element-method-setLeftTop"   name=".setLeftTop"></a>
8969                 <div class="fixedFont">
8970                         <span class="attributes"></span><b class="itemname">setLeftTop</b>
8971
8972                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
8973
8974
8975                                          :
8976
8977
8978                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8979
8980
8981
8982
8983
8984                 </div>
8985                 <div class="mdesc">
8986
8987                    <div class="short">Quick set left and top adding default units</div>
8988
8989
8990
8991                     <div class="long">
8992
8993                                 Quick set left and top adding default units
8994
8995
8996
8997
8998
8999
9000                                 <dl class="detailList">
9001                                 <dt class="heading">Parameters:</dt>
9002
9003                                         <dt>
9004                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>left</b>
9005
9006                                         </dt>
9007                                         <dd>The left CSS property value</dd>
9008
9009                                         <dt>
9010                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>top</b>
9011
9012                                         </dt>
9013                                         <dd>The top CSS property value</dd>
9014
9015                                 </dl>
9016
9017
9018
9019
9020
9021                                 <dl class="detailList">
9022                                 <dt class="heading">Returns:</dt>
9023
9024                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9025
9026                                 </dl>
9027
9028
9029
9030
9031
9032
9033
9034                     </div>
9035                 </div>
9036
9037             </td>
9038             <td class="msource">
9039
9040                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9041                 &nbsp;
9042             </td>
9043         </tr>
9044
9045
9046           <tr class="method-row config-row-alt0 expandable">
9047             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9048
9049
9050             <td class="sig">
9051                 <a id="Roo.Element-method-setLocation"   name=".setLocation"></a>
9052                 <div class="fixedFont">
9053                         <span class="attributes"></span><b class="itemname">setLocation</b>
9054
9055                                  (<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>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9056
9057
9058                                          :
9059
9060
9061                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9062
9063
9064
9065
9066
9067                 </div>
9068                 <div class="mdesc">
9069
9070                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
9071
9072
9073
9074                     <div class="long">
9075
9076                                 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
9077
9078
9079
9080
9081
9082
9083                                 <dl class="detailList">
9084                                 <dt class="heading">Parameters:</dt>
9085
9086                                         <dt>
9087                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
9088
9089                                         </dt>
9090                                         <dd>X value for new position (coordinates are page-based)</dd>
9091
9092                                         <dt>
9093                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
9094
9095                                         </dt>
9096                                         <dd>Y value for new position (coordinates are page-based)</dd>
9097
9098                                         <dt>
9099                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9100
9101                                         </dt>
9102                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9103
9104                                 </dl>
9105
9106
9107
9108
9109
9110                                 <dl class="detailList">
9111                                 <dt class="heading">Returns:</dt>
9112
9113                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9114
9115                                 </dl>
9116
9117
9118
9119
9120
9121
9122
9123                     </div>
9124                 </div>
9125
9126             </td>
9127             <td class="msource">
9128
9129                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9130                 &nbsp;
9131             </td>
9132         </tr>
9133
9134
9135           <tr class="method-row config-row-alt1 expandable">
9136             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9137
9138
9139             <td class="sig">
9140                 <a id="Roo.Element-method-setOpacity"   name=".setOpacity"></a>
9141                 <div class="fixedFont">
9142                         <span class="attributes"></span><b class="itemname">setOpacity</b>
9143
9144                                  (Float <B><i>opacity</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9145
9146
9147                                          :
9148
9149
9150                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9151
9152
9153
9154
9155
9156                 </div>
9157                 <div class="mdesc">
9158
9159                    <div class="short">Set the opacity of the element</div>
9160
9161
9162
9163                     <div class="long">
9164
9165                                 Set the opacity of the element
9166
9167
9168
9169
9170
9171
9172                                 <dl class="detailList">
9173                                 <dt class="heading">Parameters:</dt>
9174
9175                                         <dt>
9176                                                 <span class="fixedFont">Float</span>  <b>opacity</b>
9177
9178                                         </dt>
9179                                         <dd>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</dd>
9180
9181                                         <dt>
9182                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9183
9184                                         </dt>
9185                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9186
9187                                 </dl>
9188
9189
9190
9191
9192
9193                                 <dl class="detailList">
9194                                 <dt class="heading">Returns:</dt>
9195
9196                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9197
9198                                 </dl>
9199
9200
9201
9202
9203
9204
9205
9206                     </div>
9207                 </div>
9208
9209             </td>
9210             <td class="msource">
9211
9212                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9213                 &nbsp;
9214             </td>
9215         </tr>
9216
9217
9218           <tr class="method-row config-row-alt0 expandable">
9219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9220
9221
9222             <td class="sig">
9223                 <a id="Roo.Element-method-setPositioning"   name=".setPositioning"></a>
9224                 <div class="fixedFont">
9225                         <span class="attributes"></span><b class="itemname">setPositioning</b>
9226
9227                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>posCfg</i></B>)
9228
9229
9230                                          :
9231
9232
9233                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9234
9235
9236
9237
9238
9239                 </div>
9240                 <div class="mdesc">
9241
9242                    <div class="short">Set positioning with an object returned by getPositioning().</div>
9243
9244
9245
9246                     <div class="long">
9247
9248                                 Set positioning with an object returned by getPositioning().
9249
9250
9251
9252
9253
9254
9255                                 <dl class="detailList">
9256                                 <dt class="heading">Parameters:</dt>
9257
9258                                         <dt>
9259                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>posCfg</b>
9260
9261                                         </dt>
9262                                         <dd></dd>
9263
9264                                 </dl>
9265
9266
9267
9268
9269
9270                                 <dl class="detailList">
9271                                 <dt class="heading">Returns:</dt>
9272
9273                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9274
9275                                 </dl>
9276
9277
9278
9279
9280
9281
9282
9283                     </div>
9284                 </div>
9285
9286             </td>
9287             <td class="msource">
9288
9289                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9290                 &nbsp;
9291             </td>
9292         </tr>
9293
9294
9295           <tr class="method-row config-row-alt1 expandable">
9296             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9297
9298
9299             <td class="sig">
9300                 <a id="Roo.Element-method-setRegion"   name=".setRegion"></a>
9301                 <div class="fixedFont">
9302                         <span class="attributes"></span><b class="itemname">setRegion</b>
9303
9304                                  (Roo.lib.Region <B><i>region</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9305
9306
9307                                          :
9308
9309
9310                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9311
9312
9313
9314
9315
9316                 </div>
9317                 <div class="mdesc">
9318
9319                    <div class="short">Sets the element's position and size the the specified region.</div>
9320
9321
9322
9323                     <div class="long">
9324
9325                                 Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.
9326
9327
9328
9329
9330
9331
9332                                 <dl class="detailList">
9333                                 <dt class="heading">Parameters:</dt>
9334
9335                                         <dt>
9336                                                 <span class="fixedFont">Roo.lib.Region</span>  <b>region</b>
9337
9338                                         </dt>
9339                                         <dd>The region to fill</dd>
9340
9341                                         <dt>
9342                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9343
9344                                         </dt>
9345                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9346
9347                                 </dl>
9348
9349
9350
9351
9352
9353                                 <dl class="detailList">
9354                                 <dt class="heading">Returns:</dt>
9355
9356                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9357
9358                                 </dl>
9359
9360
9361
9362
9363
9364
9365
9366                     </div>
9367                 </div>
9368
9369             </td>
9370             <td class="msource">
9371
9372                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9373                 &nbsp;
9374             </td>
9375         </tr>
9376
9377
9378           <tr class="method-row config-row-alt0 expandable">
9379             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9380
9381
9382             <td class="sig">
9383                 <a id="Roo.Element-method-setRight"   name=".setRight"></a>
9384                 <div class="fixedFont">
9385                         <span class="attributes"></span><b class="itemname">setRight</b>
9386
9387                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>right</i></B>)
9388
9389
9390                                          :
9391
9392
9393                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9394
9395
9396
9397
9398
9399                 </div>
9400                 <div class="mdesc">
9401
9402                    <div class="short">Sets the element's CSS right style.</div>
9403
9404
9405
9406                     <div class="long">
9407
9408                                 Sets the element's CSS right style.
9409
9410
9411
9412
9413
9414
9415                                 <dl class="detailList">
9416                                 <dt class="heading">Parameters:</dt>
9417
9418                                         <dt>
9419                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>right</b>
9420
9421                                         </dt>
9422                                         <dd>The right CSS property value</dd>
9423
9424                                 </dl>
9425
9426
9427
9428
9429
9430                                 <dl class="detailList">
9431                                 <dt class="heading">Returns:</dt>
9432
9433                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9434
9435                                 </dl>
9436
9437
9438
9439
9440
9441
9442
9443                     </div>
9444                 </div>
9445
9446             </td>
9447             <td class="msource">
9448
9449                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9450                 &nbsp;
9451             </td>
9452         </tr>
9453
9454
9455           <tr class="method-row config-row-alt1 expandable">
9456             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9457
9458
9459             <td class="sig">
9460                 <a id="Roo.Element-method-setSize"   name=".setSize"></a>
9461                 <div class="fixedFont">
9462                         <span class="attributes"></span><b class="itemname">setSize</b>
9463
9464                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9465
9466
9467                                          :
9468
9469
9470                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9471
9472
9473
9474
9475
9476                 </div>
9477                 <div class="mdesc">
9478
9479                    <div class="short">Set the size of the element.</div>
9480
9481
9482
9483                     <div class="long">
9484
9485                                 Set the size of the element. If animation is true, both width an height will be animated concurrently.
9486
9487
9488
9489
9490
9491
9492                                 <dl class="detailList">
9493                                 <dt class="heading">Parameters:</dt>
9494
9495                                         <dt>
9496                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
9497
9498                                         </dt>
9499                                         <dd>The new width</dd>
9500
9501                                         <dt>
9502                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
9503
9504                                         </dt>
9505                                         <dd>The new height</dd>
9506
9507                                         <dt>
9508                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9509
9510                                         </dt>
9511                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9512
9513                                 </dl>
9514
9515
9516
9517
9518
9519                                 <dl class="detailList">
9520                                 <dt class="heading">Returns:</dt>
9521
9522                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9523
9524                                 </dl>
9525
9526
9527
9528
9529
9530
9531
9532                     </div>
9533                 </div>
9534
9535             </td>
9536             <td class="msource">
9537
9538                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9539                 &nbsp;
9540             </td>
9541         </tr>
9542
9543
9544           <tr class="method-row config-row-alt0 expandable">
9545             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9546
9547
9548             <td class="sig">
9549                 <a id="Roo.Element-method-setStyle"   name=".setStyle"></a>
9550                 <div class="fixedFont">
9551                         <span class="attributes"></span><b class="itemname">setStyle</b>
9552
9553                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>property</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
9554
9555
9556                                          :
9557
9558
9559                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9560
9561
9562
9563
9564
9565                 </div>
9566                 <div class="mdesc">
9567
9568                    <div class="short">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div>
9569
9570
9571
9572                     <div class="long">
9573
9574                                 Wrapper for setting style properties, also takes single object parameter of multiple styles.
9575
9576
9577
9578
9579
9580
9581                                 <dl class="detailList">
9582                                 <dt class="heading">Parameters:</dt>
9583
9584                                         <dt>
9585                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>property</b>
9586
9587                                         </dt>
9588                                         <dd>The style property to be set, or an object of multiple styles.</dd>
9589
9590                                         <dt>
9591                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
9592
9593                                         </dt>
9594                                         <dd>(optional) The value to apply to the given property, or null if an object was passed.</dd>
9595
9596                                 </dl>
9597
9598
9599
9600
9601
9602                                 <dl class="detailList">
9603                                 <dt class="heading">Returns:</dt>
9604
9605                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9606
9607                                 </dl>
9608
9609
9610
9611
9612
9613
9614
9615                     </div>
9616                 </div>
9617
9618             </td>
9619             <td class="msource">
9620
9621                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9622                 &nbsp;
9623             </td>
9624         </tr>
9625
9626
9627           <tr class="method-row config-row-alt1 expandable">
9628             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9629
9630
9631             <td class="sig">
9632                 <a id="Roo.Element-method-setTop"   name=".setTop"></a>
9633                 <div class="fixedFont">
9634                         <span class="attributes"></span><b class="itemname">setTop</b>
9635
9636                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9637
9638
9639                                          :
9640
9641
9642                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9643
9644
9645
9646
9647
9648                 </div>
9649                 <div class="mdesc">
9650
9651                    <div class="short">Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).</div>
9652
9653
9654
9655                     <div class="long">
9656
9657                                 Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).
9658
9659
9660
9661
9662
9663
9664                                 <dl class="detailList">
9665                                 <dt class="heading">Parameters:</dt>
9666
9667                                         <dt>
9668                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>top</b>
9669
9670                                         </dt>
9671                                         <dd>The top CSS property value</dd>
9672
9673                                 </dl>
9674
9675
9676
9677
9678
9679                                 <dl class="detailList">
9680                                 <dt class="heading">Returns:</dt>
9681
9682                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9683
9684                                 </dl>
9685
9686
9687
9688
9689
9690
9691
9692                     </div>
9693                 </div>
9694
9695             </td>
9696             <td class="msource">
9697
9698                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9699                 &nbsp;
9700             </td>
9701         </tr>
9702
9703
9704           <tr class="method-row config-row-alt0 expandable">
9705             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9706
9707
9708             <td class="sig">
9709                 <a id="Roo.Element-method-setVisibilityMode"   name=".setVisibilityMode"></a>
9710                 <div class="fixedFont">
9711                         <span class="attributes"></span><b class="itemname">setVisibilityMode</b>
9712
9713                                  (<B><i>visMode</i></B>)
9714
9715
9716                                          :
9717
9718
9719                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9720
9721
9722
9723
9724
9725                 </div>
9726                 <div class="mdesc">
9727
9728                    <div class="short">Sets the element's visibility mode.</div>
9729
9730
9731
9732                     <div class="long">
9733
9734                                 Sets the element's visibility mode. When setVisible() is called it<br/>will use this to determine whether to set the visibility or the display property.
9735
9736
9737
9738
9739
9740
9741                                 <dl class="detailList">
9742                                 <dt class="heading">Parameters:</dt>
9743
9744                                         <dt>
9745                                                  <b>visMode</b>
9746
9747                                         </dt>
9748                                         <dd>Element.VISIBILITY or Element.DISPLAY</dd>
9749
9750                                 </dl>
9751
9752
9753
9754
9755
9756                                 <dl class="detailList">
9757                                 <dt class="heading">Returns:</dt>
9758
9759                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9760
9761                                 </dl>
9762
9763
9764
9765
9766
9767
9768
9769                     </div>
9770                 </div>
9771
9772             </td>
9773             <td class="msource">
9774
9775                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9776                 &nbsp;
9777             </td>
9778         </tr>
9779
9780
9781           <tr class="method-row config-row-alt1 expandable">
9782             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9783
9784
9785             <td class="sig">
9786                 <a id="Roo.Element-method-setVisible"   name=".setVisible"></a>
9787                 <div class="fixedFont">
9788                         <span class="attributes"></span><b class="itemname">setVisible</b>
9789
9790                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9791
9792
9793                                          :
9794
9795
9796                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9797
9798
9799
9800
9801
9802                 </div>
9803                 <div class="mdesc">
9804
9805                    <div class="short">Sets the visibility of the element (see details).</div>
9806
9807
9808
9809                     <div class="long">
9810
9811                                 Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use<br/>the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.
9812
9813
9814
9815
9816
9817
9818                                 <dl class="detailList">
9819                                 <dt class="heading">Parameters:</dt>
9820
9821                                         <dt>
9822                                                 <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>
9823
9824                                         </dt>
9825                                         <dd>Whether the element is visible</dd>
9826
9827                                         <dt>
9828                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9829
9830                                         </dt>
9831                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9832
9833                                 </dl>
9834
9835
9836
9837
9838
9839                                 <dl class="detailList">
9840                                 <dt class="heading">Returns:</dt>
9841
9842                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9843
9844                                 </dl>
9845
9846
9847
9848
9849
9850
9851
9852                     </div>
9853                 </div>
9854
9855             </td>
9856             <td class="msource">
9857
9858                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9859                 &nbsp;
9860             </td>
9861         </tr>
9862
9863
9864           <tr class="method-row config-row-alt0 expandable">
9865             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9866
9867
9868             <td class="sig">
9869                 <a id="Roo.Element-method-setWidth"   name=".setWidth"></a>
9870                 <div class="fixedFont">
9871                         <span class="attributes"></span><b class="itemname">setWidth</b>
9872
9873                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9874
9875
9876                                          :
9877
9878
9879                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9880
9881
9882
9883
9884
9885                 </div>
9886                 <div class="mdesc">
9887
9888                    <div class="short">Set the width of the element</div>
9889
9890
9891
9892                     <div class="long">
9893
9894                                 Set the width of the element
9895
9896
9897
9898
9899
9900
9901                                 <dl class="detailList">
9902                                 <dt class="heading">Parameters:</dt>
9903
9904                                         <dt>
9905                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
9906
9907                                         </dt>
9908                                         <dd>The new width</dd>
9909
9910                                         <dt>
9911                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9912
9913                                         </dt>
9914                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9915
9916                                 </dl>
9917
9918
9919
9920
9921
9922                                 <dl class="detailList">
9923                                 <dt class="heading">Returns:</dt>
9924
9925                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9926
9927                                 </dl>
9928
9929
9930
9931
9932
9933
9934
9935                     </div>
9936                 </div>
9937
9938             </td>
9939             <td class="msource">
9940
9941                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9942                 &nbsp;
9943             </td>
9944         </tr>
9945
9946
9947           <tr class="method-row config-row-alt1 expandable">
9948             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9949
9950
9951             <td class="sig">
9952                 <a id="Roo.Element-method-setX"   name=".setX"></a>
9953                 <div class="fixedFont">
9954                         <span class="attributes"></span><b class="itemname">setX</b>
9955
9956                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9957
9958
9959                                          :
9960
9961
9962                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9963
9964
9965
9966
9967
9968                 </div>
9969                 <div class="mdesc">
9970
9971                    <div class="short">Sets the X position of the element based on page coordinates.</div>
9972
9973
9974
9975                     <div class="long">
9976
9977                                 Sets the X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
9978
9979
9980
9981
9982
9983
9984                                 <dl class="detailList">
9985                                 <dt class="heading">Parameters:</dt>
9986
9987                                         <dt>
9988                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
9989
9990                                         </dt>
9991                                         <dd>X position of the element</dd>
9992
9993                                         <dt>
9994                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
9995
9996                                         </dt>
9997                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9998
9999                                 </dl>
10000
10001
10002
10003
10004
10005                                 <dl class="detailList">
10006                                 <dt class="heading">Returns:</dt>
10007
10008                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10009
10010                                 </dl>
10011
10012
10013
10014
10015
10016
10017
10018                     </div>
10019                 </div>
10020
10021             </td>
10022             <td class="msource">
10023
10024                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10025                 &nbsp;
10026             </td>
10027         </tr>
10028
10029
10030           <tr class="method-row config-row-alt0 expandable">
10031             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10032
10033
10034             <td class="sig">
10035                 <a id="Roo.Element-method-setXY"   name=".setXY"></a>
10036                 <div class="fixedFont">
10037                         <span class="attributes"></span><b class="itemname">setXY</b>
10038
10039                                  (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>pos</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10040
10041
10042                                          :
10043
10044
10045                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10046
10047
10048
10049
10050
10051                 </div>
10052                 <div class="mdesc">
10053
10054                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
10055
10056
10057
10058                     <div class="long">
10059
10060                                 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
10061
10062
10063
10064
10065
10066
10067                                 <dl class="detailList">
10068                                 <dt class="heading">Parameters:</dt>
10069
10070                                         <dt>
10071                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>pos</b>
10072
10073                                         </dt>
10074                                         <dd>Contains X & Y [x, y] values for new position (coordinates are page-based)</dd>
10075
10076                                         <dt>
10077                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
10078
10079                                         </dt>
10080                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10081
10082                                 </dl>
10083
10084
10085
10086
10087
10088                                 <dl class="detailList">
10089                                 <dt class="heading">Returns:</dt>
10090
10091                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10092
10093                                 </dl>
10094
10095
10096
10097
10098
10099
10100
10101                     </div>
10102                 </div>
10103
10104             </td>
10105             <td class="msource">
10106
10107                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10108                 &nbsp;
10109             </td>
10110         </tr>
10111
10112
10113           <tr class="method-row config-row-alt1 expandable">
10114             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10115
10116
10117             <td class="sig">
10118                 <a id="Roo.Element-method-setY"   name=".setY"></a>
10119                 <div class="fixedFont">
10120                         <span class="attributes"></span><b class="itemname">setY</b>
10121
10122                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10123
10124
10125                                          :
10126
10127
10128                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10129
10130
10131
10132
10133
10134                 </div>
10135                 <div class="mdesc">
10136
10137                    <div class="short">Sets the Y position of the element based on page coordinates.</div>
10138
10139
10140
10141                     <div class="long">
10142
10143                                 Sets the Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
10144
10145
10146
10147
10148
10149
10150                                 <dl class="detailList">
10151                                 <dt class="heading">Parameters:</dt>
10152
10153                                         <dt>
10154                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
10155
10156                                         </dt>
10157                                         <dd>Y position of the element</dd>
10158
10159                                         <dt>
10160                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
10161
10162                                         </dt>
10163                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10164
10165                                 </dl>
10166
10167
10168
10169
10170
10171                                 <dl class="detailList">
10172                                 <dt class="heading">Returns:</dt>
10173
10174                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10175
10176                                 </dl>
10177
10178
10179
10180
10181
10182
10183
10184                     </div>
10185                 </div>
10186
10187             </td>
10188             <td class="msource">
10189
10190                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10191                 &nbsp;
10192             </td>
10193         </tr>
10194
10195
10196           <tr class="method-row config-row-alt0 expandable notInherited">
10197             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10198
10199
10200             <td class="sig">
10201                 <a id="Roo.Layer-method-setZIndex"   name=".setZIndex"></a>
10202                 <div class="fixedFont">
10203                         <span class="attributes"></span><b class="itemname">setZIndex</b>
10204
10205                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zindex</i></B>)
10206
10207
10208                                          :
10209
10210
10211                                                 <a href="./this.html#constructor" roo:cls="this.html#constructor">this</a>
10212
10213
10214
10215
10216
10217                 </div>
10218                 <div class="mdesc">
10219
10220                    <div class="short">Sets the z-index of this layer and adjusts any shadow and shim z-indexes.</div>
10221
10222
10223
10224                     <div class="long">
10225
10226                                 Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically<br/>incremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow<br/>element, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).
10227
10228
10229
10230
10231
10232
10233                                 <dl class="detailList">
10234                                 <dt class="heading">Parameters:</dt>
10235
10236                                         <dt>
10237                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>zindex</b>
10238
10239                                         </dt>
10240                                         <dd>The new z-index to set</dd>
10241
10242                                 </dl>
10243
10244
10245
10246
10247
10248                                 <dl class="detailList">
10249                                 <dt class="heading">Returns:</dt>
10250
10251                                         <dd><span class="fixedFont"><a href="./this.html#constructor" roo:cls="this.html#constructor">this</a></span>  The Layer</dd>
10252
10253                                 </dl>
10254
10255
10256
10257
10258
10259
10260
10261                     </div>
10262                 </div>
10263
10264             </td>
10265             <td class="msource">
10266
10267                         Roo.Layer
10268                 &nbsp;
10269             </td>
10270         </tr>
10271
10272
10273           <tr class="method-row config-row-alt1 expandable">
10274             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10275
10276
10277             <td class="sig">
10278                 <a id="Roo.Element-method-show"   name=".show"></a>
10279                 <div class="fixedFont">
10280                         <span class="attributes"></span><b class="itemname">show</b>
10281
10282                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10283
10284
10285                                          :
10286
10287
10288                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10289
10290
10291
10292
10293
10294                 </div>
10295                 <div class="mdesc">
10296
10297                    <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility".</div>
10298
10299
10300
10301                     <div class="long">
10302
10303                                 Show this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
10304
10305
10306
10307
10308
10309
10310                                 <dl class="detailList">
10311                                 <dt class="heading">Parameters:</dt>
10312
10313                                         <dt>
10314                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
10315
10316                                         </dt>
10317                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10318
10319                                 </dl>
10320
10321
10322
10323
10324
10325                                 <dl class="detailList">
10326                                 <dt class="heading">Returns:</dt>
10327
10328                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10329
10330                                 </dl>
10331
10332
10333
10334
10335
10336
10337
10338                     </div>
10339                 </div>
10340
10341             </td>
10342             <td class="msource">
10343
10344                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10345                 &nbsp;
10346             </td>
10347         </tr>
10348
10349
10350           <tr class="method-row config-row-alt0 expandable">
10351             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10352
10353
10354             <td class="sig">
10355                 <a id="Roo.Element-method-swallowEvent"   name=".swallowEvent"></a>
10356                 <div class="fixedFont">
10357                         <span class="attributes"></span><b class="itemname">swallowEvent</b>
10358
10359                                  (<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:Boolean">Boolean</a> <B><i>preventDefault</i></B>)
10360
10361
10362                                          :
10363
10364
10365                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10366
10367
10368
10369
10370
10371                 </div>
10372                 <div class="mdesc">
10373
10374                    <div class="short">Stops the specified event from bubbling and optionally prevents the default action</div>
10375
10376
10377
10378                     <div class="long">
10379
10380                                 Stops the specified event from bubbling and optionally prevents the default action
10381
10382
10383
10384
10385
10386
10387                                 <dl class="detailList">
10388                                 <dt class="heading">Parameters:</dt>
10389
10390                                         <dt>
10391                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
10392
10393                                         </dt>
10394                                         <dd></dd>
10395
10396                                         <dt>
10397                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>preventDefault</b>
10398
10399                                         </dt>
10400                                         <dd>(optional) true to prevent the default action too</dd>
10401
10402                                 </dl>
10403
10404
10405
10406
10407
10408                                 <dl class="detailList">
10409                                 <dt class="heading">Returns:</dt>
10410
10411                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10412
10413                                 </dl>
10414
10415
10416
10417
10418
10419
10420
10421                     </div>
10422                 </div>
10423
10424             </td>
10425             <td class="msource">
10426
10427                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10428                 &nbsp;
10429             </td>
10430         </tr>
10431
10432
10433           <tr class="method-row config-row-alt1 expandable">
10434             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10435
10436
10437             <td class="sig">
10438                 <a id="Roo.Element-method-toggle"   name=".toggle"></a>
10439                 <div class="fixedFont">
10440                         <span class="attributes"></span><b class="itemname">toggle</b>
10441
10442                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10443
10444
10445                                          :
10446
10447
10448                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10449
10450
10451
10452
10453
10454                 </div>
10455                 <div class="mdesc">
10456
10457                    <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div>
10458
10459
10460
10461                     <div class="long">
10462
10463                                 Toggles the element's visibility or display, depending on visibility mode.
10464
10465
10466
10467
10468
10469
10470                                 <dl class="detailList">
10471                                 <dt class="heading">Parameters:</dt>
10472
10473                                         <dt>
10474                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span>  <b>animate</b>
10475
10476                                         </dt>
10477                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10478
10479                                 </dl>
10480
10481
10482
10483
10484
10485                                 <dl class="detailList">
10486                                 <dt class="heading">Returns:</dt>
10487
10488                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10489
10490                                 </dl>
10491
10492
10493
10494
10495
10496
10497
10498                     </div>
10499                 </div>
10500
10501             </td>
10502             <td class="msource">
10503
10504                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10505                 &nbsp;
10506             </td>
10507         </tr>
10508
10509
10510           <tr class="method-row config-row-alt0 expandable">
10511             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10512
10513
10514             <td class="sig">
10515                 <a id="Roo.Element-method-toggleClass"   name=".toggleClass"></a>
10516                 <div class="fixedFont">
10517                         <span class="attributes"></span><b class="itemname">toggleClass</b>
10518
10519                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
10520
10521
10522                                          :
10523
10524
10525                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10526
10527
10528
10529
10530
10531                 </div>
10532                 <div class="mdesc">
10533
10534                    <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div>
10535
10536
10537
10538                     <div class="long">
10539
10540                                 Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
10541
10542
10543
10544
10545
10546
10547                                 <dl class="detailList">
10548                                 <dt class="heading">Parameters:</dt>
10549
10550                                         <dt>
10551                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
10552
10553                                         </dt>
10554                                         <dd>The CSS class to toggle</dd>
10555
10556                                 </dl>
10557
10558
10559
10560
10561
10562                                 <dl class="detailList">
10563                                 <dt class="heading">Returns:</dt>
10564
10565                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10566
10567                                 </dl>
10568
10569
10570
10571
10572
10573
10574
10575                     </div>
10576                 </div>
10577
10578             </td>
10579             <td class="msource">
10580
10581                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10582                 &nbsp;
10583             </td>
10584         </tr>
10585
10586
10587           <tr class="method-row config-row-alt1 expandable">
10588             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10589
10590
10591             <td class="sig">
10592                 <a id="Roo.Element-method-translatePoints"   name=".translatePoints"></a>
10593                 <div class="fixedFont">
10594                         <span class="attributes"></span><b class="itemname">translatePoints</b>
10595
10596                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
10597
10598
10599                                          :
10600
10601
10602                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
10603
10604
10605
10606
10607
10608                 </div>
10609                 <div class="mdesc">
10610
10611                    <div class="short">Translates the passed page coordinates into left/top css values for this element</div>
10612
10613
10614
10615                     <div class="long">
10616
10617                                 Translates the passed page coordinates into left/top css values for this element
10618
10619
10620
10621
10622
10623
10624                                 <dl class="detailList">
10625                                 <dt class="heading">Parameters:</dt>
10626
10627                                         <dt>
10628                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array</span>  <b>x</b>
10629
10630                                         </dt>
10631                                         <dd>The page x or an array containing [x, y]</dd>
10632
10633                                         <dt>
10634                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
10635
10636                                         </dt>
10637                                         <dd>The page y</dd>
10638
10639                                 </dl>
10640
10641
10642
10643
10644
10645                                 <dl class="detailList">
10646                                 <dt class="heading">Returns:</dt>
10647
10648                                         <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 with left and top properties. e.g. {left: (value), top: (value)}</dd>
10649
10650                                 </dl>
10651
10652
10653
10654
10655
10656
10657
10658                     </div>
10659                 </div>
10660
10661             </td>
10662             <td class="msource">
10663
10664                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10665                 &nbsp;
10666             </td>
10667         </tr>
10668
10669
10670           <tr class="method-row config-row-alt0 expandable">
10671             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10672
10673
10674             <td class="sig">
10675                 <a id="Roo.Element-method-un"   name=".un"></a>
10676                 <div class="fixedFont">
10677                         <span class="attributes"></span><b class="itemname">un</b>
10678
10679                                  (<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>fn</i></B>)
10680
10681
10682                                          :
10683
10684
10685                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10686
10687
10688
10689
10690
10691                 </div>
10692                 <div class="mdesc">
10693
10694                    <div class="short">Removes an event handler from this element (shorthand for removeListener)</div>
10695
10696
10697
10698                     <div class="long">
10699
10700                                 Removes an event handler from this element (shorthand for removeListener)
10701
10702
10703
10704
10705
10706
10707                                 <dl class="detailList">
10708                                 <dt class="heading">Parameters:</dt>
10709
10710                                         <dt>
10711                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
10712
10713                                         </dt>
10714                                         <dd>the type of event to remove</dd>
10715
10716                                         <dt>
10717                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
10718
10719                                         </dt>
10720                                         <dd>the method the event invokes</dd>
10721
10722                                 </dl>
10723
10724
10725
10726
10727
10728                                 <dl class="detailList">
10729                                 <dt class="heading">Returns:</dt>
10730
10731                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10732
10733                                 </dl>
10734
10735
10736
10737
10738
10739
10740
10741                     </div>
10742                 </div>
10743
10744             </td>
10745             <td class="msource">
10746
10747                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10748                 &nbsp;
10749             </td>
10750         </tr>
10751
10752
10753           <tr class="method-row config-row-alt1 expandable">
10754             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10755
10756
10757             <td class="sig">
10758                 <a id="Roo.Element-method-unclip"   name=".unclip"></a>
10759                 <div class="fixedFont">
10760                         <span class="attributes"></span><b class="itemname">unclip</b>
10761
10762                                  ()
10763
10764
10765                                          :
10766
10767
10768                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10769
10770
10771
10772
10773
10774                 </div>
10775                 <div class="mdesc">
10776
10777                    <div class="short">Return clipping (overflow) to original clipping before clip() was called</div>
10778
10779
10780
10781                     <div class="long">
10782
10783                                 Return clipping (overflow) to original clipping before clip() was called
10784
10785
10786
10787
10788
10789
10790
10791
10792
10793
10794                                 <dl class="detailList">
10795                                 <dt class="heading">Returns:</dt>
10796
10797                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10798
10799                                 </dl>
10800
10801
10802
10803
10804
10805
10806
10807                     </div>
10808                 </div>
10809
10810             </td>
10811             <td class="msource">
10812
10813                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10814                 &nbsp;
10815             </td>
10816         </tr>
10817
10818
10819           <tr class="method-row config-row-alt0 expandable">
10820             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10821
10822
10823             <td class="sig">
10824                 <a id="Roo.Element-method-unmask"   name=".unmask"></a>
10825                 <div class="fixedFont">
10826                         <span class="attributes"></span><b class="itemname">unmask</b>
10827
10828                                  ()
10829
10830
10831
10832                 </div>
10833                 <div class="mdesc">
10834
10835                    <div class="short">Removes a previously applied mask.</div>
10836
10837
10838
10839                     <div class="long">
10840
10841                                 Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise<br/>it is cached for reuse.
10842
10843
10844
10845
10846
10847
10848
10849
10850
10851
10852
10853
10854
10855
10856
10857
10858                     </div>
10859                 </div>
10860
10861             </td>
10862             <td class="msource">
10863
10864                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10865                 &nbsp;
10866             </td>
10867         </tr>
10868
10869
10870           <tr class="method-row config-row-alt1 expandable">
10871             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10872
10873
10874             <td class="sig">
10875                 <a id="Roo.Element-method-unselectable"   name=".unselectable"></a>
10876                 <div class="fixedFont">
10877                         <span class="attributes"></span><b class="itemname">unselectable</b>
10878
10879                                  ()
10880
10881
10882                                          :
10883
10884
10885                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10886
10887
10888
10889
10890
10891                 </div>
10892                 <div class="mdesc">
10893
10894                    <div class="short">Disables text selection for this element (normalized across browsers)</div>
10895
10896
10897
10898                     <div class="long">
10899
10900                                 Disables text selection for this element (normalized across browsers)
10901
10902
10903
10904
10905
10906
10907
10908
10909
10910
10911                                 <dl class="detailList">
10912                                 <dt class="heading">Returns:</dt>
10913
10914                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10915
10916                                 </dl>
10917
10918
10919
10920
10921
10922
10923
10924                     </div>
10925                 </div>
10926
10927             </td>
10928             <td class="msource">
10929
10930                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10931                 &nbsp;
10932             </td>
10933         </tr>
10934
10935
10936           <tr class="method-row config-row-alt0 expandable">
10937             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10938
10939
10940             <td class="sig">
10941                 <a id="Roo.Element-method-up"   name=".up"></a>
10942                 <div class="fixedFont">
10943                         <span class="attributes"></span><b class="itemname">up</b>
10944
10945                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>)
10946
10947
10948                                          :
10949
10950
10951                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10952
10953
10954
10955
10956
10957                 </div>
10958                 <div class="mdesc">
10959
10960                    <div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g.</div>
10961
10962
10963
10964                     <div class="long">
10965
10966                                 Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).<br/>This is a shortcut for findParentNode() that always returns an Roo.Element.
10967
10968
10969
10970
10971
10972
10973                                 <dl class="detailList">
10974                                 <dt class="heading">Parameters:</dt>
10975
10976                                         <dt>
10977                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
10978
10979                                         </dt>
10980                                         <dd>The simple selector to test</dd>
10981
10982                                         <dt>
10983                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
10984
10985                                         </dt>
10986                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
10987
10988                                 </dl>
10989
10990
10991
10992
10993
10994                                 <dl class="detailList">
10995                                 <dt class="heading">Returns:</dt>
10996
10997                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The matching DOM node (or null if no match was found)</dd>
10998
10999                                 </dl>
11000
11001
11002
11003
11004
11005
11006
11007                     </div>
11008                 </div>
11009
11010             </td>
11011             <td class="msource">
11012
11013                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11014                 &nbsp;
11015             </td>
11016         </tr>
11017
11018
11019           <tr class="method-row config-row-alt1 expandable">
11020             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
11021
11022
11023             <td class="sig">
11024                 <a id="Roo.Element-method-update"   name=".update"></a>
11025                 <div class="fixedFont">
11026                         <span class="attributes"></span><b class="itemname">update</b>
11027
11028                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>loadScripts</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>)
11029
11030
11031                                          :
11032
11033
11034                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11035
11036
11037
11038
11039
11040                 </div>
11041                 <div class="mdesc">
11042
11043                    <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div>
11044
11045
11046
11047                     <div class="long">
11048
11049                                 Update the innerHTML of this element, optionally searching for and processing scripts
11050
11051
11052
11053
11054
11055
11056                                 <dl class="detailList">
11057                                 <dt class="heading">Parameters:</dt>
11058
11059                                         <dt>
11060                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
11061
11062                                         </dt>
11063                                         <dd>The new HTML</dd>
11064
11065                                         <dt>
11066                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>loadScripts</b>
11067
11068                                         </dt>
11069                                         <dd>(optional) true to look for and process scripts</dd>
11070
11071                                         <dt>
11072                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
11073
11074                                         </dt>
11075                                         <dd>For async script loading you can be noticed when the update completes</dd>
11076
11077                                 </dl>
11078
11079
11080
11081
11082
11083                                 <dl class="detailList">
11084                                 <dt class="heading">Returns:</dt>
11085
11086                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
11087
11088                                 </dl>
11089
11090
11091
11092
11093
11094
11095
11096                     </div>
11097                 </div>
11098
11099             </td>
11100             <td class="msource">
11101
11102                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11103                 &nbsp;
11104             </td>
11105         </tr>
11106
11107
11108           <tr class="method-row config-row-alt0 expandable">
11109             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
11110
11111
11112             <td class="sig">
11113                 <a id="Roo.Element-method-wrap"   name=".wrap"></a>
11114                 <div class="fixedFont">
11115                         <span class="attributes"></span><b class="itemname">wrap</b>
11116
11117                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
11118
11119
11120                                          :
11121
11122
11123                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element
11124
11125
11126
11127
11128
11129                 </div>
11130                 <div class="mdesc">
11131
11132                    <div class="short">Creates and wraps this element with another element</div>
11133
11134
11135
11136                     <div class="long">
11137
11138                                 Creates and wraps this element with another element
11139
11140
11141
11142
11143
11144
11145                                 <dl class="detailList">
11146                                 <dt class="heading">Parameters:</dt>
11147
11148                                         <dt>
11149                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
11150
11151                                         </dt>
11152                                         <dd>(optional) DomHelper element config object for the wrapper element or null for an empty div</dd>
11153
11154                                         <dt>
11155                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>returnDom</b>
11156
11157                                         </dt>
11158                                         <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
11159
11160                                 </dl>
11161
11162
11163
11164
11165
11166                                 <dl class="detailList">
11167                                 <dt class="heading">Returns:</dt>
11168
11169                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element</span>  The newly created wrapper element</dd>
11170
11171                                 </dl>
11172
11173
11174
11175
11176
11177
11178
11179                     </div>
11180                 </div>
11181
11182             </td>
11183             <td class="msource">
11184
11185                         <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11186                 &nbsp;
11187             </td>
11188         </tr>
11189
11190
11191     </table>
11192
11193
11194   <!-- ============================== events summary / details ======================== -->
11195
11196
11197   <a id="Roo.Layer-events"></a>
11198
11199
11200
11201
11202
11203      <table cellspacing="0" class="member-table">
11204       <caption class="Empty">Events - Has None</caption>
11205      </table>
11206
11207
11208
11209
11210
11211
11212
11213
11214
11215 <!-- ============================== footer ================================= -->
11216                 <div class="fineprint" style="clear:both">
11217
11218                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Tue Jul 27 2010 11:05:06 GMT+0800 (HKT)
11219                         Based on
11220                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
11221                 </div>
11222         </body>
11223 </html>