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-attr"   name=".attr"></a>
1590                 <div class="fixedFont">
1591                         <span class="attributes"></span><b class="itemname">attr</b>
1592
1593                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>name</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
1594
1595
1596                                          :
1597
1598
1599                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1600
1601
1602
1603
1604
1605                 </div>
1606                 <div class="mdesc">
1607
1608                    <div class="short">Sets or Returns the value the dom attribute value</div>
1609
1610
1611
1612                     <div class="long">
1613
1614                                 Sets or Returns the value the dom attribute value
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="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>name</b>
1626
1627                                         </dt>
1628                                         <dd>The attribute name (or object to set multiple attributes)</dd>
1629
1630                                         <dt>
1631                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
1632
1633                                         </dt>
1634                                         <dd>(optional) The value to set the attribute to</dd>
1635
1636                                 </dl>
1637
1638
1639
1640
1641
1642                                 <dl class="detailList">
1643                                 <dt class="heading">Returns:</dt>
1644
1645                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  The attribute value</dd>
1646
1647                                 </dl>
1648
1649
1650
1651
1652
1653
1654
1655                     </div>
1656                 </div>
1657
1658             </td>
1659             <td class="msource">
1660
1661                         Roo.Element
1662                 &nbsp;
1663             </td>
1664         </tr>
1665
1666
1667           <tr class="method-row config-row-alt1 expandable notInherited">
1668             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1669
1670
1671             <td class="sig">
1672                 <a id="Roo.Element-method-autoHeight"   name=".autoHeight"></a>
1673                 <div class="fixedFont">
1674                         <span class="attributes"></span><b class="itemname">autoHeight</b>
1675
1676                                  (<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>)
1677
1678
1679                                          :
1680
1681
1682                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1683
1684
1685
1686
1687
1688                 </div>
1689                 <div class="mdesc">
1690
1691                    <div class="short">Measures the element's content height and updates height to match.</div>
1692
1693
1694
1695                     <div class="long">
1696
1697                                 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.
1698
1699
1700
1701
1702
1703
1704                                 <dl class="detailList">
1705                                 <dt class="heading">Parameters:</dt>
1706
1707                                         <dt>
1708                                                 <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>
1709
1710                                         </dt>
1711                                         <dd>(optional) Animate the transition (defaults to false)</dd>
1712
1713                                         <dt>
1714                                                 <span class="fixedFont">Float</span>  <b>duration</b>
1715
1716                                         </dt>
1717                                         <dd>(optional) Length of the animation in seconds (defaults to .35)</dd>
1718
1719                                         <dt>
1720                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>onComplete</b>
1721
1722                                         </dt>
1723                                         <dd>(optional) Function to call when animation completes</dd>
1724
1725                                         <dt>
1726                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>easing</b>
1727
1728                                         </dt>
1729                                         <dd>(optional) Easing method to use (defaults to easeOut)</dd>
1730
1731                                 </dl>
1732
1733
1734
1735
1736
1737                                 <dl class="detailList">
1738                                 <dt class="heading">Returns:</dt>
1739
1740                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1741
1742                                 </dl>
1743
1744
1745
1746
1747
1748
1749
1750                     </div>
1751                 </div>
1752
1753             </td>
1754             <td class="msource">
1755
1756                         Roo.Element
1757                 &nbsp;
1758             </td>
1759         </tr>
1760
1761
1762           <tr class="method-row config-row-alt0 expandable notInherited">
1763             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1764
1765
1766             <td class="sig">
1767                 <a id="Roo.Element-method-beginMeasure"   name=".beginMeasure"></a>
1768                 <div class="fixedFont">
1769                         <span class="attributes"></span><b class="itemname">beginMeasure</b>
1770
1771                                  ()
1772
1773
1774                                          :
1775
1776
1777                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1778
1779
1780
1781
1782
1783                 </div>
1784                 <div class="mdesc">
1785
1786                    <div class="short">Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.</div>
1787
1788
1789
1790                     <div class="long">
1791
1792                                 Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803                                 <dl class="detailList">
1804                                 <dt class="heading">Returns:</dt>
1805
1806                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1807
1808                                 </dl>
1809
1810
1811
1812
1813
1814
1815
1816                     </div>
1817                 </div>
1818
1819             </td>
1820             <td class="msource">
1821
1822                         Roo.Element
1823                 &nbsp;
1824             </td>
1825         </tr>
1826
1827
1828           <tr class="method-row config-row-alt1 expandable notInherited">
1829             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1830
1831
1832             <td class="sig">
1833                 <a id="Roo.Element-method-blur"   name=".blur"></a>
1834                 <div class="fixedFont">
1835                         <span class="attributes"></span><b class="itemname">blur</b>
1836
1837                                  ()
1838
1839
1840                                          :
1841
1842
1843                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1844
1845
1846
1847
1848
1849                 </div>
1850                 <div class="mdesc">
1851
1852                    <div class="short">Tries to blur the element.</div>
1853
1854
1855
1856                     <div class="long">
1857
1858                                 Tries to blur the element. Any exceptions are caught and ignored.
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869                                 <dl class="detailList">
1870                                 <dt class="heading">Returns:</dt>
1871
1872                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1873
1874                                 </dl>
1875
1876
1877
1878
1879
1880
1881
1882                     </div>
1883                 </div>
1884
1885             </td>
1886             <td class="msource">
1887
1888                         Roo.Element
1889                 &nbsp;
1890             </td>
1891         </tr>
1892
1893
1894           <tr class="method-row config-row-alt0 expandable notInherited">
1895             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1896
1897
1898             <td class="sig">
1899                 <a id="Roo.Element-method-boxWrap"   name=".boxWrap"></a>
1900                 <div class="fixedFont">
1901                         <span class="attributes"></span><b class="itemname">boxWrap</b>
1902
1903                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>class</i></B>)
1904
1905
1906                                          :
1907
1908
1909                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1910
1911
1912
1913
1914
1915                 </div>
1916                 <div class="mdesc">
1917
1918                    <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>
1919
1920
1921
1922                     <div class="long">
1923
1924                                 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.
1925
1926
1927
1928
1929
1930
1931                                 <dl class="detailList">
1932                                 <dt class="heading">Parameters:</dt>
1933
1934                                         <dt>
1935                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>class</b>
1936
1937                                         </dt>
1938                                         <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>
1939
1940                                 </dl>
1941
1942
1943
1944
1945
1946                                 <dl class="detailList">
1947                                 <dt class="heading">Returns:</dt>
1948
1949                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
1950
1951                                 </dl>
1952
1953
1954
1955
1956
1957
1958
1959                     </div>
1960                 </div>
1961
1962             </td>
1963             <td class="msource">
1964
1965                         Roo.Element
1966                 &nbsp;
1967             </td>
1968         </tr>
1969
1970
1971           <tr class="method-row config-row-alt1 expandable notInherited">
1972             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1973
1974
1975             <td class="sig">
1976                 <a id="Roo.Element-method-center"   name=".center"></a>
1977                 <div class="fixedFont">
1978                         <span class="attributes"></span><b class="itemname">center</b>
1979
1980                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>centerIn</i></B>)
1981
1982
1983
1984                 </div>
1985                 <div class="mdesc">
1986
1987                    <div class="short">Centers the Element in either the viewport, or another Element.</div>
1988
1989
1990
1991                     <div class="long">
1992
1993                                 Centers the Element in either the viewport, or another Element.
1994
1995
1996
1997
1998
1999
2000                                 <dl class="detailList">
2001                                 <dt class="heading">Parameters:</dt>
2002
2003                                         <dt>
2004                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>centerIn</b>
2005
2006                                         </dt>
2007                                         <dd>(optional) The element in which to center the element.</dd>
2008
2009                                 </dl>
2010
2011
2012
2013
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-child"   name=".child"></a>
2039                 <div class="fixedFont">
2040                         <span class="attributes"></span><b class="itemname">child</b>
2041
2042                                  (<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>)
2043
2044
2045                                          :
2046
2047
2048                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2049
2050
2051
2052
2053
2054                 </div>
2055                 <div class="mdesc">
2056
2057                    <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>
2058
2059
2060
2061                     <div class="long">
2062
2063                                 Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
2064
2065
2066
2067
2068
2069
2070                                 <dl class="detailList">
2071                                 <dt class="heading">Parameters:</dt>
2072
2073                                         <dt>
2074                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
2075
2076                                         </dt>
2077                                         <dd>The CSS selector</dd>
2078
2079                                         <dt>
2080                                                 <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>
2081
2082                                         </dt>
2083                                         <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2084
2085                                 </dl>
2086
2087
2088
2089
2090
2091                                 <dl class="detailList">
2092                                 <dt class="heading">Returns:</dt>
2093
2094                                         <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>
2095
2096                                 </dl>
2097
2098
2099
2100
2101
2102
2103
2104                     </div>
2105                 </div>
2106
2107             </td>
2108             <td class="msource">
2109
2110                         Roo.Element
2111                 &nbsp;
2112             </td>
2113         </tr>
2114
2115
2116           <tr class="method-row config-row-alt1 expandable notInherited">
2117             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2118
2119
2120             <td class="sig">
2121                 <a id="Roo.Element-method-clean"   name=".clean"></a>
2122                 <div class="fixedFont">
2123                         <span class="attributes"></span><b class="itemname">clean</b>
2124
2125                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceReclean</i></B>)
2126
2127
2128
2129                 </div>
2130                 <div class="mdesc">
2131
2132                    <div class="short">Removes worthless text nodes</div>
2133
2134
2135
2136                     <div class="long">
2137
2138                                 Removes worthless text nodes
2139
2140
2141
2142
2143
2144
2145                                 <dl class="detailList">
2146                                 <dt class="heading">Parameters:</dt>
2147
2148                                         <dt>
2149                                                 <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>
2150
2151                                         </dt>
2152                                         <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>
2153
2154                                 </dl>
2155
2156
2157
2158
2159
2160
2161
2162
2163
2164
2165
2166                     </div>
2167                 </div>
2168
2169             </td>
2170             <td class="msource">
2171
2172                         Roo.Element
2173                 &nbsp;
2174             </td>
2175         </tr>
2176
2177
2178           <tr class="method-row config-row-alt0 expandable notInherited">
2179             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2180
2181
2182             <td class="sig">
2183                 <a id="Roo.Element-method-clearOpacity"   name=".clearOpacity"></a>
2184                 <div class="fixedFont">
2185                         <span class="attributes"></span><b class="itemname">clearOpacity</b>
2186
2187                                  ()
2188
2189
2190                                          :
2191
2192
2193                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2194
2195
2196
2197
2198
2199                 </div>
2200                 <div class="mdesc">
2201
2202                    <div class="short">Clears any opacity settings from this element.</div>
2203
2204
2205
2206                     <div class="long">
2207
2208                                 Clears any opacity settings from this element. Required in some cases for IE.
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219                                 <dl class="detailList">
2220                                 <dt class="heading">Returns:</dt>
2221
2222                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2223
2224                                 </dl>
2225
2226
2227
2228
2229
2230
2231
2232                     </div>
2233                 </div>
2234
2235             </td>
2236             <td class="msource">
2237
2238                         Roo.Element
2239                 &nbsp;
2240             </td>
2241         </tr>
2242
2243
2244           <tr class="method-row config-row-alt1 expandable notInherited">
2245             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2246
2247
2248             <td class="sig">
2249                 <a id="Roo.Element-method-clearPositioning"   name=".clearPositioning"></a>
2250                 <div class="fixedFont">
2251                         <span class="attributes"></span><b class="itemname">clearPositioning</b>
2252
2253                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
2254
2255
2256                                          :
2257
2258
2259                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2260
2261
2262
2263
2264
2265                 </div>
2266                 <div class="mdesc">
2267
2268                    <div class="short">Clear positioning back to the default when the document was loaded</div>
2269
2270
2271
2272                     <div class="long">
2273
2274                                 Clear positioning back to the default when the document was loaded
2275
2276
2277
2278
2279
2280
2281                                 <dl class="detailList">
2282                                 <dt class="heading">Parameters:</dt>
2283
2284                                         <dt>
2285                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
2286
2287                                         </dt>
2288                                         <dd>(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</dd>
2289
2290                                 </dl>
2291
2292
2293
2294
2295
2296                                 <dl class="detailList">
2297                                 <dt class="heading">Returns:</dt>
2298
2299                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2300
2301                                 </dl>
2302
2303
2304
2305
2306
2307
2308
2309                     </div>
2310                 </div>
2311
2312             </td>
2313             <td class="msource">
2314
2315                         Roo.Element
2316                 &nbsp;
2317             </td>
2318         </tr>
2319
2320
2321           <tr class="method-row config-row-alt0 expandable notInherited">
2322             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2323
2324
2325             <td class="sig">
2326                 <a id="Roo.Element-method-clip"   name=".clip"></a>
2327                 <div class="fixedFont">
2328                         <span class="attributes"></span><b class="itemname">clip</b>
2329
2330                                  ()
2331
2332
2333                                          :
2334
2335
2336                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2337
2338
2339
2340
2341
2342                 </div>
2343                 <div class="mdesc">
2344
2345                    <div class="short">Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove</div>
2346
2347
2348
2349                     <div class="long">
2350
2351                                 Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362                                 <dl class="detailList">
2363                                 <dt class="heading">Returns:</dt>
2364
2365                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2366
2367                                 </dl>
2368
2369
2370
2371
2372
2373
2374
2375                     </div>
2376                 </div>
2377
2378             </td>
2379             <td class="msource">
2380
2381                         Roo.Element
2382                 &nbsp;
2383             </td>
2384         </tr>
2385
2386
2387           <tr class="method-row config-row-alt1 expandable notInherited">
2388             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2389
2390
2391             <td class="sig">
2392                 <a id="Roo.Element-method-contains"   name=".contains"></a>
2393                 <div class="fixedFont">
2394                         <span class="attributes"></span><b class="itemname">contains</b>
2395
2396                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String <B><i>el</i></B>)
2397
2398
2399                                          :
2400
2401
2402                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2403
2404
2405
2406
2407
2408                 </div>
2409                 <div class="mdesc">
2410
2411                    <div class="short">Returns true if this element is an ancestor of the passed element</div>
2412
2413
2414
2415                     <div class="long">
2416
2417                                 Returns true if this element is an ancestor of the passed element
2418
2419
2420
2421
2422
2423
2424                                 <dl class="detailList">
2425                                 <dt class="heading">Parameters:</dt>
2426
2427                                         <dt>
2428                                                 <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>
2429
2430                                         </dt>
2431                                         <dd>The element to check</dd>
2432
2433                                 </dl>
2434
2435
2436
2437
2438
2439                                 <dl class="detailList">
2440                                 <dt class="heading">Returns:</dt>
2441
2442                                         <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>
2443
2444                                 </dl>
2445
2446
2447
2448
2449
2450
2451
2452                     </div>
2453                 </div>
2454
2455             </td>
2456             <td class="msource">
2457
2458                         Roo.Element
2459                 &nbsp;
2460             </td>
2461         </tr>
2462
2463
2464           <tr class="method-row config-row-alt0 expandable notInherited">
2465             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2466
2467
2468             <td class="sig">
2469                 <a id="Roo.Element-method-createChild"   name=".createChild"></a>
2470                 <div class="fixedFont">
2471                         <span class="attributes"></span><b class="itemname">createChild</b>
2472
2473                                  (<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>)
2474
2475
2476                                          :
2477
2478
2479                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2480
2481
2482
2483
2484
2485                 </div>
2486                 <div class="mdesc">
2487
2488                    <div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.</div>
2489
2490
2491
2492                     <div class="long">
2493
2494                                 Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
2495
2496
2497
2498
2499
2500
2501                                 <dl class="detailList">
2502                                 <dt class="heading">Parameters:</dt>
2503
2504                                         <dt>
2505                                                 <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>
2506
2507                                         </dt>
2508                                         <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>
2509
2510                                         <dt>
2511                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>insertBefore</b>
2512
2513                                         </dt>
2514                                         <dd>(optional) a child element of this element</dd>
2515
2516                                         <dt>
2517                                                 <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>
2518
2519                                         </dt>
2520                                         <dd>(optional) true to return the dom node instead of creating an Element</dd>
2521
2522                                 </dl>
2523
2524
2525
2526
2527
2528                                 <dl class="detailList">
2529                                 <dt class="heading">Returns:</dt>
2530
2531                                         <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>
2532
2533                                 </dl>
2534
2535
2536
2537
2538
2539
2540
2541                     </div>
2542                 </div>
2543
2544             </td>
2545             <td class="msource">
2546
2547                         Roo.Element
2548                 &nbsp;
2549             </td>
2550         </tr>
2551
2552
2553           <tr class="method-row config-row-alt1 expandable notInherited">
2554             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2555
2556
2557             <td class="sig">
2558                 <a id="Roo.Element-method-createProxy"   name=".createProxy"></a>
2559                 <div class="fixedFont">
2560                         <span class="attributes"></span><b class="itemname">createProxy</b>
2561
2562                                  (<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>)
2563
2564
2565                                          :
2566
2567
2568                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2569
2570
2571
2572
2573
2574                 </div>
2575                 <div class="mdesc">
2576
2577                    <div class="short">Creates a proxy element of this element</div>
2578
2579
2580
2581                     <div class="long">
2582
2583                                 Creates a proxy element of this element
2584
2585
2586
2587
2588
2589
2590                                 <dl class="detailList">
2591                                 <dt class="heading">Parameters:</dt>
2592
2593                                         <dt>
2594                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>config</b>
2595
2596                                         </dt>
2597                                         <dd>The class name of the proxy element or a DomHelper config object</dd>
2598
2599                                         <dt>
2600                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span>  <b>renderTo</b>
2601
2602                                         </dt>
2603                                         <dd>(optional) The element or element id to render the proxy to (defaults to document.body)</dd>
2604
2605                                         <dt>
2606                                                 <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>
2607
2608                                         </dt>
2609                                         <dd>(optional) True to align and size the proxy to this element now (defaults to false)</dd>
2610
2611                                 </dl>
2612
2613
2614
2615
2616
2617                                 <dl class="detailList">
2618                                 <dt class="heading">Returns:</dt>
2619
2620                                         <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>
2621
2622                                 </dl>
2623
2624
2625
2626
2627
2628
2629
2630                     </div>
2631                 </div>
2632
2633             </td>
2634             <td class="msource">
2635
2636                         Roo.Element
2637                 &nbsp;
2638             </td>
2639         </tr>
2640
2641
2642           <tr class="method-row config-row-alt0 expandable notInherited">
2643             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2644
2645
2646             <td class="sig">
2647                 <a id="Roo.Element-method-createShim"   name=".createShim"></a>
2648                 <div class="fixedFont">
2649                         <span class="attributes"></span><b class="itemname">createShim</b>
2650
2651                                  ()
2652
2653
2654                                          :
2655
2656
2657                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2658
2659
2660
2661
2662
2663                 </div>
2664                 <div class="mdesc">
2665
2666                    <div class="short">Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.</div>
2667
2668
2669
2670                     <div class="long">
2671
2672                                 Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.
2673
2674
2675
2676
2677
2678
2679
2680
2681
2682
2683                                 <dl class="detailList">
2684                                 <dt class="heading">Returns:</dt>
2685
2686                                         <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>
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-down"   name=".down"></a>
2714                 <div class="fixedFont">
2715                         <span class="attributes"></span><b class="itemname">down</b>
2716
2717                                  (<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>)
2718
2719
2720                                          :
2721
2722
2723                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2724
2725
2726
2727
2728
2729                 </div>
2730                 <div class="mdesc">
2731
2732                    <div class="short">Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).</div>
2733
2734
2735
2736                     <div class="long">
2737
2738                                 Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).
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>selector</b>
2750
2751                                         </dt>
2752                                         <dd>The CSS selector</dd>
2753
2754                                         <dt>
2755                                                 <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>
2756
2757                                         </dt>
2758                                         <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2759
2760                                 </dl>
2761
2762
2763
2764
2765
2766                                 <dl class="detailList">
2767                                 <dt class="heading">Returns:</dt>
2768
2769                                         <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>
2770
2771                                 </dl>
2772
2773
2774
2775
2776
2777
2778
2779                     </div>
2780                 </div>
2781
2782             </td>
2783             <td class="msource">
2784
2785                         Roo.Element
2786                 &nbsp;
2787             </td>
2788         </tr>
2789
2790
2791           <tr class="method-row config-row-alt0 expandable notInherited">
2792             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2793
2794
2795             <td class="sig">
2796                 <a id="Roo.Element-method-enableDisplayMode"   name=".enableDisplayMode"></a>
2797                 <div class="fixedFont">
2798                         <span class="attributes"></span><b class="itemname">enableDisplayMode</b>
2799
2800                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>display</i></B>)
2801
2802
2803                                          :
2804
2805
2806                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2807
2808
2809
2810
2811
2812                 </div>
2813                 <div class="mdesc">
2814
2815                    <div class="short">Convenience method for setVisibilityMode(Element.DISPLAY)</div>
2816
2817
2818
2819                     <div class="long">
2820
2821                                 Convenience method for setVisibilityMode(Element.DISPLAY)
2822
2823
2824
2825
2826
2827
2828                                 <dl class="detailList">
2829                                 <dt class="heading">Parameters:</dt>
2830
2831                                         <dt>
2832                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>display</b>
2833
2834                                         </dt>
2835                                         <dd>(optional) What to set display to when visible</dd>
2836
2837                                 </dl>
2838
2839
2840
2841
2842
2843                                 <dl class="detailList">
2844                                 <dt class="heading">Returns:</dt>
2845
2846                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2847
2848                                 </dl>
2849
2850
2851
2852
2853
2854
2855
2856                     </div>
2857                 </div>
2858
2859             </td>
2860             <td class="msource">
2861
2862                         Roo.Element
2863                 &nbsp;
2864             </td>
2865         </tr>
2866
2867
2868           <tr class="method-row config-row-alt1 expandable notInherited">
2869             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2870
2871
2872             <td class="sig">
2873                 <a id="Roo.Element-method-endMeasure"   name=".endMeasure"></a>
2874                 <div class="fixedFont">
2875                         <span class="attributes"></span><b class="itemname">endMeasure</b>
2876
2877                                  ()
2878
2879
2880                                          :
2881
2882
2883                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2884
2885
2886
2887
2888
2889                 </div>
2890                 <div class="mdesc">
2891
2892                    <div class="short">Restores displays to before beginMeasure was called</div>
2893
2894
2895
2896                     <div class="long">
2897
2898                                 Restores displays to before beginMeasure was called
2899
2900
2901
2902
2903
2904
2905
2906
2907
2908
2909                                 <dl class="detailList">
2910                                 <dt class="heading">Returns:</dt>
2911
2912                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
2913
2914                                 </dl>
2915
2916
2917
2918
2919
2920
2921
2922                     </div>
2923                 </div>
2924
2925             </td>
2926             <td class="msource">
2927
2928                         Roo.Element
2929                 &nbsp;
2930             </td>
2931         </tr>
2932
2933
2934           <tr class="method-row config-row-alt0 expandable notInherited">
2935             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2936
2937
2938             <td class="sig">
2939                 <a id="Roo.Element-method-findParent"   name=".findParent"></a>
2940                 <div class="fixedFont">
2941                         <span class="attributes"></span><b class="itemname">findParent</b>
2942
2943                                  (<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>)
2944
2945
2946                                          :
2947
2948
2949                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2950
2951
2952
2953
2954
2955                 </div>
2956                 <div class="mdesc">
2957
2958                    <div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g.</div>
2959
2960
2961
2962                     <div class="long">
2963
2964                                 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)
2965
2966
2967
2968
2969
2970
2971                                 <dl class="detailList">
2972                                 <dt class="heading">Parameters:</dt>
2973
2974                                         <dt>
2975                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
2976
2977                                         </dt>
2978                                         <dd>The simple selector to test</dd>
2979
2980                                         <dt>
2981                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
2982
2983                                         </dt>
2984                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
2985
2986                                         <dt>
2987                                                 <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>
2988
2989                                         </dt>
2990                                         <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
2991
2992                                 </dl>
2993
2994
2995
2996
2997
2998                                 <dl class="detailList">
2999                                 <dt class="heading">Returns:</dt>
3000
3001                                         <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>
3002
3003                                 </dl>
3004
3005
3006
3007
3008
3009
3010
3011                     </div>
3012                 </div>
3013
3014             </td>
3015             <td class="msource">
3016
3017                         Roo.Element
3018                 &nbsp;
3019             </td>
3020         </tr>
3021
3022
3023           <tr class="method-row config-row-alt1 expandable notInherited">
3024             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3025
3026
3027             <td class="sig">
3028                 <a id="Roo.Element-method-findParentNode"   name=".findParentNode"></a>
3029                 <div class="fixedFont">
3030                         <span class="attributes"></span><b class="itemname">findParentNode</b>
3031
3032                                  (<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>)
3033
3034
3035                                          :
3036
3037
3038                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3039
3040
3041
3042
3043
3044                 </div>
3045                 <div class="mdesc">
3046
3047                    <div class="short">Looks at parent nodes for a match of the passed simple selector (e.g.</div>
3048
3049
3050
3051                     <div class="long">
3052
3053                                 Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
3054
3055
3056
3057
3058
3059
3060                                 <dl class="detailList">
3061                                 <dt class="heading">Parameters:</dt>
3062
3063                                         <dt>
3064                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
3065
3066                                         </dt>
3067                                         <dd>The simple selector to test</dd>
3068
3069                                         <dt>
3070                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
3071
3072                                         </dt>
3073                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
3074
3075                                         <dt>
3076                                                 <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>
3077
3078                                         </dt>
3079                                         <dd>(optional) True to return a Roo.Element object instead of DOM node</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="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>
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-fitToParent"   name=".fitToParent"></a>
3118                 <div class="fixedFont">
3119                         <span class="attributes"></span><b class="itemname">fitToParent</b>
3120
3121                                  (<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>)
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">Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.</div>
3137
3138
3139
3140                     <div class="long">
3141
3142                                 Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.
3143
3144
3145
3146
3147
3148
3149                                 <dl class="detailList">
3150                                 <dt class="heading">Parameters:</dt>
3151
3152                                         <dt>
3153                                                 <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>
3154
3155                                         </dt>
3156                                         <dd>(optional) If true maintains the fit when the browser window is resized.</dd>
3157
3158                                         <dt>
3159                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element</span>  <b>targetParent</b>
3160
3161                                         </dt>
3162                                         <dd>(optional) The target parent, default to the parentNode.</dd>
3163
3164                                 </dl>
3165
3166
3167
3168
3169
3170                                 <dl class="detailList">
3171                                 <dt class="heading">Returns:</dt>
3172
3173                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
3174
3175                                 </dl>
3176
3177
3178
3179
3180
3181
3182
3183                     </div>
3184                 </div>
3185
3186             </td>
3187             <td class="msource">
3188
3189                         Roo.Element
3190                 &nbsp;
3191             </td>
3192         </tr>
3193
3194
3195           <tr class="method-row config-row-alt1 expandable notInherited">
3196             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3197
3198
3199             <td class="sig">
3200                 <a id="Roo.Element-method-focus"   name=".focus"></a>
3201                 <div class="fixedFont">
3202                         <span class="attributes"></span><b class="itemname">focus</b>
3203
3204                                  ()
3205
3206
3207                                          :
3208
3209
3210                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3211
3212
3213
3214
3215
3216                 </div>
3217                 <div class="mdesc">
3218
3219                    <div class="short">Tries to focus the element.</div>
3220
3221
3222
3223                     <div class="long">
3224
3225                                 Tries to focus the element. Any exceptions are caught and ignored.
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235
3236                                 <dl class="detailList">
3237                                 <dt class="heading">Returns:</dt>
3238
3239                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
3240
3241                                 </dl>
3242
3243
3244
3245
3246
3247
3248
3249                     </div>
3250                 </div>
3251
3252             </td>
3253             <td class="msource">
3254
3255                         Roo.Element
3256                 &nbsp;
3257             </td>
3258         </tr>
3259
3260
3261           <tr class="method-row config-row-alt0 expandable notInherited">
3262             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3263
3264
3265             <td class="sig">
3266                 <a id="Roo.Element-method-getAlignToXY"   name=".getAlignToXY"></a>
3267                 <div class="fixedFont">
3268                         <span class="attributes"></span><b class="itemname">getAlignToXY</b>
3269
3270                                  (<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>)
3271
3272
3273                                          :
3274
3275
3276                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3277
3278
3279
3280
3281
3282                 </div>
3283                 <div class="mdesc">
3284
3285                    <div class="short">Gets the x,y coordinates to align this element with another element.</div>
3286
3287
3288
3289                     <div class="long">
3290
3291                                 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.
3292
3293
3294
3295
3296
3297
3298                                 <dl class="detailList">
3299                                 <dt class="heading">Parameters:</dt>
3300
3301                                         <dt>
3302                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>element</b>
3303
3304                                         </dt>
3305                                         <dd>The element to align to.</dd>
3306
3307                                         <dt>
3308                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>position</b>
3309
3310                                         </dt>
3311                                         <dd>The position to align to.</dd>
3312
3313                                         <dt>
3314                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>offsets</b>
3315
3316                                         </dt>
3317                                         <dd>(optional) Offset the positioning by [x, y]</dd>
3318
3319                                 </dl>
3320
3321
3322
3323
3324
3325                                 <dl class="detailList">
3326                                 <dt class="heading">Returns:</dt>
3327
3328                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  [x, y]</dd>
3329
3330                                 </dl>
3331
3332
3333
3334
3335
3336
3337
3338                     </div>
3339                 </div>
3340
3341             </td>
3342             <td class="msource">
3343
3344                         Roo.Element
3345                 &nbsp;
3346             </td>
3347         </tr>
3348
3349
3350           <tr class="method-row config-row-alt1 expandable notInherited">
3351             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3352
3353
3354             <td class="sig">
3355                 <a id="Roo.Element-method-getAnchorXY"   name=".getAnchorXY"></a>
3356                 <div class="fixedFont">
3357                         <span class="attributes"></span><b class="itemname">getAnchorXY</b>
3358
3359                                  (<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>)
3360
3361
3362                                          :
3363
3364
3365                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3366
3367
3368
3369
3370
3371                 </div>
3372                 <div class="mdesc">
3373
3374                    <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div>
3375
3376
3377
3378                     <div class="long">
3379
3380                                 Gets the x,y coordinates specified by the anchor position on the element.
3381
3382
3383
3384
3385
3386
3387                                 <dl class="detailList">
3388                                 <dt class="heading">Parameters:</dt>
3389
3390                                         <dt>
3391                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>anchor</b>
3392
3393                                         </dt>
3394                                         <dd>(optional) The specified anchor position (defaults to "c").  See {<b>link</b> <b>alignTo</b>} for details on supported anchor positions.</dd>
3395
3396                                         <dt>
3397                                                 <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>
3398
3399                                         </dt>
3400                                         <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>
3401
3402                                         <dt>
3403                                                 <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>
3404
3405                                         </dt>
3406                                         <dd>(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates</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="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  [x, y] An array containing the element's x and y coordinates</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-getAttributeNS"   name=".getAttributeNS"></a>
3445                 <div class="fixedFont">
3446                         <span class="attributes"></span><b class="itemname">getAttributeNS</b>
3447
3448                                  (<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>)
3449
3450
3451                                          :
3452
3453
3454                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3455
3456
3457
3458
3459
3460                 </div>
3461                 <div class="mdesc">
3462
3463                    <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div>
3464
3465
3466
3467                     <div class="long">
3468
3469                                 Returns the value of a namespaced attribute from the element's underlying DOM node.
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>namespace</b>
3481
3482                                         </dt>
3483                                         <dd>The namespace in which to look for the attribute</dd>
3484
3485                                         <dt>
3486                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>name</b>
3487
3488                                         </dt>
3489                                         <dd>The attribute name</dd>
3490
3491                                 </dl>
3492
3493
3494
3495
3496
3497                                 <dl class="detailList">
3498                                 <dt class="heading">Returns:</dt>
3499
3500                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  The attribute value</dd>
3501
3502                                 </dl>
3503
3504
3505
3506
3507
3508
3509
3510                     </div>
3511                 </div>
3512
3513             </td>
3514             <td class="msource">
3515
3516                         Roo.Element
3517                 &nbsp;
3518             </td>
3519         </tr>
3520
3521
3522           <tr class="method-row config-row-alt1 expandable notInherited">
3523             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3524
3525
3526             <td class="sig">
3527                 <a id="Roo.Element-method-getBorderWidth"   name=".getBorderWidth"></a>
3528                 <div class="fixedFont">
3529                         <span class="attributes"></span><b class="itemname">getBorderWidth</b>
3530
3531                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
3532
3533
3534                                          :
3535
3536
3537                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3538
3539
3540
3541
3542
3543                 </div>
3544                 <div class="mdesc">
3545
3546                    <div class="short">Gets the width of the border(s) for the specified side(s)</div>
3547
3548
3549
3550                     <div class="long">
3551
3552                                 Gets the width of the border(s) for the specified side(s)
3553
3554
3555
3556
3557
3558
3559                                 <dl class="detailList">
3560                                 <dt class="heading">Parameters:</dt>
3561
3562                                         <dt>
3563                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
3564
3565                                         </dt>
3566                                         <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>
3567
3568                                 </dl>
3569
3570
3571
3572
3573
3574                                 <dl class="detailList">
3575                                 <dt class="heading">Returns:</dt>
3576
3577                                         <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>
3578
3579                                 </dl>
3580
3581
3582
3583
3584
3585
3586
3587                     </div>
3588                 </div>
3589
3590             </td>
3591             <td class="msource">
3592
3593                         Roo.Element
3594                 &nbsp;
3595             </td>
3596         </tr>
3597
3598
3599           <tr class="method-row config-row-alt0 expandable notInherited">
3600             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3601
3602
3603             <td class="sig">
3604                 <a id="Roo.Element-method-getBottom"   name=".getBottom"></a>
3605                 <div class="fixedFont">
3606                         <span class="attributes"></span><b class="itemname">getBottom</b>
3607
3608                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3609
3610
3611                                          :
3612
3613
3614                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3615
3616
3617
3618
3619
3620                 </div>
3621                 <div class="mdesc">
3622
3623                    <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div>
3624
3625
3626
3627                     <div class="long">
3628
3629                                 Gets the bottom Y coordinate of the element (element Y position + element height)
3630
3631
3632
3633
3634
3635
3636                                 <dl class="detailList">
3637                                 <dt class="heading">Parameters:</dt>
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>True to get the local css position instead of page coordinate</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="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </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-getBox"   name=".getBox"></a>
3682                 <div class="fixedFont">
3683                         <span class="attributes"></span><b class="itemname">getBox</b>
3684
3685                                  (<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>)
3686
3687
3688                                          :
3689
3690
3691                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3692
3693
3694
3695
3696
3697                 </div>
3698                 <div class="mdesc">
3699
3700                    <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>
3701
3702
3703
3704                     <div class="long">
3705
3706                                 Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.
3707
3708
3709
3710
3711
3712
3713                                 <dl class="detailList">
3714                                 <dt class="heading">Parameters:</dt>
3715
3716                                         <dt>
3717                                                 <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>
3718
3719                                         </dt>
3720                                         <dd>(optional) If true a box for the content of the element is returned.</dd>
3721
3722                                         <dt>
3723                                                 <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>
3724
3725                                         </dt>
3726                                         <dd>(optional) If true the element's left and top are returned instead of page x/y.</dd>
3727
3728                                 </dl>
3729
3730
3731
3732
3733
3734                                 <dl class="detailList">
3735                                 <dt class="heading">Returns:</dt>
3736
3737                                         <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>
3738
3739                                 </dl>
3740
3741
3742
3743
3744
3745
3746
3747                     </div>
3748                 </div>
3749
3750             </td>
3751             <td class="msource">
3752
3753                         Roo.Element
3754                 &nbsp;
3755             </td>
3756         </tr>
3757
3758
3759           <tr class="method-row config-row-alt0 expandable notInherited">
3760             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3761
3762
3763             <td class="sig">
3764                 <a id="Roo.Element-method-getCenterXY"   name=".getCenterXY"></a>
3765                 <div class="fixedFont">
3766                         <span class="attributes"></span><b class="itemname">getCenterXY</b>
3767
3768                                  ()
3769
3770
3771                                          :
3772
3773
3774                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3775
3776
3777
3778
3779
3780                 </div>
3781                 <div class="mdesc">
3782
3783                    <div class="short">Calculates the x, y to center this element on the screen</div>
3784
3785
3786
3787                     <div class="long">
3788
3789                                 Calculates the x, y to center this element on the screen
3790
3791
3792
3793
3794
3795
3796
3797
3798
3799
3800                                 <dl class="detailList">
3801                                 <dt class="heading">Returns:</dt>
3802
3803                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The x, y values [x, y]</dd>
3804
3805                                 </dl>
3806
3807
3808
3809
3810
3811
3812
3813                     </div>
3814                 </div>
3815
3816             </td>
3817             <td class="msource">
3818
3819                         Roo.Element
3820                 &nbsp;
3821             </td>
3822         </tr>
3823
3824
3825           <tr class="method-row config-row-alt1 expandable notInherited">
3826             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3827
3828
3829             <td class="sig">
3830                 <a id="Roo.Element-method-getColor"   name=".getColor"></a>
3831                 <div class="fixedFont">
3832                         <span class="attributes"></span><b class="itemname">getColor</b>
3833
3834                                  (<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>)
3835
3836
3837
3838                 </div>
3839                 <div class="mdesc">
3840
3841                    <div class="short">Return the CSS color for the specified CSS attribute.</div>
3842
3843
3844
3845                     <div class="long">
3846
3847                                 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.
3848
3849
3850
3851
3852
3853
3854                                 <dl class="detailList">
3855                                 <dt class="heading">Parameters:</dt>
3856
3857                                         <dt>
3858                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>attr</b>
3859
3860                                         </dt>
3861                                         <dd>The css attribute</dd>
3862
3863                                         <dt>
3864                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>defaultValue</b>
3865
3866                                         </dt>
3867                                         <dd>The default value to use when a valid color isn't found</dd>
3868
3869                                         <dt>
3870                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>prefix</b>
3871
3872                                         </dt>
3873                                         <dd>(optional) defaults to #. Use an empty string when working with<br/>YUI color anims.</dd>
3874
3875                                 </dl>
3876
3877
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887                     </div>
3888                 </div>
3889
3890             </td>
3891             <td class="msource">
3892
3893                         Roo.Element
3894                 &nbsp;
3895             </td>
3896         </tr>
3897
3898
3899           <tr class="method-row config-row-alt0 expandable notInherited">
3900             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3901
3902
3903             <td class="sig">
3904                 <a id="Roo.Element-method-getComputedHeight"   name=".getComputedHeight"></a>
3905                 <div class="fixedFont">
3906                         <span class="attributes"></span><b class="itemname">getComputedHeight</b>
3907
3908                                  ()
3909
3910
3911                                          :
3912
3913
3914                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3915
3916
3917
3918
3919
3920                 </div>
3921                 <div class="mdesc">
3922
3923                    <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>
3924
3925
3926
3927                     <div class="long">
3928
3929                                 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.
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940                                 <dl class="detailList">
3941                                 <dt class="heading">Returns:</dt>
3942
3943                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
3944
3945                                 </dl>
3946
3947
3948
3949
3950
3951
3952
3953                     </div>
3954                 </div>
3955
3956             </td>
3957             <td class="msource">
3958
3959                         Roo.Element
3960                 &nbsp;
3961             </td>
3962         </tr>
3963
3964
3965           <tr class="method-row config-row-alt1 expandable notInherited">
3966             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3967
3968
3969             <td class="sig">
3970                 <a id="Roo.Element-method-getComputedWidth"   name=".getComputedWidth"></a>
3971                 <div class="fixedFont">
3972                         <span class="attributes"></span><b class="itemname">getComputedWidth</b>
3973
3974                                  ()
3975
3976
3977                                          :
3978
3979
3980                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3981
3982
3983
3984
3985
3986                 </div>
3987                 <div class="mdesc">
3988
3989                    <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>
3990
3991
3992
3993                     <div class="long">
3994
3995                                 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.
3996
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006                                 <dl class="detailList">
4007                                 <dt class="heading">Returns:</dt>
4008
4009                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4010
4011                                 </dl>
4012
4013
4014
4015
4016
4017
4018
4019                     </div>
4020                 </div>
4021
4022             </td>
4023             <td class="msource">
4024
4025                         Roo.Element
4026                 &nbsp;
4027             </td>
4028         </tr>
4029
4030
4031           <tr class="method-row config-row-alt0 expandable notInherited">
4032             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4033
4034
4035             <td class="sig">
4036                 <a id="Roo.Element-method-getFrameWidth"   name=".getFrameWidth"></a>
4037                 <div class="fixedFont">
4038                         <span class="attributes"></span><b class="itemname">getFrameWidth</b>
4039
4040                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4041
4042
4043                                          :
4044
4045
4046                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4047
4048
4049
4050
4051
4052                 </div>
4053                 <div class="mdesc">
4054
4055                    <div class="short">Returns the sum width of the padding and borders for the passed "sides".</div>
4056
4057
4058
4059                     <div class="long">
4060
4061                                 Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()<br/>         for more information about the sides.
4062
4063
4064
4065
4066
4067
4068                                 <dl class="detailList">
4069                                 <dt class="heading">Parameters:</dt>
4070
4071                                         <dt>
4072                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sides</b>
4073
4074                                         </dt>
4075                                         <dd></dd>
4076
4077                                 </dl>
4078
4079
4080
4081
4082
4083                                 <dl class="detailList">
4084                                 <dt class="heading">Returns:</dt>
4085
4086                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4087
4088                                 </dl>
4089
4090
4091
4092
4093
4094
4095
4096                     </div>
4097                 </div>
4098
4099             </td>
4100             <td class="msource">
4101
4102                         Roo.Element
4103                 &nbsp;
4104             </td>
4105         </tr>
4106
4107
4108           <tr class="method-row config-row-alt1 expandable notInherited">
4109             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4110
4111
4112             <td class="sig">
4113                 <a id="Roo.Element-method-getHeight"   name=".getHeight"></a>
4114                 <div class="fixedFont">
4115                         <span class="attributes"></span><b class="itemname">getHeight</b>
4116
4117                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentHeight</i></B>)
4118
4119
4120                                          :
4121
4122
4123                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4124
4125
4126
4127
4128
4129                 </div>
4130                 <div class="mdesc">
4131
4132                    <div class="short">Returns the offset height of the element</div>
4133
4134
4135
4136                     <div class="long">
4137
4138                                 Returns the offset height of the element
4139
4140
4141
4142
4143
4144
4145                                 <dl class="detailList">
4146                                 <dt class="heading">Parameters:</dt>
4147
4148                                         <dt>
4149                                                 <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>
4150
4151                                         </dt>
4152                                         <dd>(optional) true to get the height minus borders and padding</dd>
4153
4154                                 </dl>
4155
4156
4157
4158
4159
4160                                 <dl class="detailList">
4161                                 <dt class="heading">Returns:</dt>
4162
4163                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The element's height</dd>
4164
4165                                 </dl>
4166
4167
4168
4169
4170
4171
4172
4173                     </div>
4174                 </div>
4175
4176             </td>
4177             <td class="msource">
4178
4179                         Roo.Element
4180                 &nbsp;
4181             </td>
4182         </tr>
4183
4184
4185           <tr class="method-row config-row-alt0 expandable notInherited">
4186             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4187
4188
4189             <td class="sig">
4190                 <a id="Roo.Element-method-getLeft"   name=".getLeft"></a>
4191                 <div class="fixedFont">
4192                         <span class="attributes"></span><b class="itemname">getLeft</b>
4193
4194                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4195
4196
4197                                          :
4198
4199
4200                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4201
4202
4203
4204
4205
4206                 </div>
4207                 <div class="mdesc">
4208
4209                    <div class="short">Gets the left X coordinate</div>
4210
4211
4212
4213                     <div class="long">
4214
4215                                 Gets the left X coordinate
4216
4217
4218
4219
4220
4221
4222                                 <dl class="detailList">
4223                                 <dt class="heading">Parameters:</dt>
4224
4225                                         <dt>
4226                                                 <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>
4227
4228                                         </dt>
4229                                         <dd>True to get the local css position instead of page coordinate</dd>
4230
4231                                 </dl>
4232
4233
4234
4235
4236
4237                                 <dl class="detailList">
4238                                 <dt class="heading">Returns:</dt>
4239
4240                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4241
4242                                 </dl>
4243
4244
4245
4246
4247
4248
4249
4250                     </div>
4251                 </div>
4252
4253             </td>
4254             <td class="msource">
4255
4256                         Roo.Element
4257                 &nbsp;
4258             </td>
4259         </tr>
4260
4261
4262           <tr class="method-row config-row-alt1 expandable notInherited">
4263             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4264
4265
4266             <td class="sig">
4267                 <a id="Roo.Element-method-getMargins"   name=".getMargins"></a>
4268                 <div class="fixedFont">
4269                         <span class="attributes"></span><b class="itemname">getMargins</b>
4270
4271                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4272
4273
4274                                          :
4275
4276
4277                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number
4278
4279
4280
4281
4282
4283                 </div>
4284                 <div class="mdesc">
4285
4286                    <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>
4287
4288
4289
4290                     <div class="long">
4291
4292                                 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)
4293
4294
4295
4296
4297
4298
4299                                 <dl class="detailList">
4300                                 <dt class="heading">Parameters:</dt>
4301
4302                                         <dt>
4303                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sides</b>
4304
4305                                         </dt>
4306                                         <dd>(optional) Any combination of l, r, t, b to get the sum of those sides</dd>
4307
4308                                 </dl>
4309
4310
4311
4312
4313
4314                                 <dl class="detailList">
4315                                 <dt class="heading">Returns:</dt>
4316
4317                                         <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>
4318
4319                                 </dl>
4320
4321
4322
4323
4324
4325
4326
4327                     </div>
4328                 </div>
4329
4330             </td>
4331             <td class="msource">
4332
4333                         Roo.Element
4334                 &nbsp;
4335             </td>
4336         </tr>
4337
4338
4339           <tr class="method-row config-row-alt0 expandable notInherited">
4340             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4341
4342
4343             <td class="sig">
4344                 <a id="Roo.Element-method-getNextSibling"   name=".getNextSibling"></a>
4345                 <div class="fixedFont">
4346                         <span class="attributes"></span><b class="itemname">getNextSibling</b>
4347
4348                                  ()
4349
4350
4351                                          :
4352
4353
4354                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4355
4356
4357
4358
4359
4360                 </div>
4361                 <div class="mdesc">
4362
4363                    <div class="short">Gets the next sibling, skipping text nodes</div>
4364
4365
4366
4367                     <div class="long">
4368
4369                                 Gets the next sibling, skipping text nodes
4370
4371
4372
4373
4374
4375
4376
4377
4378
4379
4380                                 <dl class="detailList">
4381                                 <dt class="heading">Returns:</dt>
4382
4383                                         <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>
4384
4385                                 </dl>
4386
4387
4388
4389
4390
4391
4392
4393                     </div>
4394                 </div>
4395
4396             </td>
4397             <td class="msource">
4398
4399                         Roo.Element
4400                 &nbsp;
4401             </td>
4402         </tr>
4403
4404
4405           <tr class="method-row config-row-alt1 expandable notInherited">
4406             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4407
4408
4409             <td class="sig">
4410                 <a id="Roo.Element-method-getPadding"   name=".getPadding"></a>
4411                 <div class="fixedFont">
4412                         <span class="attributes"></span><b class="itemname">getPadding</b>
4413
4414                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
4415
4416
4417                                          :
4418
4419
4420                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4421
4422
4423
4424
4425
4426                 </div>
4427                 <div class="mdesc">
4428
4429                    <div class="short">Gets the width of the padding(s) for the specified side(s)</div>
4430
4431
4432
4433                     <div class="long">
4434
4435                                 Gets the width of the padding(s) for the specified side(s)
4436
4437
4438
4439
4440
4441
4442                                 <dl class="detailList">
4443                                 <dt class="heading">Parameters:</dt>
4444
4445                                         <dt>
4446                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
4447
4448                                         </dt>
4449                                         <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>
4450
4451                                 </dl>
4452
4453
4454
4455
4456
4457                                 <dl class="detailList">
4458                                 <dt class="heading">Returns:</dt>
4459
4460                                         <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>
4461
4462                                 </dl>
4463
4464
4465
4466
4467
4468
4469
4470                     </div>
4471                 </div>
4472
4473             </td>
4474             <td class="msource">
4475
4476                         Roo.Element
4477                 &nbsp;
4478             </td>
4479         </tr>
4480
4481
4482           <tr class="method-row config-row-alt0 expandable notInherited">
4483             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4484
4485
4486             <td class="sig">
4487                 <a id="Roo.Element-method-getPositioning"   name=".getPositioning"></a>
4488                 <div class="fixedFont">
4489                         <span class="attributes"></span><b class="itemname">getPositioning</b>
4490
4491                                  ()
4492
4493
4494                                          :
4495
4496
4497                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4498
4499
4500
4501
4502
4503                 </div>
4504                 <div class="mdesc">
4505
4506                    <div class="short">Gets an object with all CSS positioning properties.</div>
4507
4508
4509
4510                     <div class="long">
4511
4512                                 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.
4513
4514
4515
4516
4517
4518
4519
4520
4521
4522
4523                                 <dl class="detailList">
4524                                 <dt class="heading">Returns:</dt>
4525
4526                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  </dd>
4527
4528                                 </dl>
4529
4530
4531
4532
4533
4534
4535
4536                     </div>
4537                 </div>
4538
4539             </td>
4540             <td class="msource">
4541
4542                         Roo.Element
4543                 &nbsp;
4544             </td>
4545         </tr>
4546
4547
4548           <tr class="method-row config-row-alt1 expandable notInherited">
4549             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4550
4551
4552             <td class="sig">
4553                 <a id="Roo.Element-method-getPrevSibling"   name=".getPrevSibling"></a>
4554                 <div class="fixedFont">
4555                         <span class="attributes"></span><b class="itemname">getPrevSibling</b>
4556
4557                                  ()
4558
4559
4560                                          :
4561
4562
4563                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4564
4565
4566
4567
4568
4569                 </div>
4570                 <div class="mdesc">
4571
4572                    <div class="short">Gets the previous sibling, skipping text nodes</div>
4573
4574
4575
4576                     <div class="long">
4577
4578                                 Gets the previous sibling, skipping text nodes
4579
4580
4581
4582
4583
4584
4585
4586
4587
4588
4589                                 <dl class="detailList">
4590                                 <dt class="heading">Returns:</dt>
4591
4592                                         <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>
4593
4594                                 </dl>
4595
4596
4597
4598
4599
4600
4601
4602                     </div>
4603                 </div>
4604
4605             </td>
4606             <td class="msource">
4607
4608                         Roo.Element
4609                 &nbsp;
4610             </td>
4611         </tr>
4612
4613
4614           <tr class="method-row config-row-alt0 expandable notInherited">
4615             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4616
4617
4618             <td class="sig">
4619                 <a id="Roo.Element-method-getRegion"   name=".getRegion"></a>
4620                 <div class="fixedFont">
4621                         <span class="attributes"></span><b class="itemname">getRegion</b>
4622
4623                                  ()
4624
4625
4626                                          :
4627
4628
4629                                                 Region
4630
4631
4632
4633
4634
4635                 </div>
4636                 <div class="mdesc">
4637
4638                    <div class="short">Returns the region of the given element.</div>
4639
4640
4641
4642                     <div class="long">
4643
4644                                 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).
4645
4646
4647
4648
4649
4650
4651
4652
4653
4654
4655                                 <dl class="detailList">
4656                                 <dt class="heading">Returns:</dt>
4657
4658                                         <dd><span class="fixedFont">Region</span>  A Roo.lib.Region containing "top, left, bottom, right" member data.</dd>
4659
4660                                 </dl>
4661
4662
4663
4664
4665
4666
4667
4668                     </div>
4669                 </div>
4670
4671             </td>
4672             <td class="msource">
4673
4674                         Roo.Element
4675                 &nbsp;
4676             </td>
4677         </tr>
4678
4679
4680           <tr class="method-row config-row-alt1 expandable notInherited">
4681             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4682
4683
4684             <td class="sig">
4685                 <a id="Roo.Element-method-getRight"   name=".getRight"></a>
4686                 <div class="fixedFont">
4687                         <span class="attributes"></span><b class="itemname">getRight</b>
4688
4689                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4690
4691
4692                                          :
4693
4694
4695                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4696
4697
4698
4699
4700
4701                 </div>
4702                 <div class="mdesc">
4703
4704                    <div class="short">Gets the right X coordinate of the element (element X position + element width)</div>
4705
4706
4707
4708                     <div class="long">
4709
4710                                 Gets the right X coordinate of the element (element X position + element width)
4711
4712
4713
4714
4715
4716
4717                                 <dl class="detailList">
4718                                 <dt class="heading">Parameters:</dt>
4719
4720                                         <dt>
4721                                                 <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>
4722
4723                                         </dt>
4724                                         <dd>True to get the local css position instead of page coordinate</dd>
4725
4726                                 </dl>
4727
4728
4729
4730
4731
4732                                 <dl class="detailList">
4733                                 <dt class="heading">Returns:</dt>
4734
4735                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4736
4737                                 </dl>
4738
4739
4740
4741
4742
4743
4744
4745                     </div>
4746                 </div>
4747
4748             </td>
4749             <td class="msource">
4750
4751                         Roo.Element
4752                 &nbsp;
4753             </td>
4754         </tr>
4755
4756
4757           <tr class="method-row config-row-alt0 expandable notInherited">
4758             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4759
4760
4761             <td class="sig">
4762                 <a id="Roo.Element-method-getScroll"   name=".getScroll"></a>
4763                 <div class="fixedFont">
4764                         <span class="attributes"></span><b class="itemname">getScroll</b>
4765
4766                                  ()
4767
4768
4769                                          :
4770
4771
4772                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4773
4774
4775
4776
4777
4778                 </div>
4779                 <div class="mdesc">
4780
4781                    <div class="short">Returns the current scroll position of the element.</div>
4782
4783
4784
4785                     <div class="long">
4786
4787                                 Returns the current scroll position of the element.
4788
4789
4790
4791
4792
4793
4794
4795
4796
4797
4798                                 <dl class="detailList">
4799                                 <dt class="heading">Returns:</dt>
4800
4801                                         <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>
4802
4803                                 </dl>
4804
4805
4806
4807
4808
4809
4810
4811                     </div>
4812                 </div>
4813
4814             </td>
4815             <td class="msource">
4816
4817                         Roo.Element
4818                 &nbsp;
4819             </td>
4820         </tr>
4821
4822
4823           <tr class="method-row config-row-alt1 expandable notInherited">
4824             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4825
4826
4827             <td class="sig">
4828                 <a id="Roo.Element-method-getSize"   name=".getSize"></a>
4829                 <div class="fixedFont">
4830                         <span class="attributes"></span><b class="itemname">getSize</b>
4831
4832                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentSize</i></B>)
4833
4834
4835                                          :
4836
4837
4838                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4839
4840
4841
4842
4843
4844                 </div>
4845                 <div class="mdesc">
4846
4847                    <div class="short">Returns the size of the element.</div>
4848
4849
4850
4851                     <div class="long">
4852
4853                                 Returns the size of the element.
4854
4855
4856
4857
4858
4859
4860                                 <dl class="detailList">
4861                                 <dt class="heading">Parameters:</dt>
4862
4863                                         <dt>
4864                                                 <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>
4865
4866                                         </dt>
4867                                         <dd>(optional) true to get the width/size minus borders and padding</dd>
4868
4869                                 </dl>
4870
4871
4872
4873
4874
4875                                 <dl class="detailList">
4876                                 <dt class="heading">Returns:</dt>
4877
4878                                         <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>
4879
4880                                 </dl>
4881
4882
4883
4884
4885
4886
4887
4888                     </div>
4889                 </div>
4890
4891             </td>
4892             <td class="msource">
4893
4894                         Roo.Element
4895                 &nbsp;
4896             </td>
4897         </tr>
4898
4899
4900           <tr class="method-row config-row-alt0 expandable notInherited">
4901             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4902
4903
4904             <td class="sig">
4905                 <a id="Roo.Element-method-getStyle"   name=".getStyle"></a>
4906                 <div class="fixedFont">
4907                         <span class="attributes"></span><b class="itemname">getStyle</b>
4908
4909                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>property</i></B>)
4910
4911
4912                                          :
4913
4914
4915                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
4916
4917
4918
4919
4920
4921                 </div>
4922                 <div class="mdesc">
4923
4924                    <div class="short">Normalizes currentStyle and computedStyle.</div>
4925
4926
4927
4928                     <div class="long">
4929
4930                                 Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.
4931
4932
4933
4934
4935
4936
4937                                 <dl class="detailList">
4938                                 <dt class="heading">Parameters:</dt>
4939
4940                                         <dt>
4941                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>property</b>
4942
4943                                         </dt>
4944                                         <dd>The style property whose value is returned.</dd>
4945
4946                                 </dl>
4947
4948
4949
4950
4951
4952                                 <dl class="detailList">
4953                                 <dt class="heading">Returns:</dt>
4954
4955                                         <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>
4956
4957                                 </dl>
4958
4959
4960
4961
4962
4963
4964
4965                     </div>
4966                 </div>
4967
4968             </td>
4969             <td class="msource">
4970
4971                         Roo.Element
4972                 &nbsp;
4973             </td>
4974         </tr>
4975
4976
4977           <tr class="method-row config-row-alt1 expandable notInherited">
4978             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4979
4980
4981             <td class="sig">
4982                 <a id="Roo.Element-method-getStyles"   name=".getStyles"></a>
4983                 <div class="fixedFont">
4984                         <span class="attributes"></span><b class="itemname">getStyles</b>
4985
4986                                  (<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>)
4987
4988
4989                                          :
4990
4991
4992                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4993
4994
4995
4996
4997
4998                 </div>
4999                 <div class="mdesc">
5000
5001                    <div class="short">Returns an object with properties matching the styles requested.</div>
5002
5003
5004
5005                     <div class="long">
5006
5007                                 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'}.
5008
5009
5010
5011
5012
5013
5014                                 <dl class="detailList">
5015                                 <dt class="heading">Parameters:</dt>
5016
5017                                         <dt>
5018                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>style1</b>
5019
5020                                         </dt>
5021                                         <dd>A style name</dd>
5022
5023                                         <dt>
5024                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>style2</b>
5025
5026                                         </dt>
5027                                         <dd>A style name</dd>
5028
5029                                         <dt>
5030                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>etc.</b>
5031
5032                                         </dt>
5033                                         <dd></dd>
5034
5035                                 </dl>
5036
5037
5038
5039
5040
5041                                 <dl class="detailList">
5042                                 <dt class="heading">Returns:</dt>
5043
5044                                         <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>
5045
5046                                 </dl>
5047
5048
5049
5050
5051
5052
5053
5054                     </div>
5055                 </div>
5056
5057             </td>
5058             <td class="msource">
5059
5060                         Roo.Element
5061                 &nbsp;
5062             </td>
5063         </tr>
5064
5065
5066           <tr class="method-row config-row-alt0 expandable notInherited">
5067             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5068
5069
5070             <td class="sig">
5071                 <a id="Roo.Element-method-getTop"   name=".getTop"></a>
5072                 <div class="fixedFont">
5073                         <span class="attributes"></span><b class="itemname">getTop</b>
5074
5075                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
5076
5077
5078                                          :
5079
5080
5081                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5082
5083
5084
5085
5086
5087                 </div>
5088                 <div class="mdesc">
5089
5090                    <div class="short">Gets the top Y coordinate</div>
5091
5092
5093
5094                     <div class="long">
5095
5096                                 Gets the top Y coordinate
5097
5098
5099
5100
5101
5102
5103                                 <dl class="detailList">
5104                                 <dt class="heading">Parameters:</dt>
5105
5106                                         <dt>
5107                                                 <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>
5108
5109                                         </dt>
5110                                         <dd>True to get the local css position instead of page coordinate</dd>
5111
5112                                 </dl>
5113
5114
5115
5116
5117
5118                                 <dl class="detailList">
5119                                 <dt class="heading">Returns:</dt>
5120
5121                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
5122
5123                                 </dl>
5124
5125
5126
5127
5128
5129
5130
5131                     </div>
5132                 </div>
5133
5134             </td>
5135             <td class="msource">
5136
5137                         Roo.Element
5138                 &nbsp;
5139             </td>
5140         </tr>
5141
5142
5143           <tr class="method-row config-row-alt1 expandable notInherited">
5144             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5145
5146
5147             <td class="sig">
5148                 <a id="Roo.Element-method-getUpdateManager"   name=".getUpdateManager"></a>
5149                 <div class="fixedFont">
5150                         <span class="attributes"></span><b class="itemname">getUpdateManager</b>
5151
5152                                  ()
5153
5154
5155                                          :
5156
5157
5158                                                 <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>
5159
5160
5161
5162
5163
5164                 </div>
5165                 <div class="mdesc">
5166
5167                    <div class="short">Gets this element's UpdateManager</div>
5168
5169
5170
5171                     <div class="long">
5172
5173                                 Gets this element's UpdateManager
5174
5175
5176
5177
5178
5179
5180
5181
5182
5183
5184                                 <dl class="detailList">
5185                                 <dt class="heading">Returns:</dt>
5186
5187                                         <dd><span class="fixedFont"><a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a></span>  The UpdateManager</dd>
5188
5189                                 </dl>
5190
5191
5192
5193
5194
5195
5196
5197                     </div>
5198                 </div>
5199
5200             </td>
5201             <td class="msource">
5202
5203                         Roo.Element
5204                 &nbsp;
5205             </td>
5206         </tr>
5207
5208
5209           <tr class="method-row config-row-alt0 expandable notInherited">
5210             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5211
5212
5213             <td class="sig">
5214                 <a id="Roo.Element-method-getValue"   name=".getValue"></a>
5215                 <div class="fixedFont">
5216                         <span class="attributes"></span><b class="itemname">getValue</b>
5217
5218                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asNumber</i></B>)
5219
5220
5221                                          :
5222
5223
5224                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number
5225
5226
5227
5228
5229
5230                 </div>
5231                 <div class="mdesc">
5232
5233                    <div class="short">Returns the value of the "value" attribute</div>
5234
5235
5236
5237                     <div class="long">
5238
5239                                 Returns the value of the "value" attribute
5240
5241
5242
5243
5244
5245
5246                                 <dl class="detailList">
5247                                 <dt class="heading">Parameters:</dt>
5248
5249                                         <dt>
5250                                                 <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>
5251
5252                                         </dt>
5253                                         <dd>true to parse the value as a number</dd>
5254
5255                                 </dl>
5256
5257
5258
5259
5260
5261                                 <dl class="detailList">
5262                                 <dt class="heading">Returns:</dt>
5263
5264                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  </dd>
5265
5266                                 </dl>
5267
5268
5269
5270
5271
5272
5273
5274                     </div>
5275                 </div>
5276
5277             </td>
5278             <td class="msource">
5279
5280                         Roo.Element
5281                 &nbsp;
5282             </td>
5283         </tr>
5284
5285
5286           <tr class="method-row config-row-alt1 expandable notInherited">
5287             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5288
5289
5290             <td class="sig">
5291                 <a id="Roo.Element-method-getViewSize"   name=".getViewSize"></a>
5292                 <div class="fixedFont">
5293                         <span class="attributes"></span><b class="itemname">getViewSize</b>
5294
5295                                  ()
5296
5297
5298                                          :
5299
5300
5301                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5302
5303
5304
5305
5306
5307                 </div>
5308                 <div class="mdesc">
5309
5310                    <div class="short">Returns the width and height of the viewport.</div>
5311
5312
5313
5314                     <div class="long">
5315
5316                                 Returns the width and height of the viewport.
5317
5318
5319
5320
5321
5322
5323
5324
5325
5326
5327                                 <dl class="detailList">
5328                                 <dt class="heading">Returns:</dt>
5329
5330                                         <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>
5331
5332                                 </dl>
5333
5334
5335
5336
5337
5338
5339
5340                     </div>
5341                 </div>
5342
5343             </td>
5344             <td class="msource">
5345
5346                         Roo.Element
5347                 &nbsp;
5348             </td>
5349         </tr>
5350
5351
5352           <tr class="method-row config-row-alt0 expandable notInherited">
5353             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5354
5355
5356             <td class="sig">
5357                 <a id="Roo.Element-method-getWidth"   name=".getWidth"></a>
5358                 <div class="fixedFont">
5359                         <span class="attributes"></span><b class="itemname">getWidth</b>
5360
5361                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentWidth</i></B>)
5362
5363
5364                                          :
5365
5366
5367                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5368
5369
5370
5371
5372
5373                 </div>
5374                 <div class="mdesc">
5375
5376                    <div class="short">Returns the offset width of the element</div>
5377
5378
5379
5380                     <div class="long">
5381
5382                                 Returns the offset width of the element
5383
5384
5385
5386
5387
5388
5389                                 <dl class="detailList">
5390                                 <dt class="heading">Parameters:</dt>
5391
5392                                         <dt>
5393                                                 <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>
5394
5395                                         </dt>
5396                                         <dd>(optional) true to get the width minus borders and padding</dd>
5397
5398                                 </dl>
5399
5400
5401
5402
5403
5404                                 <dl class="detailList">
5405                                 <dt class="heading">Returns:</dt>
5406
5407                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The element's width</dd>
5408
5409                                 </dl>
5410
5411
5412
5413
5414
5415
5416
5417                     </div>
5418                 </div>
5419
5420             </td>
5421             <td class="msource">
5422
5423                         Roo.Element
5424                 &nbsp;
5425             </td>
5426         </tr>
5427
5428
5429           <tr class="method-row config-row-alt1 expandable notInherited">
5430             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5431
5432
5433             <td class="sig">
5434                 <a id="Roo.Element-method-getX"   name=".getX"></a>
5435                 <div class="fixedFont">
5436                         <span class="attributes"></span><b class="itemname">getX</b>
5437
5438                                  ()
5439
5440
5441                                          :
5442
5443
5444                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5445
5446
5447
5448
5449
5450                 </div>
5451                 <div class="mdesc">
5452
5453                    <div class="short">Gets the current X position of the element based on page coordinates.</div>
5454
5455
5456
5457                     <div class="long">
5458
5459                                 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).
5460
5461
5462
5463
5464
5465
5466
5467
5468
5469
5470                                 <dl class="detailList">
5471                                 <dt class="heading">Returns:</dt>
5472
5473                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The X position of the element</dd>
5474
5475                                 </dl>
5476
5477
5478
5479
5480
5481
5482
5483                     </div>
5484                 </div>
5485
5486             </td>
5487             <td class="msource">
5488
5489                         Roo.Element
5490                 &nbsp;
5491             </td>
5492         </tr>
5493
5494
5495           <tr class="method-row config-row-alt0 expandable notInherited">
5496             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5497
5498
5499             <td class="sig">
5500                 <a id="Roo.Element-method-getXY"   name=".getXY"></a>
5501                 <div class="fixedFont">
5502                         <span class="attributes"></span><b class="itemname">getXY</b>
5503
5504                                  ()
5505
5506
5507                                          :
5508
5509
5510                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
5511
5512
5513
5514
5515
5516                 </div>
5517                 <div class="mdesc">
5518
5519                    <div class="short">Gets the current position of the element based on page coordinates.</div>
5520
5521
5522
5523                     <div class="long">
5524
5525                                 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).
5526
5527
5528
5529
5530
5531
5532
5533
5534
5535
5536                                 <dl class="detailList">
5537                                 <dt class="heading">Returns:</dt>
5538
5539                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The XY position of the element</dd>
5540
5541                                 </dl>
5542
5543
5544
5545
5546
5547
5548
5549                     </div>
5550                 </div>
5551
5552             </td>
5553             <td class="msource">
5554
5555                         Roo.Element
5556                 &nbsp;
5557             </td>
5558         </tr>
5559
5560
5561           <tr class="method-row config-row-alt1 expandable notInherited">
5562             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5563
5564
5565             <td class="sig">
5566                 <a id="Roo.Element-method-getY"   name=".getY"></a>
5567                 <div class="fixedFont">
5568                         <span class="attributes"></span><b class="itemname">getY</b>
5569
5570                                  ()
5571
5572
5573                                          :
5574
5575
5576                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5577
5578
5579
5580
5581
5582                 </div>
5583                 <div class="mdesc">
5584
5585                    <div class="short">Gets the current Y position of the element based on page coordinates.</div>
5586
5587
5588
5589                     <div class="long">
5590
5591                                 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).
5592
5593
5594
5595
5596
5597
5598
5599
5600
5601
5602                                 <dl class="detailList">
5603                                 <dt class="heading">Returns:</dt>
5604
5605                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The Y position of the element</dd>
5606
5607                                 </dl>
5608
5609
5610
5611
5612
5613
5614
5615                     </div>
5616                 </div>
5617
5618             </td>
5619             <td class="msource">
5620
5621                         Roo.Element
5622                 &nbsp;
5623             </td>
5624         </tr>
5625
5626
5627           <tr class="method-row config-row-alt0 expandable notInherited">
5628             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5629
5630
5631             <td class="sig">
5632                 <a id="Roo.Element-method-hasClass"   name=".hasClass"></a>
5633                 <div class="fixedFont">
5634                         <span class="attributes"></span><b class="itemname">hasClass</b>
5635
5636                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
5637
5638
5639                                          :
5640
5641
5642                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5643
5644
5645
5646
5647
5648                 </div>
5649                 <div class="mdesc">
5650
5651                    <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div>
5652
5653
5654
5655                     <div class="long">
5656
5657                                 Checks if the specified CSS class exists on this element's DOM node.
5658
5659
5660
5661
5662
5663
5664                                 <dl class="detailList">
5665                                 <dt class="heading">Parameters:</dt>
5666
5667                                         <dt>
5668                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
5669
5670                                         </dt>
5671                                         <dd>The CSS class to check for</dd>
5672
5673                                 </dl>
5674
5675
5676
5677
5678
5679                                 <dl class="detailList">
5680                                 <dt class="heading">Returns:</dt>
5681
5682                                         <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>
5683
5684                                 </dl>
5685
5686
5687
5688
5689
5690
5691
5692                     </div>
5693                 </div>
5694
5695             </td>
5696             <td class="msource">
5697
5698                         Roo.Element
5699                 &nbsp;
5700             </td>
5701         </tr>
5702
5703
5704           <tr class="method-row config-row-alt1 expandable notInherited">
5705             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5706
5707
5708             <td class="sig">
5709                 <a id="Roo.Element-method-hide"   name=".hide"></a>
5710                 <div class="fixedFont">
5711                         <span class="attributes"></span><b class="itemname">hide</b>
5712
5713                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
5714
5715
5716                                          :
5717
5718
5719                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5720
5721
5722
5723
5724
5725                 </div>
5726                 <div class="mdesc">
5727
5728                    <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility".</div>
5729
5730
5731
5732                     <div class="long">
5733
5734                                 Hide this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
5735
5736
5737
5738
5739
5740
5741                                 <dl class="detailList">
5742                                 <dt class="heading">Parameters:</dt>
5743
5744                                         <dt>
5745                                                 <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>
5746
5747                                         </dt>
5748                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
5749
5750                                 </dl>
5751
5752
5753
5754
5755
5756                                 <dl class="detailList">
5757                                 <dt class="heading">Returns:</dt>
5758
5759                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
5760
5761                                 </dl>
5762
5763
5764
5765
5766
5767
5768
5769                     </div>
5770                 </div>
5771
5772             </td>
5773             <td class="msource">
5774
5775                         Roo.Element
5776                 &nbsp;
5777             </td>
5778         </tr>
5779
5780
5781           <tr class="method-row config-row-alt0 expandable notInherited">
5782             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5783
5784
5785             <td class="sig">
5786                 <a id="Roo.Element-method-initDD"   name=".initDD"></a>
5787                 <div class="fixedFont">
5788                         <span class="attributes"></span><b class="itemname">initDD</b>
5789
5790                                  (<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>)
5791
5792
5793                                          :
5794
5795
5796                                                 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
5797
5798
5799
5800
5801
5802                 </div>
5803                 <div class="mdesc">
5804
5805                    <div class="short">Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.</div>
5806
5807
5808
5809                     <div class="long">
5810
5811                                 Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.
5812
5813
5814
5815
5816
5817
5818                                 <dl class="detailList">
5819                                 <dt class="heading">Parameters:</dt>
5820
5821                                         <dt>
5822                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5823
5824                                         </dt>
5825                                         <dd>The group the DD object is member of</dd>
5826
5827                                         <dt>
5828                                                 <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>
5829
5830                                         </dt>
5831                                         <dd>The DD config object</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>overrides</b>
5835
5836                                         </dt>
5837                                         <dd>An object containing methods to override/implement on the DD object</dd>
5838
5839                                 </dl>
5840
5841
5842
5843
5844
5845                                 <dl class="detailList">
5846                                 <dt class="heading">Returns:</dt>
5847
5848                                         <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>
5849
5850                                 </dl>
5851
5852
5853
5854
5855
5856
5857
5858                     </div>
5859                 </div>
5860
5861             </td>
5862             <td class="msource">
5863
5864                         Roo.Element
5865                 &nbsp;
5866             </td>
5867         </tr>
5868
5869
5870           <tr class="method-row config-row-alt1 expandable notInherited">
5871             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5872
5873
5874             <td class="sig">
5875                 <a id="Roo.Element-method-initDDProxy"   name=".initDDProxy"></a>
5876                 <div class="fixedFont">
5877                         <span class="attributes"></span><b class="itemname">initDDProxy</b>
5878
5879                                  (<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>)
5880
5881
5882                                          :
5883
5884
5885                                                 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
5886
5887
5888
5889
5890
5891                 </div>
5892                 <div class="mdesc">
5893
5894                    <div class="short">Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.</div>
5895
5896
5897
5898                     <div class="long">
5899
5900                                 Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.
5901
5902
5903
5904
5905
5906
5907                                 <dl class="detailList">
5908                                 <dt class="heading">Parameters:</dt>
5909
5910                                         <dt>
5911                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5912
5913                                         </dt>
5914                                         <dd>The group the DDProxy object is member of</dd>
5915
5916                                         <dt>
5917                                                 <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>
5918
5919                                         </dt>
5920                                         <dd>The DDProxy config object</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>overrides</b>
5924
5925                                         </dt>
5926                                         <dd>An object containing methods to override/implement on the DDProxy object</dd>
5927
5928                                 </dl>
5929
5930
5931
5932
5933
5934                                 <dl class="detailList">
5935                                 <dt class="heading">Returns:</dt>
5936
5937                                         <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>
5938
5939                                 </dl>
5940
5941
5942
5943
5944
5945
5946
5947                     </div>
5948                 </div>
5949
5950             </td>
5951             <td class="msource">
5952
5953                         Roo.Element
5954                 &nbsp;
5955             </td>
5956         </tr>
5957
5958
5959           <tr class="method-row config-row-alt0 expandable notInherited">
5960             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5961
5962
5963             <td class="sig">
5964                 <a id="Roo.Element-method-initDDTarget"   name=".initDDTarget"></a>
5965                 <div class="fixedFont">
5966                         <span class="attributes"></span><b class="itemname">initDDTarget</b>
5967
5968                                  (<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>)
5969
5970
5971                                          :
5972
5973
5974                                                 <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>
5975
5976
5977
5978
5979
5980                 </div>
5981                 <div class="mdesc">
5982
5983                    <div class="short">Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.</div>
5984
5985
5986
5987                     <div class="long">
5988
5989                                 Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.
5990
5991
5992
5993
5994
5995
5996                                 <dl class="detailList">
5997                                 <dt class="heading">Parameters:</dt>
5998
5999                                         <dt>
6000                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
6001
6002                                         </dt>
6003                                         <dd>The group the DDTarget object is member of</dd>
6004
6005                                         <dt>
6006                                                 <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>
6007
6008                                         </dt>
6009                                         <dd>The DDTarget config object</dd>
6010
6011                                         <dt>
6012                                                 <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>
6013
6014                                         </dt>
6015                                         <dd>An object containing methods to override/implement on the DDTarget object</dd>
6016
6017                                 </dl>
6018
6019
6020
6021
6022
6023                                 <dl class="detailList">
6024                                 <dt class="heading">Returns:</dt>
6025
6026                                         <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>
6027
6028                                 </dl>
6029
6030
6031
6032
6033
6034
6035
6036                     </div>
6037                 </div>
6038
6039             </td>
6040             <td class="msource">
6041
6042                         Roo.Element
6043                 &nbsp;
6044             </td>
6045         </tr>
6046
6047
6048           <tr class="method-row config-row-alt1 expandable notInherited">
6049             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6050
6051
6052             <td class="sig">
6053                 <a id="Roo.Element-method-insertAfter"   name=".insertAfter"></a>
6054                 <div class="fixedFont">
6055                         <span class="attributes"></span><b class="itemname">insertAfter</b>
6056
6057                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6058
6059
6060                                          :
6061
6062
6063                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6064
6065
6066
6067
6068
6069                 </div>
6070                 <div class="mdesc">
6071
6072                    <div class="short">Inserts this element after the passed element in the DOM</div>
6073
6074
6075
6076                     <div class="long">
6077
6078                                 Inserts this element after the passed element in the DOM
6079
6080
6081
6082
6083
6084
6085                                 <dl class="detailList">
6086                                 <dt class="heading">Parameters:</dt>
6087
6088                                         <dt>
6089                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
6090
6091                                         </dt>
6092                                         <dd>The element to insert after</dd>
6093
6094                                 </dl>
6095
6096
6097
6098
6099
6100                                 <dl class="detailList">
6101                                 <dt class="heading">Returns:</dt>
6102
6103                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6104
6105                                 </dl>
6106
6107
6108
6109
6110
6111
6112
6113                     </div>
6114                 </div>
6115
6116             </td>
6117             <td class="msource">
6118
6119                         Roo.Element
6120                 &nbsp;
6121             </td>
6122         </tr>
6123
6124
6125           <tr class="method-row config-row-alt0 expandable notInherited">
6126             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6127
6128
6129             <td class="sig">
6130                 <a id="Roo.Element-method-insertBefore"   name=".insertBefore"></a>
6131                 <div class="fixedFont">
6132                         <span class="attributes"></span><b class="itemname">insertBefore</b>
6133
6134                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6135
6136
6137                                          :
6138
6139
6140                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6141
6142
6143
6144
6145
6146                 </div>
6147                 <div class="mdesc">
6148
6149                    <div class="short">Inserts this element before the passed element in the DOM</div>
6150
6151
6152
6153                     <div class="long">
6154
6155                                 Inserts this element before the passed element in the DOM
6156
6157
6158
6159
6160
6161
6162                                 <dl class="detailList">
6163                                 <dt class="heading">Parameters:</dt>
6164
6165                                         <dt>
6166                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
6167
6168                                         </dt>
6169                                         <dd>The element to insert before</dd>
6170
6171                                 </dl>
6172
6173
6174
6175
6176
6177                                 <dl class="detailList">
6178                                 <dt class="heading">Returns:</dt>
6179
6180                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6181
6182                                 </dl>
6183
6184
6185
6186
6187
6188
6189
6190                     </div>
6191                 </div>
6192
6193             </td>
6194             <td class="msource">
6195
6196                         Roo.Element
6197                 &nbsp;
6198             </td>
6199         </tr>
6200
6201
6202           <tr class="method-row config-row-alt1 expandable notInherited">
6203             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6204
6205
6206             <td class="sig">
6207                 <a id="Roo.Element-method-insertFirst"   name=".insertFirst"></a>
6208                 <div class="fixedFont">
6209                         <span class="attributes"></span><b class="itemname">insertFirst</b>
6210
6211                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>)
6212
6213
6214                                          :
6215
6216
6217                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6218
6219
6220
6221
6222
6223                 </div>
6224                 <div class="mdesc">
6225
6226                    <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of the this element</div>
6227
6228
6229
6230                     <div class="long">
6231
6232                                 Inserts (or creates) an element (or DomHelper config) as the first child of the this element
6233
6234
6235
6236
6237
6238
6239                                 <dl class="detailList">
6240                                 <dt class="heading">Parameters:</dt>
6241
6242                                         <dt>
6243                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span>  <b>el</b>
6244
6245                                         </dt>
6246                                         <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6247
6248                                 </dl>
6249
6250
6251
6252
6253
6254                                 <dl class="detailList">
6255                                 <dt class="heading">Returns:</dt>
6256
6257                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The new child</dd>
6258
6259                                 </dl>
6260
6261
6262
6263
6264
6265
6266
6267                     </div>
6268                 </div>
6269
6270             </td>
6271             <td class="msource">
6272
6273                         Roo.Element
6274                 &nbsp;
6275             </td>
6276         </tr>
6277
6278
6279           <tr class="method-row config-row-alt0 expandable notInherited">
6280             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6281
6282
6283             <td class="sig">
6284                 <a id="Roo.Element-method-insertHtml"   name=".insertHtml"></a>
6285                 <div class="fixedFont">
6286                         <span class="attributes"></span><b class="itemname">insertHtml</b>
6287
6288                                  (<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>)
6289
6290
6291                                          :
6292
6293
6294                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
6295
6296
6297
6298
6299
6300                 </div>
6301                 <div class="mdesc">
6302
6303                    <div class="short">Inserts an html fragment into this element</div>
6304
6305
6306
6307                     <div class="long">
6308
6309                                 Inserts an html fragment into this element
6310
6311
6312
6313
6314
6315
6316                                 <dl class="detailList">
6317                                 <dt class="heading">Parameters:</dt>
6318
6319                                         <dt>
6320                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
6321
6322                                         </dt>
6323                                         <dd>Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
6324
6325                                         <dt>
6326                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
6327
6328                                         </dt>
6329                                         <dd>The HTML fragment</dd>
6330
6331                                         <dt>
6332                                                 <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>
6333
6334                                         </dt>
6335                                         <dd>True to return an Roo.Element</dd>
6336
6337                                 </dl>
6338
6339
6340
6341
6342
6343                                 <dl class="detailList">
6344                                 <dt class="heading">Returns:</dt>
6345
6346                                         <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>
6347
6348                                 </dl>
6349
6350
6351
6352
6353
6354
6355
6356                     </div>
6357                 </div>
6358
6359             </td>
6360             <td class="msource">
6361
6362                         Roo.Element
6363                 &nbsp;
6364             </td>
6365         </tr>
6366
6367
6368           <tr class="method-row config-row-alt1 expandable notInherited">
6369             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6370
6371
6372             <td class="sig">
6373                 <a id="Roo.Element-method-insertSibling"   name=".insertSibling"></a>
6374                 <div class="fixedFont">
6375                         <span class="attributes"></span><b class="itemname">insertSibling</b>
6376
6377                                  (<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>)
6378
6379
6380                                          :
6381
6382
6383                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6384
6385
6386
6387
6388
6389                 </div>
6390                 <div class="mdesc">
6391
6392                    <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div>
6393
6394
6395
6396                     <div class="long">
6397
6398                                 Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element
6399
6400
6401
6402
6403
6404
6405                                 <dl class="detailList">
6406                                 <dt class="heading">Parameters:</dt>
6407
6408                                         <dt>
6409                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span>  <b>el</b>
6410
6411                                         </dt>
6412                                         <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6413
6414                                         <dt>
6415                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
6416
6417                                         </dt>
6418                                         <dd>(optional) 'before' or 'after' defaults to before</dd>
6419
6420                                         <dt>
6421                                                 <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>
6422
6423                                         </dt>
6424                                         <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
6425
6426                                 </dl>
6427
6428
6429
6430
6431
6432                                 <dl class="detailList">
6433                                 <dt class="heading">Returns:</dt>
6434
6435                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  the inserted Element</dd>
6436
6437                                 </dl>
6438
6439
6440
6441
6442
6443
6444
6445                     </div>
6446                 </div>
6447
6448             </td>
6449             <td class="msource">
6450
6451                         Roo.Element
6452                 &nbsp;
6453             </td>
6454         </tr>
6455
6456
6457           <tr class="method-row config-row-alt0 expandable notInherited">
6458             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6459
6460
6461             <td class="sig">
6462                 <a id="Roo.Element-method-is"   name=".is"></a>
6463                 <div class="fixedFont">
6464                         <span class="attributes"></span><b class="itemname">is</b>
6465
6466                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
6467
6468
6469                                          :
6470
6471
6472                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6473
6474
6475
6476
6477
6478                 </div>
6479                 <div class="mdesc">
6480
6481                    <div class="short">Returns true if this element matches the passed simple selector (e.g.</div>
6482
6483
6484
6485                     <div class="long">
6486
6487                                 Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)
6488
6489
6490
6491
6492
6493
6494                                 <dl class="detailList">
6495                                 <dt class="heading">Parameters:</dt>
6496
6497                                         <dt>
6498                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
6499
6500                                         </dt>
6501                                         <dd>The simple selector to test</dd>
6502
6503                                 </dl>
6504
6505
6506
6507
6508
6509                                 <dl class="detailList">
6510                                 <dt class="heading">Returns:</dt>
6511
6512                                         <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>
6513
6514                                 </dl>
6515
6516
6517
6518
6519
6520
6521
6522                     </div>
6523                 </div>
6524
6525             </td>
6526             <td class="msource">
6527
6528                         Roo.Element
6529                 &nbsp;
6530             </td>
6531         </tr>
6532
6533
6534           <tr class="method-row config-row-alt1 expandable notInherited">
6535             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6536
6537
6538             <td class="sig">
6539                 <a id="Roo.Element-method-isBorderBox"   name=".isBorderBox"></a>
6540                 <div class="fixedFont">
6541                         <span class="attributes"></span><b class="itemname">isBorderBox</b>
6542
6543                                  ()
6544
6545
6546                                          :
6547
6548
6549                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6550
6551
6552
6553
6554
6555                 </div>
6556                 <div class="mdesc">
6557
6558                    <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div>
6559
6560
6561
6562                     <div class="long">
6563
6564                                 Tests various css rules/browsers to determine if this element uses a border box
6565
6566
6567
6568
6569
6570
6571
6572
6573
6574
6575                                 <dl class="detailList">
6576                                 <dt class="heading">Returns:</dt>
6577
6578                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6579
6580                                 </dl>
6581
6582
6583
6584
6585
6586
6587
6588                     </div>
6589                 </div>
6590
6591             </td>
6592             <td class="msource">
6593
6594                         Roo.Element
6595                 &nbsp;
6596             </td>
6597         </tr>
6598
6599
6600           <tr class="method-row config-row-alt0 expandable notInherited">
6601             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6602
6603
6604             <td class="sig">
6605                 <a id="Roo.Element-method-isDisplayed"   name=".isDisplayed"></a>
6606                 <div class="fixedFont">
6607                         <span class="attributes"></span><b class="itemname">isDisplayed</b>
6608
6609                                  ()
6610
6611
6612                                          :
6613
6614
6615                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6616
6617
6618
6619
6620
6621                 </div>
6622                 <div class="mdesc">
6623
6624                    <div class="short">Returns true if display is not "none"</div>
6625
6626
6627
6628                     <div class="long">
6629
6630                                 Returns true if display is not "none"
6631
6632
6633
6634
6635
6636
6637
6638
6639
6640
6641                                 <dl class="detailList">
6642                                 <dt class="heading">Returns:</dt>
6643
6644                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6645
6646                                 </dl>
6647
6648
6649
6650
6651
6652
6653
6654                     </div>
6655                 </div>
6656
6657             </td>
6658             <td class="msource">
6659
6660                         Roo.Element
6661                 &nbsp;
6662             </td>
6663         </tr>
6664
6665
6666           <tr class="method-row config-row-alt1 expandable notInherited">
6667             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6668
6669
6670             <td class="sig">
6671                 <a id="Roo.Element-method-isMasked"   name=".isMasked"></a>
6672                 <div class="fixedFont">
6673                         <span class="attributes"></span><b class="itemname">isMasked</b>
6674
6675                                  ()
6676
6677
6678                                          :
6679
6680
6681                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6682
6683
6684
6685
6686
6687                 </div>
6688                 <div class="mdesc">
6689
6690                    <div class="short">Returns true if this element is masked</div>
6691
6692
6693
6694                     <div class="long">
6695
6696                                 Returns true if this element is masked
6697
6698
6699
6700
6701
6702
6703
6704
6705
6706
6707                                 <dl class="detailList">
6708                                 <dt class="heading">Returns:</dt>
6709
6710                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6711
6712                                 </dl>
6713
6714
6715
6716
6717
6718
6719
6720                     </div>
6721                 </div>
6722
6723             </td>
6724             <td class="msource">
6725
6726                         Roo.Element
6727                 &nbsp;
6728             </td>
6729         </tr>
6730
6731
6732           <tr class="method-row config-row-alt0 expandable notInherited">
6733             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6734
6735
6736             <td class="sig">
6737                 <a id="Roo.Element-method-isScrollable"   name=".isScrollable"></a>
6738                 <div class="fixedFont">
6739                         <span class="attributes"></span><b class="itemname">isScrollable</b>
6740
6741                                  ()
6742
6743
6744                                          :
6745
6746
6747                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6748
6749
6750
6751
6752
6753                 </div>
6754                 <div class="mdesc">
6755
6756                    <div class="short">Returns true if this element is scrollable.</div>
6757
6758
6759
6760                     <div class="long">
6761
6762                                 Returns true if this element is scrollable.
6763
6764
6765
6766
6767
6768
6769
6770
6771
6772
6773                                 <dl class="detailList">
6774                                 <dt class="heading">Returns:</dt>
6775
6776                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6777
6778                                 </dl>
6779
6780
6781
6782
6783
6784
6785
6786                     </div>
6787                 </div>
6788
6789             </td>
6790             <td class="msource">
6791
6792                         Roo.Element
6793                 &nbsp;
6794             </td>
6795         </tr>
6796
6797
6798           <tr class="method-row config-row-alt1 expandable notInherited">
6799             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6800
6801
6802             <td class="sig">
6803                 <a id="Roo.Element-method-isVisible"   name=".isVisible"></a>
6804                 <div class="fixedFont">
6805                         <span class="attributes"></span><b class="itemname">isVisible</b>
6806
6807                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>deep</i></B>)
6808
6809
6810                                          :
6811
6812
6813                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6814
6815
6816
6817
6818
6819                 </div>
6820                 <div class="mdesc">
6821
6822                    <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div>
6823
6824
6825
6826                     <div class="long">
6827
6828                                 Checks whether the element is currently visible using both visibility and display properties.
6829
6830
6831
6832
6833
6834
6835                                 <dl class="detailList">
6836                                 <dt class="heading">Parameters:</dt>
6837
6838                                         <dt>
6839                                                 <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>
6840
6841                                         </dt>
6842                                         <dd>(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</dd>
6843
6844                                 </dl>
6845
6846
6847
6848
6849
6850                                 <dl class="detailList">
6851                                 <dt class="heading">Returns:</dt>
6852
6853                                         <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>
6854
6855                                 </dl>
6856
6857
6858
6859
6860
6861
6862
6863                     </div>
6864                 </div>
6865
6866             </td>
6867             <td class="msource">
6868
6869                         Roo.Element
6870                 &nbsp;
6871             </td>
6872         </tr>
6873
6874
6875           <tr class="method-row config-row-alt0 expandable notInherited">
6876             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6877
6878
6879             <td class="sig">
6880                 <a id="Roo.Element-method-load"   name=".load"></a>
6881                 <div class="fixedFont">
6882                         <span class="attributes"></span><b class="itemname">load</b>
6883
6884                                  (<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>)
6885
6886
6887                                          :
6888
6889
6890                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6891
6892
6893
6894
6895
6896                 </div>
6897                 <div class="mdesc">
6898
6899                    <div class="short">Direct access to the UpdateManager update() method (takes the same parameters).</div>
6900
6901
6902
6903                     <div class="long">
6904
6905                                 Direct access to the UpdateManager update() method (takes the same parameters).
6906
6907
6908
6909
6910
6911
6912                                 <dl class="detailList">
6913                                 <dt class="heading">Parameters:</dt>
6914
6915                                         <dt>
6916                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function</span>  <b>url</b>
6917
6918                                         </dt>
6919                                         <dd>The url for this request or a function to call to get the url</dd>
6920
6921                                         <dt>
6922                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>params</b>
6923
6924                                         </dt>
6925                                         <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>
6926
6927                                         <dt>
6928                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
6929
6930                                         </dt>
6931                                         <dd>(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)</dd>
6932
6933                                         <dt>
6934                                                 <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>
6935
6936                                         </dt>
6937                                         <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>
6938
6939                                 </dl>
6940
6941
6942
6943
6944
6945                                 <dl class="detailList">
6946                                 <dt class="heading">Returns:</dt>
6947
6948                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</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-mask"   name=".mask"></a>
6976                 <div class="fixedFont">
6977                         <span class="attributes"></span><b class="itemname">mask</b>
6978
6979                                  (<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>)
6980
6981
6982                                          :
6983
6984
6985                                                 Element
6986
6987
6988
6989
6990
6991                 </div>
6992                 <div class="mdesc">
6993
6994                    <div class="short">Puts a mask over this element to disable user interaction.</div>
6995
6996
6997
6998                     <div class="long">
6999
7000                                 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.
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>msg</b>
7012
7013                                         </dt>
7014                                         <dd>(optional) A message to display in the mask</dd>
7015
7016                                         <dt>
7017                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msgCls</b>
7018
7019                                         </dt>
7020                                         <dd>(optional) A css class to apply to the msg element</dd>
7021
7022                                 </dl>
7023
7024
7025
7026
7027
7028                                 <dl class="detailList">
7029                                 <dt class="heading">Returns:</dt>
7030
7031                                         <dd><span class="fixedFont">Element</span>  The mask  element</dd>
7032
7033                                 </dl>
7034
7035
7036
7037
7038
7039
7040
7041                     </div>
7042                 </div>
7043
7044             </td>
7045             <td class="msource">
7046
7047                         Roo.Element
7048                 &nbsp;
7049             </td>
7050         </tr>
7051
7052
7053           <tr class="method-row config-row-alt0 expandable notInherited">
7054             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7055
7056
7057             <td class="sig">
7058                 <a id="Roo.Element-method-move"   name=".move"></a>
7059                 <div class="fixedFont">
7060                         <span class="attributes"></span><b class="itemname">move</b>
7061
7062                                  (<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>)
7063
7064
7065                                          :
7066
7067
7068                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7069
7070
7071
7072
7073
7074                 </div>
7075                 <div class="mdesc">
7076
7077                    <div class="short">Move this element relative to its current position.</div>
7078
7079
7080
7081                     <div class="long">
7082
7083                                 Move this element relative to its current position.
7084
7085
7086
7087
7088
7089
7090                                 <dl class="detailList">
7091                                 <dt class="heading">Parameters:</dt>
7092
7093                                         <dt>
7094                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>direction</b>
7095
7096                                         </dt>
7097                                         <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
7098
7099                                         <dt>
7100                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>distance</b>
7101
7102                                         </dt>
7103                                         <dd>How far to move the element in pixels</dd>
7104
7105                                         <dt>
7106                                                 <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>
7107
7108                                         </dt>
7109                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
7110
7111                                 </dl>
7112
7113
7114
7115
7116
7117                                 <dl class="detailList">
7118                                 <dt class="heading">Returns:</dt>
7119
7120                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7121
7122                                 </dl>
7123
7124
7125
7126
7127
7128
7129
7130                     </div>
7131                 </div>
7132
7133             </td>
7134             <td class="msource">
7135
7136                         Roo.Element
7137                 &nbsp;
7138             </td>
7139         </tr>
7140
7141
7142           <tr class="method-row config-row-alt1 expandable notInherited">
7143             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7144
7145
7146             <td class="sig">
7147                 <a id="Roo.Element-method-moveTo"   name=".moveTo"></a>
7148                 <div class="fixedFont">
7149                         <span class="attributes"></span><b class="itemname">moveTo</b>
7150
7151                                  (<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>)
7152
7153
7154                                          :
7155
7156
7157                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7158
7159
7160
7161
7162
7163                 </div>
7164                 <div class="mdesc">
7165
7166                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
7167
7168
7169
7170                     <div class="long">
7171
7172                                 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).
7173
7174
7175
7176
7177
7178
7179                                 <dl class="detailList">
7180                                 <dt class="heading">Parameters:</dt>
7181
7182                                         <dt>
7183                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
7184
7185                                         </dt>
7186                                         <dd>X value for new position (coordinates are page-based)</dd>
7187
7188                                         <dt>
7189                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
7190
7191                                         </dt>
7192                                         <dd>Y value for new position (coordinates are page-based)</dd>
7193
7194                                         <dt>
7195                                                 <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>
7196
7197                                         </dt>
7198                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
7199
7200                                 </dl>
7201
7202
7203
7204
7205
7206                                 <dl class="detailList">
7207                                 <dt class="heading">Returns:</dt>
7208
7209                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7210
7211                                 </dl>
7212
7213
7214
7215
7216
7217
7218
7219                     </div>
7220                 </div>
7221
7222             </td>
7223             <td class="msource">
7224
7225                         Roo.Element
7226                 &nbsp;
7227             </td>
7228         </tr>
7229
7230
7231           <tr class="method-row config-row-alt0 expandable notInherited">
7232             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7233
7234
7235             <td class="sig">
7236                 <a id="Roo.Element-method-on"   name=".on"></a>
7237                 <div class="fixedFont">
7238                         <span class="attributes"></span><b class="itemname">on</b>
7239
7240                                  (<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>)
7241
7242
7243
7244                 </div>
7245                 <div class="mdesc">
7246
7247                    <div class="short">Appends an event handler (Shorthand for addListener)</div>
7248
7249
7250
7251                     <div class="long">
7252
7253                                 Appends an event handler (Shorthand for addListener)
7254
7255
7256
7257
7258
7259
7260                                 <dl class="detailList">
7261                                 <dt class="heading">Parameters:</dt>
7262
7263                                         <dt>
7264                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
7265
7266                                         </dt>
7267                                         <dd>The type of event to append</dd>
7268
7269                                         <dt>
7270                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
7271
7272                                         </dt>
7273                                         <dd>The method the event invokes</dd>
7274
7275                                         <dt>
7276                                                 <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>
7277
7278                                         </dt>
7279                                         <dd>(optional) The scope (this object) of the fn</dd>
7280
7281                                         <dt>
7282                                                 <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>
7283
7284                                         </dt>
7285                                         <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
7286
7287                                 </dl>
7288
7289
7290
7291
7292
7293
7294
7295
7296
7297
7298
7299                     </div>
7300                 </div>
7301
7302             </td>
7303             <td class="msource">
7304
7305                         Roo.Element
7306                 &nbsp;
7307             </td>
7308         </tr>
7309
7310
7311           <tr class="method-row config-row-alt1 expandable notInherited">
7312             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7313
7314
7315             <td class="sig">
7316                 <a id="Roo.Element-method-position"   name=".position"></a>
7317                 <div class="fixedFont">
7318                         <span class="attributes"></span><b class="itemname">position</b>
7319
7320                                  (<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>)
7321
7322
7323
7324                 </div>
7325                 <div class="mdesc">
7326
7327                    <div class="short">Initializes positioning on this element.</div>
7328
7329
7330
7331                     <div class="long">
7332
7333                                 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.
7334
7335
7336
7337
7338
7339
7340                                 <dl class="detailList">
7341                                 <dt class="heading">Parameters:</dt>
7342
7343                                         <dt>
7344                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>pos</b>
7345
7346                                         </dt>
7347                                         <dd>(optional) Positioning to use "relative", "absolute" or "fixed"</dd>
7348
7349                                         <dt>
7350                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>zIndex</b>
7351
7352                                         </dt>
7353                                         <dd>(optional) The zIndex to apply</dd>
7354
7355                                         <dt>
7356                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
7357
7358                                         </dt>
7359                                         <dd>(optional) Set the page X position</dd>
7360
7361                                         <dt>
7362                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
7363
7364                                         </dt>
7365                                         <dd>(optional) Set the page Y position</dd>
7366
7367                                 </dl>
7368
7369
7370
7371
7372
7373
7374
7375
7376
7377
7378
7379                     </div>
7380                 </div>
7381
7382             </td>
7383             <td class="msource">
7384
7385                         Roo.Element
7386                 &nbsp;
7387             </td>
7388         </tr>
7389
7390
7391           <tr class="method-row config-row-alt0 expandable notInherited">
7392             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7393
7394
7395             <td class="sig">
7396                 <a id="Roo.Element-method-query"   name=".query"></a>
7397                 <div class="fixedFont">
7398                         <span class="attributes"></span><b class="itemname">query</b>
7399
7400                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
7401
7402
7403                                          :
7404
7405
7406                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
7407
7408
7409
7410
7411
7412                 </div>
7413                 <div class="mdesc">
7414
7415                    <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div>
7416
7417
7418
7419                     <div class="long">
7420
7421                                 Selects child nodes based on the passed CSS selector (the selector should not contain an id).
7422
7423
7424
7425
7426
7427
7428                                 <dl class="detailList">
7429                                 <dt class="heading">Parameters:</dt>
7430
7431                                         <dt>
7432                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
7433
7434                                         </dt>
7435                                         <dd>The CSS selector</dd>
7436
7437                                 </dl>
7438
7439
7440
7441
7442
7443                                 <dl class="detailList">
7444                                 <dt class="heading">Returns:</dt>
7445
7446                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  An array of the matched nodes</dd>
7447
7448                                 </dl>
7449
7450
7451
7452
7453
7454
7455
7456                     </div>
7457                 </div>
7458
7459             </td>
7460             <td class="msource">
7461
7462                         Roo.Element
7463                 &nbsp;
7464             </td>
7465         </tr>
7466
7467
7468           <tr class="method-row config-row-alt1 expandable notInherited">
7469             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7470
7471
7472             <td class="sig">
7473                 <a id="Roo.Element-method-radioClass"   name=".radioClass"></a>
7474                 <div class="fixedFont">
7475                         <span class="attributes"></span><b class="itemname">radioClass</b>
7476
7477                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7478
7479
7480                                          :
7481
7482
7483                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7484
7485
7486
7487
7488
7489                 </div>
7490                 <div class="mdesc">
7491
7492                    <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div>
7493
7494
7495
7496                     <div class="long">
7497
7498                                 Adds one or more CSS classes to this element and removes the same class(es) from all siblings.
7499
7500
7501
7502
7503
7504
7505                                 <dl class="detailList">
7506                                 <dt class="heading">Parameters:</dt>
7507
7508                                         <dt>
7509                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
7510
7511                                         </dt>
7512                                         <dd>The CSS class to add, or an array of classes</dd>
7513
7514                                 </dl>
7515
7516
7517
7518
7519
7520                                 <dl class="detailList">
7521                                 <dt class="heading">Returns:</dt>
7522
7523                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7524
7525                                 </dl>
7526
7527
7528
7529
7530
7531
7532
7533                     </div>
7534                 </div>
7535
7536             </td>
7537             <td class="msource">
7538
7539                         Roo.Element
7540                 &nbsp;
7541             </td>
7542         </tr>
7543
7544
7545           <tr class="method-row config-row-alt0 expandable notInherited">
7546             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7547
7548
7549             <td class="sig">
7550                 <a id="Roo.Element-method-remove"   name=".remove"></a>
7551                 <div class="fixedFont">
7552                         <span class="attributes"></span><b class="itemname">remove</b>
7553
7554                                  ()
7555
7556
7557
7558                 </div>
7559                 <div class="mdesc">
7560
7561                    <div class="short">Removes this element from the DOM and deletes it from the cache</div>
7562
7563
7564
7565                     <div class="long">
7566
7567                                 Removes this element from the DOM and deletes it from the cache
7568
7569
7570
7571
7572
7573
7574
7575
7576
7577
7578
7579
7580
7581
7582
7583
7584                     </div>
7585                 </div>
7586
7587             </td>
7588             <td class="msource">
7589
7590                         Roo.Element
7591                 &nbsp;
7592             </td>
7593         </tr>
7594
7595
7596           <tr class="method-row config-row-alt1 expandable notInherited">
7597             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7598
7599
7600             <td class="sig">
7601                 <a id="Roo.Element-method-removeAllListeners"   name=".removeAllListeners"></a>
7602                 <div class="fixedFont">
7603                         <span class="attributes"></span><b class="itemname">removeAllListeners</b>
7604
7605                                  ()
7606
7607
7608                                          :
7609
7610
7611                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7612
7613
7614
7615
7616
7617                 </div>
7618                 <div class="mdesc">
7619
7620                    <div class="short">Removes all previous added listeners from this element</div>
7621
7622
7623
7624                     <div class="long">
7625
7626                                 Removes all previous added listeners from this element
7627
7628
7629
7630
7631
7632
7633
7634
7635
7636
7637                                 <dl class="detailList">
7638                                 <dt class="heading">Returns:</dt>
7639
7640                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7641
7642                                 </dl>
7643
7644
7645
7646
7647
7648
7649
7650                     </div>
7651                 </div>
7652
7653             </td>
7654             <td class="msource">
7655
7656                         Roo.Element
7657                 &nbsp;
7658             </td>
7659         </tr>
7660
7661
7662           <tr class="method-row config-row-alt0 expandable notInherited">
7663             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7664
7665
7666             <td class="sig">
7667                 <a id="Roo.Element-method-removeClass"   name=".removeClass"></a>
7668                 <div class="fixedFont">
7669                         <span class="attributes"></span><b class="itemname">removeClass</b>
7670
7671                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7672
7673
7674                                          :
7675
7676
7677                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7678
7679
7680
7681
7682
7683                 </div>
7684                 <div class="mdesc">
7685
7686                    <div class="short">Removes one or more CSS classes from the element.</div>
7687
7688
7689
7690                     <div class="long">
7691
7692                                 Removes one or more CSS classes from the element.
7693
7694
7695
7696
7697
7698
7699                                 <dl class="detailList">
7700                                 <dt class="heading">Parameters:</dt>
7701
7702                                         <dt>
7703                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
7704
7705                                         </dt>
7706                                         <dd>The CSS class to remove, or an array of classes</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-removeListener"   name=".removeListener"></a>
7745                 <div class="fixedFont">
7746                         <span class="attributes"></span><b class="itemname">removeListener</b>
7747
7748                                  (<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>)
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">Removes an event handler from this element</div>
7764
7765
7766
7767                     <div class="long">
7768
7769                                 Removes an event handler from this element
7770
7771
7772
7773
7774
7775
7776                                 <dl class="detailList">
7777                                 <dt class="heading">Parameters:</dt>
7778
7779                                         <dt>
7780                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
7781
7782                                         </dt>
7783                                         <dd>the type of event to remove</dd>
7784
7785                                         <dt>
7786                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
7787
7788                                         </dt>
7789                                         <dd>the method the event invokes</dd>
7790
7791                                 </dl>
7792
7793
7794
7795
7796
7797                                 <dl class="detailList">
7798                                 <dt class="heading">Returns:</dt>
7799
7800                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7801
7802                                 </dl>
7803
7804
7805
7806
7807
7808
7809
7810                     </div>
7811                 </div>
7812
7813             </td>
7814             <td class="msource">
7815
7816                         Roo.Element
7817                 &nbsp;
7818             </td>
7819         </tr>
7820
7821
7822           <tr class="method-row config-row-alt0 expandable notInherited">
7823             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7824
7825
7826             <td class="sig">
7827                 <a id="Roo.Element-method-repaint"   name=".repaint"></a>
7828                 <div class="fixedFont">
7829                         <span class="attributes"></span><b class="itemname">repaint</b>
7830
7831                                  ()
7832
7833
7834                                          :
7835
7836
7837                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7838
7839
7840
7841
7842
7843                 </div>
7844                 <div class="mdesc">
7845
7846                    <div class="short">Forces the browser to repaint this element</div>
7847
7848
7849
7850                     <div class="long">
7851
7852                                 Forces the browser to repaint this element
7853
7854
7855
7856
7857
7858
7859
7860
7861
7862
7863                                 <dl class="detailList">
7864                                 <dt class="heading">Returns:</dt>
7865
7866                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7867
7868                                 </dl>
7869
7870
7871
7872
7873
7874
7875
7876                     </div>
7877                 </div>
7878
7879             </td>
7880             <td class="msource">
7881
7882                         Roo.Element
7883                 &nbsp;
7884             </td>
7885         </tr>
7886
7887
7888           <tr class="method-row config-row-alt1 expandable notInherited">
7889             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7890
7891
7892             <td class="sig">
7893                 <a id="Roo.Element-method-replace"   name=".replace"></a>
7894                 <div class="fixedFont">
7895                         <span class="attributes"></span><b class="itemname">replace</b>
7896
7897                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
7898
7899
7900                                          :
7901
7902
7903                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7904
7905
7906
7907
7908
7909                 </div>
7910                 <div class="mdesc">
7911
7912                    <div class="short">Replaces the passed element with this element</div>
7913
7914
7915
7916                     <div class="long">
7917
7918                                 Replaces the passed element with this element
7919
7920
7921
7922
7923
7924
7925                                 <dl class="detailList">
7926                                 <dt class="heading">Parameters:</dt>
7927
7928                                         <dt>
7929                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
7930
7931                                         </dt>
7932                                         <dd>The element to replace</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-replaceClass"   name=".replaceClass"></a>
7971                 <div class="fixedFont">
7972                         <span class="attributes"></span><b class="itemname">replaceClass</b>
7973
7974                                  (<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>)
7975
7976
7977                                          :
7978
7979
7980                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7981
7982
7983
7984
7985
7986                 </div>
7987                 <div class="mdesc">
7988
7989                    <div class="short">Replaces a CSS class on the element with another.</div>
7990
7991
7992
7993                     <div class="long">
7994
7995                                 Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.
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>oldClassName</b>
8007
8008                                         </dt>
8009                                         <dd>The CSS class to replace</dd>
8010
8011                                         <dt>
8012                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>newClassName</b>
8013
8014                                         </dt>
8015                                         <dd>The replacement CSS class</dd>
8016
8017                                 </dl>
8018
8019
8020
8021
8022
8023                                 <dl class="detailList">
8024                                 <dt class="heading">Returns:</dt>
8025
8026                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8027
8028                                 </dl>
8029
8030
8031
8032
8033
8034
8035
8036                     </div>
8037                 </div>
8038
8039             </td>
8040             <td class="msource">
8041
8042                         Roo.Element
8043                 &nbsp;
8044             </td>
8045         </tr>
8046
8047
8048           <tr class="method-row config-row-alt1 expandable notInherited">
8049             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8050
8051
8052             <td class="sig">
8053                 <a id="Roo.Element-method-scroll"   name=".scroll"></a>
8054                 <div class="fixedFont">
8055                         <span class="attributes"></span><b class="itemname">scroll</b>
8056
8057                                  (<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>)
8058
8059
8060                                          :
8061
8062
8063                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
8064
8065
8066
8067
8068
8069                 </div>
8070                 <div class="mdesc">
8071
8072                    <div class="short">Scrolls this element the specified direction.</div>
8073
8074
8075
8076                     <div class="long">
8077
8078                                 Scrolls this element the specified direction. Does bounds checking to make sure the scroll is<br/>within this element's scrollable range.
8079
8080
8081
8082
8083
8084
8085                                 <dl class="detailList">
8086                                 <dt class="heading">Parameters:</dt>
8087
8088                                         <dt>
8089                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>direction</b>
8090
8091                                         </dt>
8092                                         <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
8093
8094                                         <dt>
8095                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>distance</b>
8096
8097                                         </dt>
8098                                         <dd>How far to scroll the element in pixels</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>/Object</span>  <b>animate</b>
8102
8103                                         </dt>
8104                                         <dd>(optional) true for the default animation or a standard Element animation config object</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="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>
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-scrollIntoView"   name=".scrollIntoView"></a>
8143                 <div class="fixedFont">
8144                         <span class="attributes"></span><b class="itemname">scrollIntoView</b>
8145
8146                                  (<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>)
8147
8148
8149                                          :
8150
8151
8152                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8153
8154
8155
8156
8157
8158                 </div>
8159                 <div class="mdesc">
8160
8161                    <div class="short">Scrolls this element into view within the passed container.</div>
8162
8163
8164
8165                     <div class="long">
8166
8167                                 Scrolls this element into view within the passed container.
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>/HTMLElement/Element</span>  <b>container</b>
8179
8180                                         </dt>
8181                                         <dd>(optional) The container element to scroll (defaults to document.body)</dd>
8182
8183                                         <dt>
8184                                                 <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>
8185
8186                                         </dt>
8187                                         <dd>(optional) False to disable horizontal scroll (defaults to true)</dd>
8188
8189                                 </dl>
8190
8191
8192
8193
8194
8195                                 <dl class="detailList">
8196                                 <dt class="heading">Returns:</dt>
8197
8198                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8199
8200                                 </dl>
8201
8202
8203
8204
8205
8206
8207
8208                     </div>
8209                 </div>
8210
8211             </td>
8212             <td class="msource">
8213
8214                         Roo.Element
8215                 &nbsp;
8216             </td>
8217         </tr>
8218
8219
8220           <tr class="method-row config-row-alt1 expandable notInherited">
8221             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8222
8223
8224             <td class="sig">
8225                 <a id="Roo.Element-method-scrollTo"   name=".scrollTo"></a>
8226                 <div class="fixedFont">
8227                         <span class="attributes"></span><b class="itemname">scrollTo</b>
8228
8229                                  (<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>)
8230
8231
8232                                          :
8233
8234
8235                                                 Element
8236
8237
8238
8239
8240
8241                 </div>
8242                 <div class="mdesc">
8243
8244                    <div class="short">Scrolls this element the specified scroll point.</div>
8245
8246
8247
8248                     <div class="long">
8249
8250                                 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().
8251
8252
8253
8254
8255
8256
8257                                 <dl class="detailList">
8258                                 <dt class="heading">Parameters:</dt>
8259
8260                                         <dt>
8261                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
8262
8263                                         </dt>
8264                                         <dd>Either "left" for scrollLeft values or "top" for scrollTop values.</dd>
8265
8266                                         <dt>
8267                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>value</b>
8268
8269                                         </dt>
8270                                         <dd>The new scroll value</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>/Object</span>  <b>animate</b>
8274
8275                                         </dt>
8276                                         <dd>(optional) true for the default animation or a standard Element animation config 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">Element</span>  this</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-select"   name=".select"></a>
8315                 <div class="fixedFont">
8316                         <span class="attributes"></span><b class="itemname">select</b>
8317
8318                                  (<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>)
8319
8320
8321                                          :
8322
8323
8324                                                 CompositeElement/CompositeElementLite
8325
8326
8327
8328
8329
8330                 </div>
8331                 <div class="mdesc">
8332
8333                    <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>
8334
8335
8336
8337                     <div class="long">
8338
8339                                 Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).
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="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
8351
8352                                         </dt>
8353                                         <dd>The CSS selector</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>unique</b>
8357
8358                                         </dt>
8359                                         <dd>(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)</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">CompositeElement/CompositeElementLite</span>  The composite element</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-set"   name=".set"></a>
8398                 <div class="fixedFont">
8399                         <span class="attributes"></span><b class="itemname">set</b>
8400
8401                                  (<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>)
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 passed attributes as attributes of this element (a style attribute can be a string, object or function)</div>
8417
8418
8419
8420                     <div class="long">
8421
8422                                 Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
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="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>o</b>
8434
8435                                         </dt>
8436                                         <dd>The object with the attributes</dd>
8437
8438                                         <dt>
8439                                                 <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>
8440
8441                                         </dt>
8442                                         <dd>(optional) false to override the default setAttribute to use expandos.</dd>
8443
8444                                 </dl>
8445
8446
8447
8448
8449
8450                                 <dl class="detailList">
8451                                 <dt class="heading">Returns:</dt>
8452
8453                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8454
8455                                 </dl>
8456
8457
8458
8459
8460
8461
8462
8463                     </div>
8464                 </div>
8465
8466             </td>
8467             <td class="msource">
8468
8469                         Roo.Element
8470                 &nbsp;
8471             </td>
8472         </tr>
8473
8474
8475           <tr class="method-row config-row-alt0 expandable notInherited">
8476             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8477
8478
8479             <td class="sig">
8480                 <a id="Roo.Element-method-setBottom"   name=".setBottom"></a>
8481                 <div class="fixedFont">
8482                         <span class="attributes"></span><b class="itemname">setBottom</b>
8483
8484                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>bottom</i></B>)
8485
8486
8487                                          :
8488
8489
8490                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8491
8492
8493
8494
8495
8496                 </div>
8497                 <div class="mdesc">
8498
8499                    <div class="short">Sets the element's CSS bottom style.</div>
8500
8501
8502
8503                     <div class="long">
8504
8505                                 Sets the element's CSS bottom style.
8506
8507
8508
8509
8510
8511
8512                                 <dl class="detailList">
8513                                 <dt class="heading">Parameters:</dt>
8514
8515                                         <dt>
8516                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>bottom</b>
8517
8518                                         </dt>
8519                                         <dd>The bottom CSS property value</dd>
8520
8521                                 </dl>
8522
8523
8524
8525
8526
8527                                 <dl class="detailList">
8528                                 <dt class="heading">Returns:</dt>
8529
8530                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8531
8532                                 </dl>
8533
8534
8535
8536
8537
8538
8539
8540                     </div>
8541                 </div>
8542
8543             </td>
8544             <td class="msource">
8545
8546                         Roo.Element
8547                 &nbsp;
8548             </td>
8549         </tr>
8550
8551
8552           <tr class="method-row config-row-alt1 expandable notInherited">
8553             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8554
8555
8556             <td class="sig">
8557                 <a id="Roo.Element-method-setBounds"   name=".setBounds"></a>
8558                 <div class="fixedFont">
8559                         <span class="attributes"></span><b class="itemname">setBounds</b>
8560
8561                                  (<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>)
8562
8563
8564                                          :
8565
8566
8567                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8568
8569
8570
8571
8572
8573                 </div>
8574                 <div class="mdesc">
8575
8576                    <div class="short">Sets the element's position and size in one shot.</div>
8577
8578
8579
8580                     <div class="long">
8581
8582                                 Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.
8583
8584
8585
8586
8587
8588
8589                                 <dl class="detailList">
8590                                 <dt class="heading">Parameters:</dt>
8591
8592                                         <dt>
8593                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
8594
8595                                         </dt>
8596                                         <dd>X value for new position (coordinates are page-based)</dd>
8597
8598                                         <dt>
8599                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
8600
8601                                         </dt>
8602                                         <dd>Y value for new position (coordinates are page-based)</dd>
8603
8604                                         <dt>
8605                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
8606
8607                                         </dt>
8608                                         <dd>The new width</dd>
8609
8610                                         <dt>
8611                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
8612
8613                                         </dt>
8614                                         <dd>The new 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>/Object</span>  <b>animate</b>
8618
8619                                         </dt>
8620                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8621
8622                                 </dl>
8623
8624
8625
8626
8627
8628                                 <dl class="detailList">
8629                                 <dt class="heading">Returns:</dt>
8630
8631                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8632
8633                                 </dl>
8634
8635
8636
8637
8638
8639
8640
8641                     </div>
8642                 </div>
8643
8644             </td>
8645             <td class="msource">
8646
8647                         Roo.Element
8648                 &nbsp;
8649             </td>
8650         </tr>
8651
8652
8653           <tr class="method-row config-row-alt0 expandable notInherited">
8654             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8655
8656
8657             <td class="sig">
8658                 <a id="Roo.Element-method-setBox"   name=".setBox"></a>
8659                 <div class="fixedFont">
8660                         <span class="attributes"></span><b class="itemname">setBox</b>
8661
8662                                  (<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>)
8663
8664
8665                                          :
8666
8667
8668                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8669
8670
8671
8672
8673
8674                 </div>
8675                 <div class="mdesc">
8676
8677                    <div class="short">Sets the element's box.</div>
8678
8679
8680
8681                     <div class="long">
8682
8683                                 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.
8684
8685
8686
8687
8688
8689
8690                                 <dl class="detailList">
8691                                 <dt class="heading">Parameters:</dt>
8692
8693                                         <dt>
8694                                                 <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>
8695
8696                                         </dt>
8697                                         <dd>The box to fill {x, y, width, height}</dd>
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>adjust</b>
8701
8702                                         </dt>
8703                                         <dd>(optional) Whether to adjust for box-model issues automatically</dd>
8704
8705                                         <dt>
8706                                                 <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>
8707
8708                                         </dt>
8709                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8710
8711                                 </dl>
8712
8713
8714
8715
8716
8717                                 <dl class="detailList">
8718                                 <dt class="heading">Returns:</dt>
8719
8720                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8721
8722                                 </dl>
8723
8724
8725
8726
8727
8728
8729
8730                     </div>
8731                 </div>
8732
8733             </td>
8734             <td class="msource">
8735
8736                         Roo.Element
8737                 &nbsp;
8738             </td>
8739         </tr>
8740
8741
8742           <tr class="method-row config-row-alt1 expandable notInherited">
8743             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8744
8745
8746             <td class="sig">
8747                 <a id="Roo.Element-method-setDisplayed"   name=".setDisplayed"></a>
8748                 <div class="fixedFont">
8749                         <span class="attributes"></span><b class="itemname">setDisplayed</b>
8750
8751                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
8752
8753
8754                                          :
8755
8756
8757                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8758
8759
8760
8761
8762
8763                 </div>
8764                 <div class="mdesc">
8765
8766                    <div class="short">Sets the CSS display property.</div>
8767
8768
8769
8770                     <div class="long">
8771
8772                                 Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.
8773
8774
8775
8776
8777
8778
8779                                 <dl class="detailList">
8780                                 <dt class="heading">Parameters:</dt>
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></span>  <b>value</b>
8784
8785                                         </dt>
8786                                         <dd>Boolean value to display the element using its default display, or a string to set the display directly</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-setHeight"   name=".setHeight"></a>
8825                 <div class="fixedFont">
8826                         <span class="attributes"></span><b class="itemname">setHeight</b>
8827
8828                                  (<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>)
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">Set the height of the element</div>
8844
8845
8846
8847                     <div class="long">
8848
8849                                 Set the height of the element
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="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
8861
8862                                         </dt>
8863                                         <dd>The new height</dd>
8864
8865                                         <dt>
8866                                                 <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>
8867
8868                                         </dt>
8869                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8870
8871                                 </dl>
8872
8873
8874
8875
8876
8877                                 <dl class="detailList">
8878                                 <dt class="heading">Returns:</dt>
8879
8880                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8881
8882                                 </dl>
8883
8884
8885
8886
8887
8888
8889
8890                     </div>
8891                 </div>
8892
8893             </td>
8894             <td class="msource">
8895
8896                         Roo.Element
8897                 &nbsp;
8898             </td>
8899         </tr>
8900
8901
8902           <tr class="method-row config-row-alt1 expandable notInherited">
8903             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8904
8905
8906             <td class="sig">
8907                 <a id="Roo.Element-method-setLeft"   name=".setLeft"></a>
8908                 <div class="fixedFont">
8909                         <span class="attributes"></span><b class="itemname">setLeft</b>
8910
8911                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>)
8912
8913
8914                                          :
8915
8916
8917                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8918
8919
8920
8921
8922
8923                 </div>
8924                 <div class="mdesc">
8925
8926                    <div class="short">Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).</div>
8927
8928
8929
8930                     <div class="long">
8931
8932                                 Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).
8933
8934
8935
8936
8937
8938
8939                                 <dl class="detailList">
8940                                 <dt class="heading">Parameters:</dt>
8941
8942                                         <dt>
8943                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>left</b>
8944
8945                                         </dt>
8946                                         <dd>The left 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-setLeftTop"   name=".setLeftTop"></a>
8985                 <div class="fixedFont">
8986                         <span class="attributes"></span><b class="itemname">setLeftTop</b>
8987
8988                                  (<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>)
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">Quick set left and top adding default units</div>
9004
9005
9006
9007                     <div class="long">
9008
9009                                 Quick set left and top adding default units
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="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>left</b>
9021
9022                                         </dt>
9023                                         <dd>The left CSS property value</dd>
9024
9025                                         <dt>
9026                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>top</b>
9027
9028                                         </dt>
9029                                         <dd>The top CSS property value</dd>
9030
9031                                 </dl>
9032
9033
9034
9035
9036
9037                                 <dl class="detailList">
9038                                 <dt class="heading">Returns:</dt>
9039
9040                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9041
9042                                 </dl>
9043
9044
9045
9046
9047
9048
9049
9050                     </div>
9051                 </div>
9052
9053             </td>
9054             <td class="msource">
9055
9056                         Roo.Element
9057                 &nbsp;
9058             </td>
9059         </tr>
9060
9061
9062           <tr class="method-row config-row-alt1 expandable notInherited">
9063             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9064
9065
9066             <td class="sig">
9067                 <a id="Roo.Element-method-setLocation"   name=".setLocation"></a>
9068                 <div class="fixedFont">
9069                         <span class="attributes"></span><b class="itemname">setLocation</b>
9070
9071                                  (<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>)
9072
9073
9074                                          :
9075
9076
9077                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9078
9079
9080
9081
9082
9083                 </div>
9084                 <div class="mdesc">
9085
9086                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
9087
9088
9089
9090                     <div class="long">
9091
9092                                 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).
9093
9094
9095
9096
9097
9098
9099                                 <dl class="detailList">
9100                                 <dt class="heading">Parameters:</dt>
9101
9102                                         <dt>
9103                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
9104
9105                                         </dt>
9106                                         <dd>X value for new position (coordinates are page-based)</dd>
9107
9108                                         <dt>
9109                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
9110
9111                                         </dt>
9112                                         <dd>Y value for new position (coordinates are page-based)</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-setOpacity"   name=".setOpacity"></a>
9157                 <div class="fixedFont">
9158                         <span class="attributes"></span><b class="itemname">setOpacity</b>
9159
9160                                  (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>)
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 the opacity of the element</div>
9176
9177
9178
9179                     <div class="long">
9180
9181                                 Set the opacity of the element
9182
9183
9184
9185
9186
9187
9188                                 <dl class="detailList">
9189                                 <dt class="heading">Parameters:</dt>
9190
9191                                         <dt>
9192                                                 <span class="fixedFont">Float</span>  <b>opacity</b>
9193
9194                                         </dt>
9195                                         <dd>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</dd>
9196
9197                                         <dt>
9198                                                 <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>
9199
9200                                         </dt>
9201                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9202
9203                                 </dl>
9204
9205
9206
9207
9208
9209                                 <dl class="detailList">
9210                                 <dt class="heading">Returns:</dt>
9211
9212                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9213
9214                                 </dl>
9215
9216
9217
9218
9219
9220
9221
9222                     </div>
9223                 </div>
9224
9225             </td>
9226             <td class="msource">
9227
9228                         Roo.Element
9229                 &nbsp;
9230             </td>
9231         </tr>
9232
9233
9234           <tr class="method-row config-row-alt1 expandable notInherited">
9235             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9236
9237
9238             <td class="sig">
9239                 <a id="Roo.Element-method-setPositioning"   name=".setPositioning"></a>
9240                 <div class="fixedFont">
9241                         <span class="attributes"></span><b class="itemname">setPositioning</b>
9242
9243                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>posCfg</i></B>)
9244
9245
9246                                          :
9247
9248
9249                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9250
9251
9252
9253
9254
9255                 </div>
9256                 <div class="mdesc">
9257
9258                    <div class="short">Set positioning with an object returned by getPositioning().</div>
9259
9260
9261
9262                     <div class="long">
9263
9264                                 Set positioning with an object returned by getPositioning().
9265
9266
9267
9268
9269
9270
9271                                 <dl class="detailList">
9272                                 <dt class="heading">Parameters:</dt>
9273
9274                                         <dt>
9275                                                 <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>
9276
9277                                         </dt>
9278                                         <dd></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-setRegion"   name=".setRegion"></a>
9317                 <div class="fixedFont">
9318                         <span class="attributes"></span><b class="itemname">setRegion</b>
9319
9320                                  (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>)
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 position and size the the specified region.</div>
9336
9337
9338
9339                     <div class="long">
9340
9341                                 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.
9342
9343
9344
9345
9346
9347
9348                                 <dl class="detailList">
9349                                 <dt class="heading">Parameters:</dt>
9350
9351                                         <dt>
9352                                                 <span class="fixedFont">Roo.lib.Region</span>  <b>region</b>
9353
9354                                         </dt>
9355                                         <dd>The region to fill</dd>
9356
9357                                         <dt>
9358                                                 <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>
9359
9360                                         </dt>
9361                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9362
9363                                 </dl>
9364
9365
9366
9367
9368
9369                                 <dl class="detailList">
9370                                 <dt class="heading">Returns:</dt>
9371
9372                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9373
9374                                 </dl>
9375
9376
9377
9378
9379
9380
9381
9382                     </div>
9383                 </div>
9384
9385             </td>
9386             <td class="msource">
9387
9388                         Roo.Element
9389                 &nbsp;
9390             </td>
9391         </tr>
9392
9393
9394           <tr class="method-row config-row-alt1 expandable notInherited">
9395             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9396
9397
9398             <td class="sig">
9399                 <a id="Roo.Element-method-setRight"   name=".setRight"></a>
9400                 <div class="fixedFont">
9401                         <span class="attributes"></span><b class="itemname">setRight</b>
9402
9403                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>right</i></B>)
9404
9405
9406                                          :
9407
9408
9409                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9410
9411
9412
9413
9414
9415                 </div>
9416                 <div class="mdesc">
9417
9418                    <div class="short">Sets the element's CSS right style.</div>
9419
9420
9421
9422                     <div class="long">
9423
9424                                 Sets the element's CSS right style.
9425
9426
9427
9428
9429
9430
9431                                 <dl class="detailList">
9432                                 <dt class="heading">Parameters:</dt>
9433
9434                                         <dt>
9435                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>right</b>
9436
9437                                         </dt>
9438                                         <dd>The right CSS property value</dd>
9439
9440                                 </dl>
9441
9442
9443
9444
9445
9446                                 <dl class="detailList">
9447                                 <dt class="heading">Returns:</dt>
9448
9449                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9450
9451                                 </dl>
9452
9453
9454
9455
9456
9457
9458
9459                     </div>
9460                 </div>
9461
9462             </td>
9463             <td class="msource">
9464
9465                         Roo.Element
9466                 &nbsp;
9467             </td>
9468         </tr>
9469
9470
9471           <tr class="method-row config-row-alt0 expandable notInherited">
9472             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9473
9474
9475             <td class="sig">
9476                 <a id="Roo.Element-method-setSize"   name=".setSize"></a>
9477                 <div class="fixedFont">
9478                         <span class="attributes"></span><b class="itemname">setSize</b>
9479
9480                                  (<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>)
9481
9482
9483                                          :
9484
9485
9486                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9487
9488
9489
9490
9491
9492                 </div>
9493                 <div class="mdesc">
9494
9495                    <div class="short">Set the size of the element.</div>
9496
9497
9498
9499                     <div class="long">
9500
9501                                 Set the size of the element. If animation is true, both width an height will be animated concurrently.
9502
9503
9504
9505
9506
9507
9508                                 <dl class="detailList">
9509                                 <dt class="heading">Parameters:</dt>
9510
9511                                         <dt>
9512                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
9513
9514                                         </dt>
9515                                         <dd>The new width</dd>
9516
9517                                         <dt>
9518                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
9519
9520                                         </dt>
9521                                         <dd>The new height</dd>
9522
9523                                         <dt>
9524                                                 <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>
9525
9526                                         </dt>
9527                                         <dd>(optional) true for the default animation or a standard Element animation config object</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-setStyle"   name=".setStyle"></a>
9566                 <div class="fixedFont">
9567                         <span class="attributes"></span><b class="itemname">setStyle</b>
9568
9569                                  (<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>)
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">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div>
9585
9586
9587
9588                     <div class="long">
9589
9590                                 Wrapper for setting style properties, also takes single object parameter of multiple styles.
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>/Object</span>  <b>property</b>
9602
9603                                         </dt>
9604                                         <dd>The style property to be set, or an object of multiple styles.</dd>
9605
9606                                         <dt>
9607                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
9608
9609                                         </dt>
9610                                         <dd>(optional) The value to apply to the given property, or null if an object was passed.</dd>
9611
9612                                 </dl>
9613
9614
9615
9616
9617
9618                                 <dl class="detailList">
9619                                 <dt class="heading">Returns:</dt>
9620
9621                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9622
9623                                 </dl>
9624
9625
9626
9627
9628
9629
9630
9631                     </div>
9632                 </div>
9633
9634             </td>
9635             <td class="msource">
9636
9637                         Roo.Element
9638                 &nbsp;
9639             </td>
9640         </tr>
9641
9642
9643           <tr class="method-row config-row-alt0 expandable notInherited">
9644             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9645
9646
9647             <td class="sig">
9648                 <a id="Roo.Element-method-setTop"   name=".setTop"></a>
9649                 <div class="fixedFont">
9650                         <span class="attributes"></span><b class="itemname">setTop</b>
9651
9652                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9653
9654
9655                                          :
9656
9657
9658                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9659
9660
9661
9662
9663
9664                 </div>
9665                 <div class="mdesc">
9666
9667                    <div class="short">Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).</div>
9668
9669
9670
9671                     <div class="long">
9672
9673                                 Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).
9674
9675
9676
9677
9678
9679
9680                                 <dl class="detailList">
9681                                 <dt class="heading">Parameters:</dt>
9682
9683                                         <dt>
9684                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>top</b>
9685
9686                                         </dt>
9687                                         <dd>The top CSS property value</dd>
9688
9689                                 </dl>
9690
9691
9692
9693
9694
9695                                 <dl class="detailList">
9696                                 <dt class="heading">Returns:</dt>
9697
9698                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9699
9700                                 </dl>
9701
9702
9703
9704
9705
9706
9707
9708                     </div>
9709                 </div>
9710
9711             </td>
9712             <td class="msource">
9713
9714                         Roo.Element
9715                 &nbsp;
9716             </td>
9717         </tr>
9718
9719
9720           <tr class="method-row config-row-alt1 expandable notInherited">
9721             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9722
9723
9724             <td class="sig">
9725                 <a id="Roo.Element-method-setVisibilityMode"   name=".setVisibilityMode"></a>
9726                 <div class="fixedFont">
9727                         <span class="attributes"></span><b class="itemname">setVisibilityMode</b>
9728
9729                                  (<B><i>visMode</i></B>)
9730
9731
9732                                          :
9733
9734
9735                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9736
9737
9738
9739
9740
9741                 </div>
9742                 <div class="mdesc">
9743
9744                    <div class="short">Sets the element's visibility mode.</div>
9745
9746
9747
9748                     <div class="long">
9749
9750                                 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.
9751
9752
9753
9754
9755
9756
9757                                 <dl class="detailList">
9758                                 <dt class="heading">Parameters:</dt>
9759
9760                                         <dt>
9761                                                  <b>visMode</b>
9762
9763                                         </dt>
9764                                         <dd>Element.VISIBILITY or Element.DISPLAY</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-setVisible"   name=".setVisible"></a>
9803                 <div class="fixedFont">
9804                         <span class="attributes"></span><b class="itemname">setVisible</b>
9805
9806                                  (<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>)
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">Sets the visibility of the element (see details).</div>
9822
9823
9824
9825                     <div class="long">
9826
9827                                 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.
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="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>visible</b>
9839
9840                                         </dt>
9841                                         <dd>Whether the element is visible</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-setWidth"   name=".setWidth"></a>
9886                 <div class="fixedFont">
9887                         <span class="attributes"></span><b class="itemname">setWidth</b>
9888
9889                                  (<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>)
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">Set the width of the element</div>
9905
9906
9907
9908                     <div class="long">
9909
9910                                 Set the width of the element
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>width</b>
9922
9923                                         </dt>
9924                                         <dd>The new width</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-setX"   name=".setX"></a>
9969                 <div class="fixedFont">
9970                         <span class="attributes"></span><b class="itemname">setX</b>
9971
9972                                  (<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>)
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 X position of the element based on page coordinates.</div>
9988
9989
9990
9991                     <div class="long">
9992
9993                                 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).
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="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
10005
10006                                         </dt>
10007                                         <dd>X position of the element</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-setXY"   name=".setXY"></a>
10052                 <div class="fixedFont">
10053                         <span class="attributes"></span><b class="itemname">setXY</b>
10054
10055                                  (<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>)
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 position of the element in page coordinates, regardless of how the element is positioned.</div>
10071
10072
10073
10074                     <div class="long">
10075
10076                                 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).
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="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>pos</b>
10088
10089                                         </dt>
10090                                         <dd>Contains X & Y [x, y] values for new position (coordinates are page-based)</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-setY"   name=".setY"></a>
10135                 <div class="fixedFont">
10136                         <span class="attributes"></span><b class="itemname">setY</b>
10137
10138                                  (<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>)
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">Sets the Y position of the element based on page coordinates.</div>
10154
10155
10156
10157                     <div class="long">
10158
10159                                 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).
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="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
10171
10172                                         </dt>
10173                                         <dd>Y position of the element</dd>
10174
10175                                         <dt>
10176                                                 <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>
10177
10178                                         </dt>
10179                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10180
10181                                 </dl>
10182
10183
10184
10185
10186
10187                                 <dl class="detailList">
10188                                 <dt class="heading">Returns:</dt>
10189
10190                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10191
10192                                 </dl>
10193
10194
10195
10196
10197
10198
10199
10200                     </div>
10201                 </div>
10202
10203             </td>
10204             <td class="msource">
10205
10206                         Roo.Element
10207                 &nbsp;
10208             </td>
10209         </tr>
10210
10211
10212           <tr class="method-row config-row-alt1 expandable notInherited">
10213             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10214
10215
10216             <td class="sig">
10217                 <a id="Roo.Element-method-show"   name=".show"></a>
10218                 <div class="fixedFont">
10219                         <span class="attributes"></span><b class="itemname">show</b>
10220
10221                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10222
10223
10224                                          :
10225
10226
10227                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10228
10229
10230
10231
10232
10233                 </div>
10234                 <div class="mdesc">
10235
10236                    <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility".</div>
10237
10238
10239
10240                     <div class="long">
10241
10242                                 Show this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
10243
10244
10245
10246
10247
10248
10249                                 <dl class="detailList">
10250                                 <dt class="heading">Parameters:</dt>
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>/Object</span>  <b>animate</b>
10254
10255                                         </dt>
10256                                         <dd>(optional) true for the default animation or a standard Element animation config object</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-swallowEvent"   name=".swallowEvent"></a>
10295                 <div class="fixedFont">
10296                         <span class="attributes"></span><b class="itemname">swallowEvent</b>
10297
10298                                  (<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>)
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">Stops the specified event from bubbling and optionally prevents the default action</div>
10314
10315
10316
10317                     <div class="long">
10318
10319                                 Stops the specified event from bubbling and optionally prevents the default action
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="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
10331
10332                                         </dt>
10333                                         <dd></dd>
10334
10335                                         <dt>
10336                                                 <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>
10337
10338                                         </dt>
10339                                         <dd>(optional) true to prevent the default action too</dd>
10340
10341                                 </dl>
10342
10343
10344
10345
10346
10347                                 <dl class="detailList">
10348                                 <dt class="heading">Returns:</dt>
10349
10350                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10351
10352                                 </dl>
10353
10354
10355
10356
10357
10358
10359
10360                     </div>
10361                 </div>
10362
10363             </td>
10364             <td class="msource">
10365
10366                         Roo.Element
10367                 &nbsp;
10368             </td>
10369         </tr>
10370
10371
10372           <tr class="method-row config-row-alt1 expandable notInherited">
10373             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10374
10375
10376             <td class="sig">
10377                 <a id="Roo.Element-method-toggle"   name=".toggle"></a>
10378                 <div class="fixedFont">
10379                         <span class="attributes"></span><b class="itemname">toggle</b>
10380
10381                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10382
10383
10384                                          :
10385
10386
10387                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10388
10389
10390
10391
10392
10393                 </div>
10394                 <div class="mdesc">
10395
10396                    <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div>
10397
10398
10399
10400                     <div class="long">
10401
10402                                 Toggles the element's visibility or display, depending on visibility mode.
10403
10404
10405
10406
10407
10408
10409                                 <dl class="detailList">
10410                                 <dt class="heading">Parameters:</dt>
10411
10412                                         <dt>
10413                                                 <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>
10414
10415                                         </dt>
10416                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10417
10418                                 </dl>
10419
10420
10421
10422
10423
10424                                 <dl class="detailList">
10425                                 <dt class="heading">Returns:</dt>
10426
10427                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10428
10429                                 </dl>
10430
10431
10432
10433
10434
10435
10436
10437                     </div>
10438                 </div>
10439
10440             </td>
10441             <td class="msource">
10442
10443                         Roo.Element
10444                 &nbsp;
10445             </td>
10446         </tr>
10447
10448
10449           <tr class="method-row config-row-alt0 expandable notInherited">
10450             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10451
10452
10453             <td class="sig">
10454                 <a id="Roo.Element-method-toggleClass"   name=".toggleClass"></a>
10455                 <div class="fixedFont">
10456                         <span class="attributes"></span><b class="itemname">toggleClass</b>
10457
10458                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
10459
10460
10461                                          :
10462
10463
10464                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10465
10466
10467
10468
10469
10470                 </div>
10471                 <div class="mdesc">
10472
10473                    <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div>
10474
10475
10476
10477                     <div class="long">
10478
10479                                 Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
10480
10481
10482
10483
10484
10485
10486                                 <dl class="detailList">
10487                                 <dt class="heading">Parameters:</dt>
10488
10489                                         <dt>
10490                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
10491
10492                                         </dt>
10493                                         <dd>The CSS class to toggle</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="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</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-translatePoints"   name=".translatePoints"></a>
10532                 <div class="fixedFont">
10533                         <span class="attributes"></span><b class="itemname">translatePoints</b>
10534
10535                                  (<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>)
10536
10537
10538                                          :
10539
10540
10541                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
10542
10543
10544
10545
10546
10547                 </div>
10548                 <div class="mdesc">
10549
10550                    <div class="short">Translates the passed page coordinates into left/top css values for this element</div>
10551
10552
10553
10554                     <div class="long">
10555
10556                                 Translates the passed page coordinates into left/top css values for this element
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="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array</span>  <b>x</b>
10568
10569                                         </dt>
10570                                         <dd>The page x or an array containing [x, y]</dd>
10571
10572                                         <dt>
10573                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
10574
10575                                         </dt>
10576                                         <dd>The page y</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="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>
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-un"   name=".un"></a>
10615                 <div class="fixedFont">
10616                         <span class="attributes"></span><b class="itemname">un</b>
10617
10618                                  (<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>)
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">Removes an event handler from this element (shorthand for removeListener)</div>
10634
10635
10636
10637                     <div class="long">
10638
10639                                 Removes an event handler from this element (shorthand for removeListener)
10640
10641
10642
10643
10644
10645
10646                                 <dl class="detailList">
10647                                 <dt class="heading">Parameters:</dt>
10648
10649                                         <dt>
10650                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
10651
10652                                         </dt>
10653                                         <dd>the type of event to remove</dd>
10654
10655                                         <dt>
10656                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
10657
10658                                         </dt>
10659                                         <dd>the method the event invokes</dd>
10660
10661                                 </dl>
10662
10663
10664
10665
10666
10667                                 <dl class="detailList">
10668                                 <dt class="heading">Returns:</dt>
10669
10670                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10671
10672                                 </dl>
10673
10674
10675
10676
10677
10678
10679
10680                     </div>
10681                 </div>
10682
10683             </td>
10684             <td class="msource">
10685
10686                         Roo.Element
10687                 &nbsp;
10688             </td>
10689         </tr>
10690
10691
10692           <tr class="method-row config-row-alt1 expandable notInherited">
10693             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10694
10695
10696             <td class="sig">
10697                 <a id="Roo.Element-method-unclip"   name=".unclip"></a>
10698                 <div class="fixedFont">
10699                         <span class="attributes"></span><b class="itemname">unclip</b>
10700
10701                                  ()
10702
10703
10704                                          :
10705
10706
10707                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10708
10709
10710
10711
10712
10713                 </div>
10714                 <div class="mdesc">
10715
10716                    <div class="short">Return clipping (overflow) to original clipping before clip() was called</div>
10717
10718
10719
10720                     <div class="long">
10721
10722                                 Return clipping (overflow) to original clipping before clip() was called
10723
10724
10725
10726
10727
10728
10729
10730
10731
10732
10733                                 <dl class="detailList">
10734                                 <dt class="heading">Returns:</dt>
10735
10736                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10737
10738                                 </dl>
10739
10740
10741
10742
10743
10744
10745
10746                     </div>
10747                 </div>
10748
10749             </td>
10750             <td class="msource">
10751
10752                         Roo.Element
10753                 &nbsp;
10754             </td>
10755         </tr>
10756
10757
10758           <tr class="method-row config-row-alt0 expandable notInherited">
10759             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10760
10761
10762             <td class="sig">
10763                 <a id="Roo.Element-method-unmask"   name=".unmask"></a>
10764                 <div class="fixedFont">
10765                         <span class="attributes"></span><b class="itemname">unmask</b>
10766
10767                                  ()
10768
10769
10770
10771                 </div>
10772                 <div class="mdesc">
10773
10774                    <div class="short">Removes a previously applied mask.</div>
10775
10776
10777
10778                     <div class="long">
10779
10780                                 Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise<br/>it is cached for reuse.
10781
10782
10783
10784
10785
10786
10787
10788
10789
10790
10791
10792
10793
10794
10795
10796
10797                     </div>
10798                 </div>
10799
10800             </td>
10801             <td class="msource">
10802
10803                         Roo.Element
10804                 &nbsp;
10805             </td>
10806         </tr>
10807
10808
10809           <tr class="method-row config-row-alt1 expandable notInherited">
10810             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10811
10812
10813             <td class="sig">
10814                 <a id="Roo.Element-method-unselectable"   name=".unselectable"></a>
10815                 <div class="fixedFont">
10816                         <span class="attributes"></span><b class="itemname">unselectable</b>
10817
10818                                  ()
10819
10820
10821                                          :
10822
10823
10824                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10825
10826
10827
10828
10829
10830                 </div>
10831                 <div class="mdesc">
10832
10833                    <div class="short">Disables text selection for this element (normalized across browsers)</div>
10834
10835
10836
10837                     <div class="long">
10838
10839                                 Disables text selection for this element (normalized across browsers)
10840
10841
10842
10843
10844
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>  this</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-up"   name=".up"></a>
10881                 <div class="fixedFont">
10882                         <span class="attributes"></span><b class="itemname">up</b>
10883
10884                                  (<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>)
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">Walks up the dom looking for a parent node that matches the passed simple selector (e.g.</div>
10900
10901
10902
10903                     <div class="long">
10904
10905                                 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.
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>selector</b>
10917
10918                                         </dt>
10919                                         <dd>The simple selector to test</dd>
10920
10921                                         <dt>
10922                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
10923
10924                                         </dt>
10925                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
10926
10927                                 </dl>
10928
10929
10930
10931
10932
10933                                 <dl class="detailList">
10934                                 <dt class="heading">Returns:</dt>
10935
10936                                         <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>
10937
10938                                 </dl>
10939
10940
10941
10942
10943
10944
10945
10946                     </div>
10947                 </div>
10948
10949             </td>
10950             <td class="msource">
10951
10952                         Roo.Element
10953                 &nbsp;
10954             </td>
10955         </tr>
10956
10957
10958           <tr class="method-row config-row-alt1 expandable notInherited">
10959             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10960
10961
10962             <td class="sig">
10963                 <a id="Roo.Element-method-update"   name=".update"></a>
10964                 <div class="fixedFont">
10965                         <span class="attributes"></span><b class="itemname">update</b>
10966
10967                                  (<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>)
10968
10969
10970                                          :
10971
10972
10973                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10974
10975
10976
10977
10978
10979                 </div>
10980                 <div class="mdesc">
10981
10982                    <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div>
10983
10984
10985
10986                     <div class="long">
10987
10988                                 Update the innerHTML of this element, optionally searching for and processing scripts
10989
10990
10991
10992
10993
10994
10995                                 <dl class="detailList">
10996                                 <dt class="heading">Parameters:</dt>
10997
10998                                         <dt>
10999                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
11000
11001                                         </dt>
11002                                         <dd>The new HTML</dd>
11003
11004                                         <dt>
11005                                                 <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>
11006
11007                                         </dt>
11008                                         <dd>(optional) true to look for and process scripts</dd>
11009
11010                                         <dt>
11011                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
11012
11013                                         </dt>
11014                                         <dd>For async script loading you can be noticed when the update completes</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="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</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           <tr class="method-row config-row-alt0 expandable notInherited">
11048             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
11049
11050
11051             <td class="sig">
11052                 <a id="Roo.Element-method-wrap"   name=".wrap"></a>
11053                 <div class="fixedFont">
11054                         <span class="attributes"></span><b class="itemname">wrap</b>
11055
11056                                  (<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>)
11057
11058
11059                                          :
11060
11061
11062                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element
11063
11064
11065
11066
11067
11068                 </div>
11069                 <div class="mdesc">
11070
11071                    <div class="short">Creates and wraps this element with another element</div>
11072
11073
11074
11075                     <div class="long">
11076
11077                                 Creates and wraps this element with another element
11078
11079
11080
11081
11082
11083
11084                                 <dl class="detailList">
11085                                 <dt class="heading">Parameters:</dt>
11086
11087                                         <dt>
11088                                                 <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>
11089
11090                                         </dt>
11091                                         <dd>(optional) DomHelper element config object for the wrapper element or null for an empty div</dd>
11092
11093                                         <dt>
11094                                                 <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>
11095
11096                                         </dt>
11097                                         <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
11098
11099                                 </dl>
11100
11101
11102
11103
11104
11105                                 <dl class="detailList">
11106                                 <dt class="heading">Returns:</dt>
11107
11108                                         <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>
11109
11110                                 </dl>
11111
11112
11113
11114
11115
11116
11117
11118                     </div>
11119                 </div>
11120
11121             </td>
11122             <td class="msource">
11123
11124                         Roo.Element
11125                 &nbsp;
11126             </td>
11127         </tr>
11128
11129
11130     </table>
11131
11132
11133   <!-- ============================== events summary / details ======================== -->
11134
11135
11136   <a id="Roo.Element-events"></a>
11137
11138
11139
11140
11141
11142      <table cellspacing="0" class="member-table">
11143       <caption class="Empty">Events - Has None</caption>
11144      </table>
11145
11146
11147
11148
11149
11150
11151
11152
11153
11154 <!-- ============================== footer ================================= -->
11155                 <div class="fineprint" style="clear:both">
11156
11157                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 28 2016 18:04:16 GMT+0800 (HKT)
11158                         Based on
11159                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
11160                 </div>
11161         </body>
11162 </html>