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