git.roojs.org Git - roojs1/blob - docs.old/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-findScrollableParent"   name=".findScrollableParent"></a>
3118                 <div class="fixedFont">
3119                         <span class="attributes"></span><b class="itemname">findScrollableParent</b>
3120
3121                                  ()
3122
3123
3124
3125                 </div>
3126                 <div class="mdesc">
3127
3128                    <div class="short">Looks at  the scrollable parent element</div>
3129
3130
3131
3132                     <div class="long">
3133
3134                                 Looks at  the scrollable parent element
3135
3136
3137
3138
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148
3149
3150
3151                     </div>
3152                 </div>
3153
3154             </td>
3155             <td class="msource">
3156
3157                         Roo.Element
3158                 &nbsp;
3159             </td>
3160         </tr>
3161
3162
3163           <tr class="method-row config-row-alt1 expandable notInherited">
3164             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3165
3166
3167             <td class="sig">
3168                 <a id="Roo.Element-method-fitToParent"   name=".fitToParent"></a>
3169                 <div class="fixedFont">
3170                         <span class="attributes"></span><b class="itemname">fitToParent</b>
3171
3172                                  (<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>)
3173
3174
3175                                          :
3176
3177
3178                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3179
3180
3181
3182
3183
3184                 </div>
3185                 <div class="mdesc">
3186
3187                    <div class="short">Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.</div>
3188
3189
3190
3191                     <div class="long">
3192
3193                                 Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.
3194
3195
3196
3197
3198
3199
3200                                 <dl class="detailList">
3201                                 <dt class="heading">Parameters:</dt>
3202
3203                                         <dt>
3204                                                 <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>
3205
3206                                         </dt>
3207                                         <dd>(optional) If true maintains the fit when the browser window is resized.</dd>
3208
3209                                         <dt>
3210                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element</span>  <b>targetParent</b>
3211
3212                                         </dt>
3213                                         <dd>(optional) The target parent, default to the parentNode.</dd>
3214
3215                                 </dl>
3216
3217
3218
3219
3220
3221                                 <dl class="detailList">
3222                                 <dt class="heading">Returns:</dt>
3223
3224                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
3225
3226                                 </dl>
3227
3228
3229
3230
3231
3232
3233
3234                     </div>
3235                 </div>
3236
3237             </td>
3238             <td class="msource">
3239
3240                         Roo.Element
3241                 &nbsp;
3242             </td>
3243         </tr>
3244
3245
3246           <tr class="method-row config-row-alt0 expandable notInherited">
3247             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3248
3249
3250             <td class="sig">
3251                 <a id="Roo.Element-method-focus"   name=".focus"></a>
3252                 <div class="fixedFont">
3253                         <span class="attributes"></span><b class="itemname">focus</b>
3254
3255                                  ()
3256
3257
3258                                          :
3259
3260
3261                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3262
3263
3264
3265
3266
3267                 </div>
3268                 <div class="mdesc">
3269
3270                    <div class="short">Tries to focus the element.</div>
3271
3272
3273
3274                     <div class="long">
3275
3276                                 Tries to focus the element. Any exceptions are caught and ignored.
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287                                 <dl class="detailList">
3288                                 <dt class="heading">Returns:</dt>
3289
3290                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
3291
3292                                 </dl>
3293
3294
3295
3296
3297
3298
3299
3300                     </div>
3301                 </div>
3302
3303             </td>
3304             <td class="msource">
3305
3306                         Roo.Element
3307                 &nbsp;
3308             </td>
3309         </tr>
3310
3311
3312           <tr class="method-row config-row-alt1 expandable notInherited">
3313             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3314
3315
3316             <td class="sig">
3317                 <a id="Roo.Element-method-getAlignToXY"   name=".getAlignToXY"></a>
3318                 <div class="fixedFont">
3319                         <span class="attributes"></span><b class="itemname">getAlignToXY</b>
3320
3321                                  (<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>)
3322
3323
3324                                          :
3325
3326
3327                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3328
3329
3330
3331
3332
3333                 </div>
3334                 <div class="mdesc">
3335
3336                    <div class="short">Gets the x,y coordinates to align this element with another element.</div>
3337
3338
3339
3340                     <div class="long">
3341
3342                                 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.
3343
3344
3345
3346
3347
3348
3349                                 <dl class="detailList">
3350                                 <dt class="heading">Parameters:</dt>
3351
3352                                         <dt>
3353                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>element</b>
3354
3355                                         </dt>
3356                                         <dd>The element to align to.</dd>
3357
3358                                         <dt>
3359                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>position</b>
3360
3361                                         </dt>
3362                                         <dd>The position to align to.</dd>
3363
3364                                         <dt>
3365                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>offsets</b>
3366
3367                                         </dt>
3368                                         <dd>(optional) Offset the positioning by [x, y]</dd>
3369
3370                                 </dl>
3371
3372
3373
3374
3375
3376                                 <dl class="detailList">
3377                                 <dt class="heading">Returns:</dt>
3378
3379                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  [x, y]</dd>
3380
3381                                 </dl>
3382
3383
3384
3385
3386
3387
3388
3389                     </div>
3390                 </div>
3391
3392             </td>
3393             <td class="msource">
3394
3395                         Roo.Element
3396                 &nbsp;
3397             </td>
3398         </tr>
3399
3400
3401           <tr class="method-row config-row-alt0 expandable notInherited">
3402             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3403
3404
3405             <td class="sig">
3406                 <a id="Roo.Element-method-getAnchorXY"   name=".getAnchorXY"></a>
3407                 <div class="fixedFont">
3408                         <span class="attributes"></span><b class="itemname">getAnchorXY</b>
3409
3410                                  (<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>)
3411
3412
3413                                          :
3414
3415
3416                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3417
3418
3419
3420
3421
3422                 </div>
3423                 <div class="mdesc">
3424
3425                    <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div>
3426
3427
3428
3429                     <div class="long">
3430
3431                                 Gets the x,y coordinates specified by the anchor position on the element.
3432
3433
3434
3435
3436
3437
3438                                 <dl class="detailList">
3439                                 <dt class="heading">Parameters:</dt>
3440
3441                                         <dt>
3442                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>anchor</b>
3443
3444                                         </dt>
3445                                         <dd>(optional) The specified anchor position (defaults to "c").  See {<b>link</b> <b>alignTo</b>} for details on supported anchor positions.</dd>
3446
3447                                         <dt>
3448                                                 <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>
3449
3450                                         </dt>
3451                                         <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>
3452
3453                                         <dt>
3454                                                 <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>
3455
3456                                         </dt>
3457                                         <dd>(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates</dd>
3458
3459                                 </dl>
3460
3461
3462
3463
3464
3465                                 <dl class="detailList">
3466                                 <dt class="heading">Returns:</dt>
3467
3468                                         <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>
3469
3470                                 </dl>
3471
3472
3473
3474
3475
3476
3477
3478                     </div>
3479                 </div>
3480
3481             </td>
3482             <td class="msource">
3483
3484                         Roo.Element
3485                 &nbsp;
3486             </td>
3487         </tr>
3488
3489
3490           <tr class="method-row config-row-alt1 expandable notInherited">
3491             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3492
3493
3494             <td class="sig">
3495                 <a id="Roo.Element-method-getAttributeNS"   name=".getAttributeNS"></a>
3496                 <div class="fixedFont">
3497                         <span class="attributes"></span><b class="itemname">getAttributeNS</b>
3498
3499                                  (<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>)
3500
3501
3502                                          :
3503
3504
3505                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3506
3507
3508
3509
3510
3511                 </div>
3512                 <div class="mdesc">
3513
3514                    <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div>
3515
3516
3517
3518                     <div class="long">
3519
3520                                 Returns the value of a namespaced attribute from the element's underlying DOM node.
3521
3522
3523
3524
3525
3526
3527                                 <dl class="detailList">
3528                                 <dt class="heading">Parameters:</dt>
3529
3530                                         <dt>
3531                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>namespace</b>
3532
3533                                         </dt>
3534                                         <dd>The namespace in which to look for the attribute</dd>
3535
3536                                         <dt>
3537                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>name</b>
3538
3539                                         </dt>
3540                                         <dd>The attribute name</dd>
3541
3542                                 </dl>
3543
3544
3545
3546
3547
3548                                 <dl class="detailList">
3549                                 <dt class="heading">Returns:</dt>
3550
3551                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  The attribute value</dd>
3552
3553                                 </dl>
3554
3555
3556
3557
3558
3559
3560
3561                     </div>
3562                 </div>
3563
3564             </td>
3565             <td class="msource">
3566
3567                         Roo.Element
3568                 &nbsp;
3569             </td>
3570         </tr>
3571
3572
3573           <tr class="method-row config-row-alt0 expandable notInherited">
3574             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3575
3576
3577             <td class="sig">
3578                 <a id="Roo.Element-method-getBorderWidth"   name=".getBorderWidth"></a>
3579                 <div class="fixedFont">
3580                         <span class="attributes"></span><b class="itemname">getBorderWidth</b>
3581
3582                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
3583
3584
3585                                          :
3586
3587
3588                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3589
3590
3591
3592
3593
3594                 </div>
3595                 <div class="mdesc">
3596
3597                    <div class="short">Gets the width of the border(s) for the specified side(s)</div>
3598
3599
3600
3601                     <div class="long">
3602
3603                                 Gets the width of the border(s) for the specified side(s)
3604
3605
3606
3607
3608
3609
3610                                 <dl class="detailList">
3611                                 <dt class="heading">Parameters:</dt>
3612
3613                                         <dt>
3614                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
3615
3616                                         </dt>
3617                                         <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>
3618
3619                                 </dl>
3620
3621
3622
3623
3624
3625                                 <dl class="detailList">
3626                                 <dt class="heading">Returns:</dt>
3627
3628                                         <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>
3629
3630                                 </dl>
3631
3632
3633
3634
3635
3636
3637
3638                     </div>
3639                 </div>
3640
3641             </td>
3642             <td class="msource">
3643
3644                         Roo.Element
3645                 &nbsp;
3646             </td>
3647         </tr>
3648
3649
3650           <tr class="method-row config-row-alt1 expandable notInherited">
3651             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3652
3653
3654             <td class="sig">
3655                 <a id="Roo.Element-method-getBottom"   name=".getBottom"></a>
3656                 <div class="fixedFont">
3657                         <span class="attributes"></span><b class="itemname">getBottom</b>
3658
3659                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3660
3661
3662                                          :
3663
3664
3665                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3666
3667
3668
3669
3670
3671                 </div>
3672                 <div class="mdesc">
3673
3674                    <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div>
3675
3676
3677
3678                     <div class="long">
3679
3680                                 Gets the bottom Y coordinate of the element (element Y position + element height)
3681
3682
3683
3684
3685
3686
3687                                 <dl class="detailList">
3688                                 <dt class="heading">Parameters:</dt>
3689
3690                                         <dt>
3691                                                 <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>
3692
3693                                         </dt>
3694                                         <dd>True to get the local css position instead of page coordinate</dd>
3695
3696                                 </dl>
3697
3698
3699
3700
3701
3702                                 <dl class="detailList">
3703                                 <dt class="heading">Returns:</dt>
3704
3705                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
3706
3707                                 </dl>
3708
3709
3710
3711
3712
3713
3714
3715                     </div>
3716                 </div>
3717
3718             </td>
3719             <td class="msource">
3720
3721                         Roo.Element
3722                 &nbsp;
3723             </td>
3724         </tr>
3725
3726
3727           <tr class="method-row config-row-alt0 expandable notInherited">
3728             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3729
3730
3731             <td class="sig">
3732                 <a id="Roo.Element-method-getBox"   name=".getBox"></a>
3733                 <div class="fixedFont">
3734                         <span class="attributes"></span><b class="itemname">getBox</b>
3735
3736                                  (<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>)
3737
3738
3739                                          :
3740
3741
3742                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3743
3744
3745
3746
3747
3748                 </div>
3749                 <div class="mdesc">
3750
3751                    <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>
3752
3753
3754
3755                     <div class="long">
3756
3757                                 Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.
3758
3759
3760
3761
3762
3763
3764                                 <dl class="detailList">
3765                                 <dt class="heading">Parameters:</dt>
3766
3767                                         <dt>
3768                                                 <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>
3769
3770                                         </dt>
3771                                         <dd>(optional) If true a box for the content of the element is returned.</dd>
3772
3773                                         <dt>
3774                                                 <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>
3775
3776                                         </dt>
3777                                         <dd>(optional) If true the element's left and top are returned instead of page x/y.</dd>
3778
3779                                 </dl>
3780
3781
3782
3783
3784
3785                                 <dl class="detailList">
3786                                 <dt class="heading">Returns:</dt>
3787
3788                                         <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>
3789
3790                                 </dl>
3791
3792
3793
3794
3795
3796
3797
3798                     </div>
3799                 </div>
3800
3801             </td>
3802             <td class="msource">
3803
3804                         Roo.Element
3805                 &nbsp;
3806             </td>
3807         </tr>
3808
3809
3810           <tr class="method-row config-row-alt1 expandable notInherited">
3811             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3812
3813
3814             <td class="sig">
3815                 <a id="Roo.Element-method-getCenterXY"   name=".getCenterXY"></a>
3816                 <div class="fixedFont">
3817                         <span class="attributes"></span><b class="itemname">getCenterXY</b>
3818
3819                                  ()
3820
3821
3822                                          :
3823
3824
3825                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3826
3827
3828
3829
3830
3831                 </div>
3832                 <div class="mdesc">
3833
3834                    <div class="short">Calculates the x, y to center this element on the screen</div>
3835
3836
3837
3838                     <div class="long">
3839
3840                                 Calculates the x, y to center this element on the screen
3841
3842
3843
3844
3845
3846
3847
3848
3849
3850
3851                                 <dl class="detailList">
3852                                 <dt class="heading">Returns:</dt>
3853
3854                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The x, y values [x, y]</dd>
3855
3856                                 </dl>
3857
3858
3859
3860
3861
3862
3863
3864                     </div>
3865                 </div>
3866
3867             </td>
3868             <td class="msource">
3869
3870                         Roo.Element
3871                 &nbsp;
3872             </td>
3873         </tr>
3874
3875
3876           <tr class="method-row config-row-alt0 expandable notInherited">
3877             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3878
3879
3880             <td class="sig">
3881                 <a id="Roo.Element-method-getColor"   name=".getColor"></a>
3882                 <div class="fixedFont">
3883                         <span class="attributes"></span><b class="itemname">getColor</b>
3884
3885                                  (<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>)
3886
3887
3888
3889                 </div>
3890                 <div class="mdesc">
3891
3892                    <div class="short">Return the CSS color for the specified CSS attribute.</div>
3893
3894
3895
3896                     <div class="long">
3897
3898                                 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.
3899
3900
3901
3902
3903
3904
3905                                 <dl class="detailList">
3906                                 <dt class="heading">Parameters:</dt>
3907
3908                                         <dt>
3909                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>attr</b>
3910
3911                                         </dt>
3912                                         <dd>The css attribute</dd>
3913
3914                                         <dt>
3915                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>defaultValue</b>
3916
3917                                         </dt>
3918                                         <dd>The default value to use when a valid color isn't found</dd>
3919
3920                                         <dt>
3921                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>prefix</b>
3922
3923                                         </dt>
3924                                         <dd>(optional) defaults to #. Use an empty string when working with<br/>YUI color anims.</dd>
3925
3926                                 </dl>
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938                     </div>
3939                 </div>
3940
3941             </td>
3942             <td class="msource">
3943
3944                         Roo.Element
3945                 &nbsp;
3946             </td>
3947         </tr>
3948
3949
3950           <tr class="method-row config-row-alt1 expandable notInherited">
3951             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3952
3953
3954             <td class="sig">
3955                 <a id="Roo.Element-method-getComputedHeight"   name=".getComputedHeight"></a>
3956                 <div class="fixedFont">
3957                         <span class="attributes"></span><b class="itemname">getComputedHeight</b>
3958
3959                                  ()
3960
3961
3962                                          :
3963
3964
3965                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3966
3967
3968
3969
3970
3971                 </div>
3972                 <div class="mdesc">
3973
3974                    <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>
3975
3976
3977
3978                     <div class="long">
3979
3980                                 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.
3981
3982
3983
3984
3985
3986
3987
3988
3989
3990
3991                                 <dl class="detailList">
3992                                 <dt class="heading">Returns:</dt>
3993
3994                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
3995
3996                                 </dl>
3997
3998
3999
4000
4001
4002
4003
4004                     </div>
4005                 </div>
4006
4007             </td>
4008             <td class="msource">
4009
4010                         Roo.Element
4011                 &nbsp;
4012             </td>
4013         </tr>
4014
4015
4016           <tr class="method-row config-row-alt0 expandable notInherited">
4017             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4018
4019
4020             <td class="sig">
4021                 <a id="Roo.Element-method-getComputedWidth"   name=".getComputedWidth"></a>
4022                 <div class="fixedFont">
4023                         <span class="attributes"></span><b class="itemname">getComputedWidth</b>
4024
4025                                  ()
4026
4027
4028                                          :
4029
4030
4031                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4032
4033
4034
4035
4036
4037                 </div>
4038                 <div class="mdesc">
4039
4040                    <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>
4041
4042
4043
4044                     <div class="long">
4045
4046                                 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.
4047
4048
4049
4050
4051
4052
4053
4054
4055
4056
4057                                 <dl class="detailList">
4058                                 <dt class="heading">Returns:</dt>
4059
4060                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4061
4062                                 </dl>
4063
4064
4065
4066
4067
4068
4069
4070                     </div>
4071                 </div>
4072
4073             </td>
4074             <td class="msource">
4075
4076                         Roo.Element
4077                 &nbsp;
4078             </td>
4079         </tr>
4080
4081
4082           <tr class="method-row config-row-alt1 expandable notInherited">
4083             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4084
4085
4086             <td class="sig">
4087                 <a id="Roo.Element-method-getFrameWidth"   name=".getFrameWidth"></a>
4088                 <div class="fixedFont">
4089                         <span class="attributes"></span><b class="itemname">getFrameWidth</b>
4090
4091                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4092
4093
4094                                          :
4095
4096
4097                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4098
4099
4100
4101
4102
4103                 </div>
4104                 <div class="mdesc">
4105
4106                    <div class="short">Returns the sum width of the padding and borders for the passed "sides".</div>
4107
4108
4109
4110                     <div class="long">
4111
4112                                 Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()<br/>         for more information about the sides.
4113
4114
4115
4116
4117
4118
4119                                 <dl class="detailList">
4120                                 <dt class="heading">Parameters:</dt>
4121
4122                                         <dt>
4123                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sides</b>
4124
4125                                         </dt>
4126                                         <dd></dd>
4127
4128                                 </dl>
4129
4130
4131
4132
4133
4134                                 <dl class="detailList">
4135                                 <dt class="heading">Returns:</dt>
4136
4137                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4138
4139                                 </dl>
4140
4141
4142
4143
4144
4145
4146
4147                     </div>
4148                 </div>
4149
4150             </td>
4151             <td class="msource">
4152
4153                         Roo.Element
4154                 &nbsp;
4155             </td>
4156         </tr>
4157
4158
4159           <tr class="method-row config-row-alt0 expandable notInherited">
4160             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4161
4162
4163             <td class="sig">
4164                 <a id="Roo.Element-method-getHeight"   name=".getHeight"></a>
4165                 <div class="fixedFont">
4166                         <span class="attributes"></span><b class="itemname">getHeight</b>
4167
4168                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentHeight</i></B>)
4169
4170
4171                                          :
4172
4173
4174                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4175
4176
4177
4178
4179
4180                 </div>
4181                 <div class="mdesc">
4182
4183                    <div class="short">Returns the offset height of the element</div>
4184
4185
4186
4187                     <div class="long">
4188
4189                                 Returns the offset height of the element
4190
4191
4192
4193
4194
4195
4196                                 <dl class="detailList">
4197                                 <dt class="heading">Parameters:</dt>
4198
4199                                         <dt>
4200                                                 <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>
4201
4202                                         </dt>
4203                                         <dd>(optional) true to get the height minus borders and padding</dd>
4204
4205                                 </dl>
4206
4207
4208
4209
4210
4211                                 <dl class="detailList">
4212                                 <dt class="heading">Returns:</dt>
4213
4214                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The element's height</dd>
4215
4216                                 </dl>
4217
4218
4219
4220
4221
4222
4223
4224                     </div>
4225                 </div>
4226
4227             </td>
4228             <td class="msource">
4229
4230                         Roo.Element
4231                 &nbsp;
4232             </td>
4233         </tr>
4234
4235
4236           <tr class="method-row config-row-alt1 expandable notInherited">
4237             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4238
4239
4240             <td class="sig">
4241                 <a id="Roo.Element-method-getLeft"   name=".getLeft"></a>
4242                 <div class="fixedFont">
4243                         <span class="attributes"></span><b class="itemname">getLeft</b>
4244
4245                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4246
4247
4248                                          :
4249
4250
4251                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4252
4253
4254
4255
4256
4257                 </div>
4258                 <div class="mdesc">
4259
4260                    <div class="short">Gets the left X coordinate</div>
4261
4262
4263
4264                     <div class="long">
4265
4266                                 Gets the left X coordinate
4267
4268
4269
4270
4271
4272
4273                                 <dl class="detailList">
4274                                 <dt class="heading">Parameters:</dt>
4275
4276                                         <dt>
4277                                                 <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>
4278
4279                                         </dt>
4280                                         <dd>True to get the local css position instead of page coordinate</dd>
4281
4282                                 </dl>
4283
4284
4285
4286
4287
4288                                 <dl class="detailList">
4289                                 <dt class="heading">Returns:</dt>
4290
4291                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4292
4293                                 </dl>
4294
4295
4296
4297
4298
4299
4300
4301                     </div>
4302                 </div>
4303
4304             </td>
4305             <td class="msource">
4306
4307                         Roo.Element
4308                 &nbsp;
4309             </td>
4310         </tr>
4311
4312
4313           <tr class="method-row config-row-alt0 expandable notInherited">
4314             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4315
4316
4317             <td class="sig">
4318                 <a id="Roo.Element-method-getMargins"   name=".getMargins"></a>
4319                 <div class="fixedFont">
4320                         <span class="attributes"></span><b class="itemname">getMargins</b>
4321
4322                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4323
4324
4325                                          :
4326
4327
4328                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number
4329
4330
4331
4332
4333
4334                 </div>
4335                 <div class="mdesc">
4336
4337                    <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>
4338
4339
4340
4341                     <div class="long">
4342
4343                                 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)
4344
4345
4346
4347
4348
4349
4350                                 <dl class="detailList">
4351                                 <dt class="heading">Parameters:</dt>
4352
4353                                         <dt>
4354                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sides</b>
4355
4356                                         </dt>
4357                                         <dd>(optional) Any combination of l, r, t, b to get the sum of those sides</dd>
4358
4359                                 </dl>
4360
4361
4362
4363
4364
4365                                 <dl class="detailList">
4366                                 <dt class="heading">Returns:</dt>
4367
4368                                         <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>
4369
4370                                 </dl>
4371
4372
4373
4374
4375
4376
4377
4378                     </div>
4379                 </div>
4380
4381             </td>
4382             <td class="msource">
4383
4384                         Roo.Element
4385                 &nbsp;
4386             </td>
4387         </tr>
4388
4389
4390           <tr class="method-row config-row-alt1 expandable notInherited">
4391             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4392
4393
4394             <td class="sig">
4395                 <a id="Roo.Element-method-getNextSibling"   name=".getNextSibling"></a>
4396                 <div class="fixedFont">
4397                         <span class="attributes"></span><b class="itemname">getNextSibling</b>
4398
4399                                  ()
4400
4401
4402                                          :
4403
4404
4405                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4406
4407
4408
4409
4410
4411                 </div>
4412                 <div class="mdesc">
4413
4414                    <div class="short">Gets the next sibling, skipping text nodes</div>
4415
4416
4417
4418                     <div class="long">
4419
4420                                 Gets the next sibling, skipping text nodes
4421
4422
4423
4424
4425
4426
4427
4428
4429
4430
4431                                 <dl class="detailList">
4432                                 <dt class="heading">Returns:</dt>
4433
4434                                         <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>
4435
4436                                 </dl>
4437
4438
4439
4440
4441
4442
4443
4444                     </div>
4445                 </div>
4446
4447             </td>
4448             <td class="msource">
4449
4450                         Roo.Element
4451                 &nbsp;
4452             </td>
4453         </tr>
4454
4455
4456           <tr class="method-row config-row-alt0 expandable notInherited">
4457             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4458
4459
4460             <td class="sig">
4461                 <a id="Roo.Element-method-getPadding"   name=".getPadding"></a>
4462                 <div class="fixedFont">
4463                         <span class="attributes"></span><b class="itemname">getPadding</b>
4464
4465                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
4466
4467
4468                                          :
4469
4470
4471                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4472
4473
4474
4475
4476
4477                 </div>
4478                 <div class="mdesc">
4479
4480                    <div class="short">Gets the width of the padding(s) for the specified side(s)</div>
4481
4482
4483
4484                     <div class="long">
4485
4486                                 Gets the width of the padding(s) for the specified side(s)
4487
4488
4489
4490
4491
4492
4493                                 <dl class="detailList">
4494                                 <dt class="heading">Parameters:</dt>
4495
4496                                         <dt>
4497                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
4498
4499                                         </dt>
4500                                         <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>
4501
4502                                 </dl>
4503
4504
4505
4506
4507
4508                                 <dl class="detailList">
4509                                 <dt class="heading">Returns:</dt>
4510
4511                                         <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>
4512
4513                                 </dl>
4514
4515
4516
4517
4518
4519
4520
4521                     </div>
4522                 </div>
4523
4524             </td>
4525             <td class="msource">
4526
4527                         Roo.Element
4528                 &nbsp;
4529             </td>
4530         </tr>
4531
4532
4533           <tr class="method-row config-row-alt1 expandable notInherited">
4534             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4535
4536
4537             <td class="sig">
4538                 <a id="Roo.Element-method-getPositioning"   name=".getPositioning"></a>
4539                 <div class="fixedFont">
4540                         <span class="attributes"></span><b class="itemname">getPositioning</b>
4541
4542                                  ()
4543
4544
4545                                          :
4546
4547
4548                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4549
4550
4551
4552
4553
4554                 </div>
4555                 <div class="mdesc">
4556
4557                    <div class="short">Gets an object with all CSS positioning properties.</div>
4558
4559
4560
4561                     <div class="long">
4562
4563                                 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.
4564
4565
4566
4567
4568
4569
4570
4571
4572
4573
4574                                 <dl class="detailList">
4575                                 <dt class="heading">Returns:</dt>
4576
4577                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  </dd>
4578
4579                                 </dl>
4580
4581
4582
4583
4584
4585
4586
4587                     </div>
4588                 </div>
4589
4590             </td>
4591             <td class="msource">
4592
4593                         Roo.Element
4594                 &nbsp;
4595             </td>
4596         </tr>
4597
4598
4599           <tr class="method-row config-row-alt0 expandable notInherited">
4600             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4601
4602
4603             <td class="sig">
4604                 <a id="Roo.Element-method-getPrevSibling"   name=".getPrevSibling"></a>
4605                 <div class="fixedFont">
4606                         <span class="attributes"></span><b class="itemname">getPrevSibling</b>
4607
4608                                  ()
4609
4610
4611                                          :
4612
4613
4614                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4615
4616
4617
4618
4619
4620                 </div>
4621                 <div class="mdesc">
4622
4623                    <div class="short">Gets the previous sibling, skipping text nodes</div>
4624
4625
4626
4627                     <div class="long">
4628
4629                                 Gets the previous sibling, skipping text nodes
4630
4631
4632
4633
4634
4635
4636
4637
4638
4639
4640                                 <dl class="detailList">
4641                                 <dt class="heading">Returns:</dt>
4642
4643                                         <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>
4644
4645                                 </dl>
4646
4647
4648
4649
4650
4651
4652
4653                     </div>
4654                 </div>
4655
4656             </td>
4657             <td class="msource">
4658
4659                         Roo.Element
4660                 &nbsp;
4661             </td>
4662         </tr>
4663
4664
4665           <tr class="method-row config-row-alt1 expandable notInherited">
4666             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4667
4668
4669             <td class="sig">
4670                 <a id="Roo.Element-method-getRegion"   name=".getRegion"></a>
4671                 <div class="fixedFont">
4672                         <span class="attributes"></span><b class="itemname">getRegion</b>
4673
4674                                  ()
4675
4676
4677                                          :
4678
4679
4680                                                 Region
4681
4682
4683
4684
4685
4686                 </div>
4687                 <div class="mdesc">
4688
4689                    <div class="short">Returns the region of the given element.</div>
4690
4691
4692
4693                     <div class="long">
4694
4695                                 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).
4696
4697
4698
4699
4700
4701
4702
4703
4704
4705
4706                                 <dl class="detailList">
4707                                 <dt class="heading">Returns:</dt>
4708
4709                                         <dd><span class="fixedFont">Region</span>  A Roo.lib.Region containing "top, left, bottom, right" member data.</dd>
4710
4711                                 </dl>
4712
4713
4714
4715
4716
4717
4718
4719                     </div>
4720                 </div>
4721
4722             </td>
4723             <td class="msource">
4724
4725                         Roo.Element
4726                 &nbsp;
4727             </td>
4728         </tr>
4729
4730
4731           <tr class="method-row config-row-alt0 expandable notInherited">
4732             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4733
4734
4735             <td class="sig">
4736                 <a id="Roo.Element-method-getRight"   name=".getRight"></a>
4737                 <div class="fixedFont">
4738                         <span class="attributes"></span><b class="itemname">getRight</b>
4739
4740                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4741
4742
4743                                          :
4744
4745
4746                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4747
4748
4749
4750
4751
4752                 </div>
4753                 <div class="mdesc">
4754
4755                    <div class="short">Gets the right X coordinate of the element (element X position + element width)</div>
4756
4757
4758
4759                     <div class="long">
4760
4761                                 Gets the right X coordinate of the element (element X position + element width)
4762
4763
4764
4765
4766
4767
4768                                 <dl class="detailList">
4769                                 <dt class="heading">Parameters:</dt>
4770
4771                                         <dt>
4772                                                 <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>
4773
4774                                         </dt>
4775                                         <dd>True to get the local css position instead of page coordinate</dd>
4776
4777                                 </dl>
4778
4779
4780
4781
4782
4783                                 <dl class="detailList">
4784                                 <dt class="heading">Returns:</dt>
4785
4786                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
4787
4788                                 </dl>
4789
4790
4791
4792
4793
4794
4795
4796                     </div>
4797                 </div>
4798
4799             </td>
4800             <td class="msource">
4801
4802                         Roo.Element
4803                 &nbsp;
4804             </td>
4805         </tr>
4806
4807
4808           <tr class="method-row config-row-alt1 expandable notInherited">
4809             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4810
4811
4812             <td class="sig">
4813                 <a id="Roo.Element-method-getScroll"   name=".getScroll"></a>
4814                 <div class="fixedFont">
4815                         <span class="attributes"></span><b class="itemname">getScroll</b>
4816
4817                                  ()
4818
4819
4820                                          :
4821
4822
4823                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4824
4825
4826
4827
4828
4829                 </div>
4830                 <div class="mdesc">
4831
4832                    <div class="short">Returns the current scroll position of the element.</div>
4833
4834
4835
4836                     <div class="long">
4837
4838                                 Returns the current scroll position of the element.
4839
4840
4841
4842
4843
4844
4845
4846
4847
4848
4849                                 <dl class="detailList">
4850                                 <dt class="heading">Returns:</dt>
4851
4852                                         <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>
4853
4854                                 </dl>
4855
4856
4857
4858
4859
4860
4861
4862                     </div>
4863                 </div>
4864
4865             </td>
4866             <td class="msource">
4867
4868                         Roo.Element
4869                 &nbsp;
4870             </td>
4871         </tr>
4872
4873
4874           <tr class="method-row config-row-alt0 expandable notInherited">
4875             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4876
4877
4878             <td class="sig">
4879                 <a id="Roo.Element-method-getSize"   name=".getSize"></a>
4880                 <div class="fixedFont">
4881                         <span class="attributes"></span><b class="itemname">getSize</b>
4882
4883                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentSize</i></B>)
4884
4885
4886                                          :
4887
4888
4889                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4890
4891
4892
4893
4894
4895                 </div>
4896                 <div class="mdesc">
4897
4898                    <div class="short">Returns the size of the element.</div>
4899
4900
4901
4902                     <div class="long">
4903
4904                                 Returns the size of the element.
4905
4906
4907
4908
4909
4910
4911                                 <dl class="detailList">
4912                                 <dt class="heading">Parameters:</dt>
4913
4914                                         <dt>
4915                                                 <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>
4916
4917                                         </dt>
4918                                         <dd>(optional) true to get the width/size minus borders and padding</dd>
4919
4920                                 </dl>
4921
4922
4923
4924
4925
4926                                 <dl class="detailList">
4927                                 <dt class="heading">Returns:</dt>
4928
4929                                         <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>
4930
4931                                 </dl>
4932
4933
4934
4935
4936
4937
4938
4939                     </div>
4940                 </div>
4941
4942             </td>
4943             <td class="msource">
4944
4945                         Roo.Element
4946                 &nbsp;
4947             </td>
4948         </tr>
4949
4950
4951           <tr class="method-row config-row-alt1 expandable notInherited">
4952             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4953
4954
4955             <td class="sig">
4956                 <a id="Roo.Element-method-getStyle"   name=".getStyle"></a>
4957                 <div class="fixedFont">
4958                         <span class="attributes"></span><b class="itemname">getStyle</b>
4959
4960                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>property</i></B>)
4961
4962
4963                                          :
4964
4965
4966                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
4967
4968
4969
4970
4971
4972                 </div>
4973                 <div class="mdesc">
4974
4975                    <div class="short">Normalizes currentStyle and computedStyle.</div>
4976
4977
4978
4979                     <div class="long">
4980
4981                                 Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.
4982
4983
4984
4985
4986
4987
4988                                 <dl class="detailList">
4989                                 <dt class="heading">Parameters:</dt>
4990
4991                                         <dt>
4992                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>property</b>
4993
4994                                         </dt>
4995                                         <dd>The style property whose value is returned.</dd>
4996
4997                                 </dl>
4998
4999
5000
5001
5002
5003                                 <dl class="detailList">
5004                                 <dt class="heading">Returns:</dt>
5005
5006                                         <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>
5007
5008                                 </dl>
5009
5010
5011
5012
5013
5014
5015
5016                     </div>
5017                 </div>
5018
5019             </td>
5020             <td class="msource">
5021
5022                         Roo.Element
5023                 &nbsp;
5024             </td>
5025         </tr>
5026
5027
5028           <tr class="method-row config-row-alt0 expandable notInherited">
5029             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5030
5031
5032             <td class="sig">
5033                 <a id="Roo.Element-method-getStyles"   name=".getStyles"></a>
5034                 <div class="fixedFont">
5035                         <span class="attributes"></span><b class="itemname">getStyles</b>
5036
5037                                  (<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>)
5038
5039
5040                                          :
5041
5042
5043                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5044
5045
5046
5047
5048
5049                 </div>
5050                 <div class="mdesc">
5051
5052                    <div class="short">Returns an object with properties matching the styles requested.</div>
5053
5054
5055
5056                     <div class="long">
5057
5058                                 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'}.
5059
5060
5061
5062
5063
5064
5065                                 <dl class="detailList">
5066                                 <dt class="heading">Parameters:</dt>
5067
5068                                         <dt>
5069                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>style1</b>
5070
5071                                         </dt>
5072                                         <dd>A style name</dd>
5073
5074                                         <dt>
5075                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>style2</b>
5076
5077                                         </dt>
5078                                         <dd>A style name</dd>
5079
5080                                         <dt>
5081                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>etc.</b>
5082
5083                                         </dt>
5084                                         <dd></dd>
5085
5086                                 </dl>
5087
5088
5089
5090
5091
5092                                 <dl class="detailList">
5093                                 <dt class="heading">Returns:</dt>
5094
5095                                         <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>
5096
5097                                 </dl>
5098
5099
5100
5101
5102
5103
5104
5105                     </div>
5106                 </div>
5107
5108             </td>
5109             <td class="msource">
5110
5111                         Roo.Element
5112                 &nbsp;
5113             </td>
5114         </tr>
5115
5116
5117           <tr class="method-row config-row-alt1 expandable notInherited">
5118             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5119
5120
5121             <td class="sig">
5122                 <a id="Roo.Element-method-getTop"   name=".getTop"></a>
5123                 <div class="fixedFont">
5124                         <span class="attributes"></span><b class="itemname">getTop</b>
5125
5126                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
5127
5128
5129                                          :
5130
5131
5132                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5133
5134
5135
5136
5137
5138                 </div>
5139                 <div class="mdesc">
5140
5141                    <div class="short">Gets the top Y coordinate</div>
5142
5143
5144
5145                     <div class="long">
5146
5147                                 Gets the top Y coordinate
5148
5149
5150
5151
5152
5153
5154                                 <dl class="detailList">
5155                                 <dt class="heading">Parameters:</dt>
5156
5157                                         <dt>
5158                                                 <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>
5159
5160                                         </dt>
5161                                         <dd>True to get the local css position instead of page coordinate</dd>
5162
5163                                 </dl>
5164
5165
5166
5167
5168
5169                                 <dl class="detailList">
5170                                 <dt class="heading">Returns:</dt>
5171
5172                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
5173
5174                                 </dl>
5175
5176
5177
5178
5179
5180
5181
5182                     </div>
5183                 </div>
5184
5185             </td>
5186             <td class="msource">
5187
5188                         Roo.Element
5189                 &nbsp;
5190             </td>
5191         </tr>
5192
5193
5194           <tr class="method-row config-row-alt0 expandable notInherited">
5195             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5196
5197
5198             <td class="sig">
5199                 <a id="Roo.Element-method-getUpdateManager"   name=".getUpdateManager"></a>
5200                 <div class="fixedFont">
5201                         <span class="attributes"></span><b class="itemname">getUpdateManager</b>
5202
5203                                  ()
5204
5205
5206                                          :
5207
5208
5209                                                 <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>
5210
5211
5212
5213
5214
5215                 </div>
5216                 <div class="mdesc">
5217
5218                    <div class="short">Gets this element's UpdateManager</div>
5219
5220
5221
5222                     <div class="long">
5223
5224                                 Gets this element's UpdateManager
5225
5226
5227
5228
5229
5230
5231
5232
5233
5234
5235                                 <dl class="detailList">
5236                                 <dt class="heading">Returns:</dt>
5237
5238                                         <dd><span class="fixedFont"><a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a></span>  The UpdateManager</dd>
5239
5240                                 </dl>
5241
5242
5243
5244
5245
5246
5247
5248                     </div>
5249                 </div>
5250
5251             </td>
5252             <td class="msource">
5253
5254                         Roo.Element
5255                 &nbsp;
5256             </td>
5257         </tr>
5258
5259
5260           <tr class="method-row config-row-alt1 expandable notInherited">
5261             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5262
5263
5264             <td class="sig">
5265                 <a id="Roo.Element-method-getValue"   name=".getValue"></a>
5266                 <div class="fixedFont">
5267                         <span class="attributes"></span><b class="itemname">getValue</b>
5268
5269                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asNumber</i></B>)
5270
5271
5272                                          :
5273
5274
5275                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number
5276
5277
5278
5279
5280
5281                 </div>
5282                 <div class="mdesc">
5283
5284                    <div class="short">Returns the value of the "value" attribute</div>
5285
5286
5287
5288                     <div class="long">
5289
5290                                 Returns the value of the "value" attribute
5291
5292
5293
5294
5295
5296
5297                                 <dl class="detailList">
5298                                 <dt class="heading">Parameters:</dt>
5299
5300                                         <dt>
5301                                                 <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>
5302
5303                                         </dt>
5304                                         <dd>true to parse the value as a number</dd>
5305
5306                                 </dl>
5307
5308
5309
5310
5311
5312                                 <dl class="detailList">
5313                                 <dt class="heading">Returns:</dt>
5314
5315                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  </dd>
5316
5317                                 </dl>
5318
5319
5320
5321
5322
5323
5324
5325                     </div>
5326                 </div>
5327
5328             </td>
5329             <td class="msource">
5330
5331                         Roo.Element
5332                 &nbsp;
5333             </td>
5334         </tr>
5335
5336
5337           <tr class="method-row config-row-alt0 expandable notInherited">
5338             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5339
5340
5341             <td class="sig">
5342                 <a id="Roo.Element-method-getViewSize"   name=".getViewSize"></a>
5343                 <div class="fixedFont">
5344                         <span class="attributes"></span><b class="itemname">getViewSize</b>
5345
5346                                  ()
5347
5348
5349                                          :
5350
5351
5352                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5353
5354
5355
5356
5357
5358                 </div>
5359                 <div class="mdesc">
5360
5361                    <div class="short">Returns the width and height of the viewport.</div>
5362
5363
5364
5365                     <div class="long">
5366
5367                                 Returns the width and height of the viewport.
5368
5369
5370
5371
5372
5373
5374
5375
5376
5377
5378                                 <dl class="detailList">
5379                                 <dt class="heading">Returns:</dt>
5380
5381                                         <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>
5382
5383                                 </dl>
5384
5385
5386
5387
5388
5389
5390
5391                     </div>
5392                 </div>
5393
5394             </td>
5395             <td class="msource">
5396
5397                         Roo.Element
5398                 &nbsp;
5399             </td>
5400         </tr>
5401
5402
5403           <tr class="method-row config-row-alt1 expandable notInherited">
5404             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5405
5406
5407             <td class="sig">
5408                 <a id="Roo.Element-method-getWidth"   name=".getWidth"></a>
5409                 <div class="fixedFont">
5410                         <span class="attributes"></span><b class="itemname">getWidth</b>
5411
5412                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentWidth</i></B>)
5413
5414
5415                                          :
5416
5417
5418                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5419
5420
5421
5422
5423
5424                 </div>
5425                 <div class="mdesc">
5426
5427                    <div class="short">Returns the offset width of the element</div>
5428
5429
5430
5431                     <div class="long">
5432
5433                                 Returns the offset width of the element
5434
5435
5436
5437
5438
5439
5440                                 <dl class="detailList">
5441                                 <dt class="heading">Parameters:</dt>
5442
5443                                         <dt>
5444                                                 <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>
5445
5446                                         </dt>
5447                                         <dd>(optional) true to get the width minus borders and padding</dd>
5448
5449                                 </dl>
5450
5451
5452
5453
5454
5455                                 <dl class="detailList">
5456                                 <dt class="heading">Returns:</dt>
5457
5458                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The element's width</dd>
5459
5460                                 </dl>
5461
5462
5463
5464
5465
5466
5467
5468                     </div>
5469                 </div>
5470
5471             </td>
5472             <td class="msource">
5473
5474                         Roo.Element
5475                 &nbsp;
5476             </td>
5477         </tr>
5478
5479
5480           <tr class="method-row config-row-alt0 expandable notInherited">
5481             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5482
5483
5484             <td class="sig">
5485                 <a id="Roo.Element-method-getX"   name=".getX"></a>
5486                 <div class="fixedFont">
5487                         <span class="attributes"></span><b class="itemname">getX</b>
5488
5489                                  ()
5490
5491
5492                                          :
5493
5494
5495                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5496
5497
5498
5499
5500
5501                 </div>
5502                 <div class="mdesc">
5503
5504                    <div class="short">Gets the current X position of the element based on page coordinates.</div>
5505
5506
5507
5508                     <div class="long">
5509
5510                                 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).
5511
5512
5513
5514
5515
5516
5517
5518
5519
5520
5521                                 <dl class="detailList">
5522                                 <dt class="heading">Returns:</dt>
5523
5524                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The X position of the element</dd>
5525
5526                                 </dl>
5527
5528
5529
5530
5531
5532
5533
5534                     </div>
5535                 </div>
5536
5537             </td>
5538             <td class="msource">
5539
5540                         Roo.Element
5541                 &nbsp;
5542             </td>
5543         </tr>
5544
5545
5546           <tr class="method-row config-row-alt1 expandable notInherited">
5547             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5548
5549
5550             <td class="sig">
5551                 <a id="Roo.Element-method-getXY"   name=".getXY"></a>
5552                 <div class="fixedFont">
5553                         <span class="attributes"></span><b class="itemname">getXY</b>
5554
5555                                  ()
5556
5557
5558                                          :
5559
5560
5561                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
5562
5563
5564
5565
5566
5567                 </div>
5568                 <div class="mdesc">
5569
5570                    <div class="short">Gets the current position of the element based on page coordinates.</div>
5571
5572
5573
5574                     <div class="long">
5575
5576                                 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).
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586
5587                                 <dl class="detailList">
5588                                 <dt class="heading">Returns:</dt>
5589
5590                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The XY position of the element</dd>
5591
5592                                 </dl>
5593
5594
5595
5596
5597
5598
5599
5600                     </div>
5601                 </div>
5602
5603             </td>
5604             <td class="msource">
5605
5606                         Roo.Element
5607                 &nbsp;
5608             </td>
5609         </tr>
5610
5611
5612           <tr class="method-row config-row-alt0 expandable notInherited">
5613             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5614
5615
5616             <td class="sig">
5617                 <a id="Roo.Element-method-getY"   name=".getY"></a>
5618                 <div class="fixedFont">
5619                         <span class="attributes"></span><b class="itemname">getY</b>
5620
5621                                  ()
5622
5623
5624                                          :
5625
5626
5627                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5628
5629
5630
5631
5632
5633                 </div>
5634                 <div class="mdesc">
5635
5636                    <div class="short">Gets the current Y position of the element based on page coordinates.</div>
5637
5638
5639
5640                     <div class="long">
5641
5642                                 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).
5643
5644
5645
5646
5647
5648
5649
5650
5651
5652
5653                                 <dl class="detailList">
5654                                 <dt class="heading">Returns:</dt>
5655
5656                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The Y position of the element</dd>
5657
5658                                 </dl>
5659
5660
5661
5662
5663
5664
5665
5666                     </div>
5667                 </div>
5668
5669             </td>
5670             <td class="msource">
5671
5672                         Roo.Element
5673                 &nbsp;
5674             </td>
5675         </tr>
5676
5677
5678           <tr class="method-row config-row-alt1 expandable notInherited">
5679             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5680
5681
5682             <td class="sig">
5683                 <a id="Roo.Element-method-hasClass"   name=".hasClass"></a>
5684                 <div class="fixedFont">
5685                         <span class="attributes"></span><b class="itemname">hasClass</b>
5686
5687                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
5688
5689
5690                                          :
5691
5692
5693                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5694
5695
5696
5697
5698
5699                 </div>
5700                 <div class="mdesc">
5701
5702                    <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div>
5703
5704
5705
5706                     <div class="long">
5707
5708                                 Checks if the specified CSS class exists on this element's DOM node.
5709
5710
5711
5712
5713
5714
5715                                 <dl class="detailList">
5716                                 <dt class="heading">Parameters:</dt>
5717
5718                                         <dt>
5719                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
5720
5721                                         </dt>
5722                                         <dd>The CSS class to check for</dd>
5723
5724                                 </dl>
5725
5726
5727
5728
5729
5730                                 <dl class="detailList">
5731                                 <dt class="heading">Returns:</dt>
5732
5733                                         <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>
5734
5735                                 </dl>
5736
5737
5738
5739
5740
5741
5742
5743                     </div>
5744                 </div>
5745
5746             </td>
5747             <td class="msource">
5748
5749                         Roo.Element
5750                 &nbsp;
5751             </td>
5752         </tr>
5753
5754
5755           <tr class="method-row config-row-alt0 expandable notInherited">
5756             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5757
5758
5759             <td class="sig">
5760                 <a id="Roo.Element-method-hide"   name=".hide"></a>
5761                 <div class="fixedFont">
5762                         <span class="attributes"></span><b class="itemname">hide</b>
5763
5764                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
5765
5766
5767                                          :
5768
5769
5770                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5771
5772
5773
5774
5775
5776                 </div>
5777                 <div class="mdesc">
5778
5779                    <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility".</div>
5780
5781
5782
5783                     <div class="long">
5784
5785                                 Hide this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
5786
5787
5788
5789
5790
5791
5792                                 <dl class="detailList">
5793                                 <dt class="heading">Parameters:</dt>
5794
5795                                         <dt>
5796                                                 <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>
5797
5798                                         </dt>
5799                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
5800
5801                                 </dl>
5802
5803
5804
5805
5806
5807                                 <dl class="detailList">
5808                                 <dt class="heading">Returns:</dt>
5809
5810                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
5811
5812                                 </dl>
5813
5814
5815
5816
5817
5818
5819
5820                     </div>
5821                 </div>
5822
5823             </td>
5824             <td class="msource">
5825
5826                         Roo.Element
5827                 &nbsp;
5828             </td>
5829         </tr>
5830
5831
5832           <tr class="method-row config-row-alt1 expandable notInherited">
5833             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5834
5835
5836             <td class="sig">
5837                 <a id="Roo.Element-method-initDD"   name=".initDD"></a>
5838                 <div class="fixedFont">
5839                         <span class="attributes"></span><b class="itemname">initDD</b>
5840
5841                                  (<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>)
5842
5843
5844                                          :
5845
5846
5847                                                 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
5848
5849
5850
5851
5852
5853                 </div>
5854                 <div class="mdesc">
5855
5856                    <div class="short">Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.</div>
5857
5858
5859
5860                     <div class="long">
5861
5862                                 Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.
5863
5864
5865
5866
5867
5868
5869                                 <dl class="detailList">
5870                                 <dt class="heading">Parameters:</dt>
5871
5872                                         <dt>
5873                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5874
5875                                         </dt>
5876                                         <dd>The group the DD object is member of</dd>
5877
5878                                         <dt>
5879                                                 <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>
5880
5881                                         </dt>
5882                                         <dd>The DD config object</dd>
5883
5884                                         <dt>
5885                                                 <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>
5886
5887                                         </dt>
5888                                         <dd>An object containing methods to override/implement on the DD object</dd>
5889
5890                                 </dl>
5891
5892
5893
5894
5895
5896                                 <dl class="detailList">
5897                                 <dt class="heading">Returns:</dt>
5898
5899                                         <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>
5900
5901                                 </dl>
5902
5903
5904
5905
5906
5907
5908
5909                     </div>
5910                 </div>
5911
5912             </td>
5913             <td class="msource">
5914
5915                         Roo.Element
5916                 &nbsp;
5917             </td>
5918         </tr>
5919
5920
5921           <tr class="method-row config-row-alt0 expandable notInherited">
5922             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5923
5924
5925             <td class="sig">
5926                 <a id="Roo.Element-method-initDDProxy"   name=".initDDProxy"></a>
5927                 <div class="fixedFont">
5928                         <span class="attributes"></span><b class="itemname">initDDProxy</b>
5929
5930                                  (<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>)
5931
5932
5933                                          :
5934
5935
5936                                                 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
5937
5938
5939
5940
5941
5942                 </div>
5943                 <div class="mdesc">
5944
5945                    <div class="short">Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.</div>
5946
5947
5948
5949                     <div class="long">
5950
5951                                 Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.
5952
5953
5954
5955
5956
5957
5958                                 <dl class="detailList">
5959                                 <dt class="heading">Parameters:</dt>
5960
5961                                         <dt>
5962                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
5963
5964                                         </dt>
5965                                         <dd>The group the DDProxy object is member of</dd>
5966
5967                                         <dt>
5968                                                 <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>
5969
5970                                         </dt>
5971                                         <dd>The DDProxy config object</dd>
5972
5973                                         <dt>
5974                                                 <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>
5975
5976                                         </dt>
5977                                         <dd>An object containing methods to override/implement on the DDProxy object</dd>
5978
5979                                 </dl>
5980
5981
5982
5983
5984
5985                                 <dl class="detailList">
5986                                 <dt class="heading">Returns:</dt>
5987
5988                                         <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>
5989
5990                                 </dl>
5991
5992
5993
5994
5995
5996
5997
5998                     </div>
5999                 </div>
6000
6001             </td>
6002             <td class="msource">
6003
6004                         Roo.Element
6005                 &nbsp;
6006             </td>
6007         </tr>
6008
6009
6010           <tr class="method-row config-row-alt1 expandable notInherited">
6011             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6012
6013
6014             <td class="sig">
6015                 <a id="Roo.Element-method-initDDTarget"   name=".initDDTarget"></a>
6016                 <div class="fixedFont">
6017                         <span class="attributes"></span><b class="itemname">initDDTarget</b>
6018
6019                                  (<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>)
6020
6021
6022                                          :
6023
6024
6025                                                 <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>
6026
6027
6028
6029
6030
6031                 </div>
6032                 <div class="mdesc">
6033
6034                    <div class="short">Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.</div>
6035
6036
6037
6038                     <div class="long">
6039
6040                                 Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.
6041
6042
6043
6044
6045
6046
6047                                 <dl class="detailList">
6048                                 <dt class="heading">Parameters:</dt>
6049
6050                                         <dt>
6051                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>group</b>
6052
6053                                         </dt>
6054                                         <dd>The group the DDTarget object is member of</dd>
6055
6056                                         <dt>
6057                                                 <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>
6058
6059                                         </dt>
6060                                         <dd>The DDTarget config object</dd>
6061
6062                                         <dt>
6063                                                 <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>
6064
6065                                         </dt>
6066                                         <dd>An object containing methods to override/implement on the DDTarget object</dd>
6067
6068                                 </dl>
6069
6070
6071
6072
6073
6074                                 <dl class="detailList">
6075                                 <dt class="heading">Returns:</dt>
6076
6077                                         <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>
6078
6079                                 </dl>
6080
6081
6082
6083
6084
6085
6086
6087                     </div>
6088                 </div>
6089
6090             </td>
6091             <td class="msource">
6092
6093                         Roo.Element
6094                 &nbsp;
6095             </td>
6096         </tr>
6097
6098
6099           <tr class="method-row config-row-alt0 expandable notInherited">
6100             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6101
6102
6103             <td class="sig">
6104                 <a id="Roo.Element-method-insertAfter"   name=".insertAfter"></a>
6105                 <div class="fixedFont">
6106                         <span class="attributes"></span><b class="itemname">insertAfter</b>
6107
6108                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6109
6110
6111                                          :
6112
6113
6114                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6115
6116
6117
6118
6119
6120                 </div>
6121                 <div class="mdesc">
6122
6123                    <div class="short">Inserts this element after the passed element in the DOM</div>
6124
6125
6126
6127                     <div class="long">
6128
6129                                 Inserts this element after the passed element in the DOM
6130
6131
6132
6133
6134
6135
6136                                 <dl class="detailList">
6137                                 <dt class="heading">Parameters:</dt>
6138
6139                                         <dt>
6140                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
6141
6142                                         </dt>
6143                                         <dd>The element to insert after</dd>
6144
6145                                 </dl>
6146
6147
6148
6149
6150
6151                                 <dl class="detailList">
6152                                 <dt class="heading">Returns:</dt>
6153
6154                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6155
6156                                 </dl>
6157
6158
6159
6160
6161
6162
6163
6164                     </div>
6165                 </div>
6166
6167             </td>
6168             <td class="msource">
6169
6170                         Roo.Element
6171                 &nbsp;
6172             </td>
6173         </tr>
6174
6175
6176           <tr class="method-row config-row-alt1 expandable notInherited">
6177             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6178
6179
6180             <td class="sig">
6181                 <a id="Roo.Element-method-insertBefore"   name=".insertBefore"></a>
6182                 <div class="fixedFont">
6183                         <span class="attributes"></span><b class="itemname">insertBefore</b>
6184
6185                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6186
6187
6188                                          :
6189
6190
6191                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6192
6193
6194
6195
6196
6197                 </div>
6198                 <div class="mdesc">
6199
6200                    <div class="short">Inserts this element before the passed element in the DOM</div>
6201
6202
6203
6204                     <div class="long">
6205
6206                                 Inserts this element before the passed element in the DOM
6207
6208
6209
6210
6211
6212
6213                                 <dl class="detailList">
6214                                 <dt class="heading">Parameters:</dt>
6215
6216                                         <dt>
6217                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
6218
6219                                         </dt>
6220                                         <dd>The element to insert before</dd>
6221
6222                                 </dl>
6223
6224
6225
6226
6227
6228                                 <dl class="detailList">
6229                                 <dt class="heading">Returns:</dt>
6230
6231                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
6232
6233                                 </dl>
6234
6235
6236
6237
6238
6239
6240
6241                     </div>
6242                 </div>
6243
6244             </td>
6245             <td class="msource">
6246
6247                         Roo.Element
6248                 &nbsp;
6249             </td>
6250         </tr>
6251
6252
6253           <tr class="method-row config-row-alt0 expandable notInherited">
6254             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6255
6256
6257             <td class="sig">
6258                 <a id="Roo.Element-method-insertFirst"   name=".insertFirst"></a>
6259                 <div class="fixedFont">
6260                         <span class="attributes"></span><b class="itemname">insertFirst</b>
6261
6262                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>)
6263
6264
6265                                          :
6266
6267
6268                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6269
6270
6271
6272
6273
6274                 </div>
6275                 <div class="mdesc">
6276
6277                    <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of the this element</div>
6278
6279
6280
6281                     <div class="long">
6282
6283                                 Inserts (or creates) an element (or DomHelper config) as the first child of the this element
6284
6285
6286
6287
6288
6289
6290                                 <dl class="detailList">
6291                                 <dt class="heading">Parameters:</dt>
6292
6293                                         <dt>
6294                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span>  <b>el</b>
6295
6296                                         </dt>
6297                                         <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6298
6299                                 </dl>
6300
6301
6302
6303
6304
6305                                 <dl class="detailList">
6306                                 <dt class="heading">Returns:</dt>
6307
6308                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The new child</dd>
6309
6310                                 </dl>
6311
6312
6313
6314
6315
6316
6317
6318                     </div>
6319                 </div>
6320
6321             </td>
6322             <td class="msource">
6323
6324                         Roo.Element
6325                 &nbsp;
6326             </td>
6327         </tr>
6328
6329
6330           <tr class="method-row config-row-alt1 expandable notInherited">
6331             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6332
6333
6334             <td class="sig">
6335                 <a id="Roo.Element-method-insertHtml"   name=".insertHtml"></a>
6336                 <div class="fixedFont">
6337                         <span class="attributes"></span><b class="itemname">insertHtml</b>
6338
6339                                  (<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>)
6340
6341
6342                                          :
6343
6344
6345                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
6346
6347
6348
6349
6350
6351                 </div>
6352                 <div class="mdesc">
6353
6354                    <div class="short">Inserts an html fragment into this element</div>
6355
6356
6357
6358                     <div class="long">
6359
6360                                 Inserts an html fragment into this element
6361
6362
6363
6364
6365
6366
6367                                 <dl class="detailList">
6368                                 <dt class="heading">Parameters:</dt>
6369
6370                                         <dt>
6371                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
6372
6373                                         </dt>
6374                                         <dd>Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
6375
6376                                         <dt>
6377                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
6378
6379                                         </dt>
6380                                         <dd>The HTML fragment</dd>
6381
6382                                         <dt>
6383                                                 <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>
6384
6385                                         </dt>
6386                                         <dd>True to return an Roo.Element</dd>
6387
6388                                 </dl>
6389
6390
6391
6392
6393
6394                                 <dl class="detailList">
6395                                 <dt class="heading">Returns:</dt>
6396
6397                                         <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>
6398
6399                                 </dl>
6400
6401
6402
6403
6404
6405
6406
6407                     </div>
6408                 </div>
6409
6410             </td>
6411             <td class="msource">
6412
6413                         Roo.Element
6414                 &nbsp;
6415             </td>
6416         </tr>
6417
6418
6419           <tr class="method-row config-row-alt0 expandable notInherited">
6420             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6421
6422
6423             <td class="sig">
6424                 <a id="Roo.Element-method-insertSibling"   name=".insertSibling"></a>
6425                 <div class="fixedFont">
6426                         <span class="attributes"></span><b class="itemname">insertSibling</b>
6427
6428                                  (<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>)
6429
6430
6431                                          :
6432
6433
6434                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6435
6436
6437
6438
6439
6440                 </div>
6441                 <div class="mdesc">
6442
6443                    <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div>
6444
6445
6446
6447                     <div class="long">
6448
6449                                 Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element
6450
6451
6452
6453
6454
6455
6456                                 <dl class="detailList">
6457                                 <dt class="heading">Parameters:</dt>
6458
6459                                         <dt>
6460                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span>  <b>el</b>
6461
6462                                         </dt>
6463                                         <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6464
6465                                         <dt>
6466                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>where</b>
6467
6468                                         </dt>
6469                                         <dd>(optional) 'before' or 'after' defaults to before</dd>
6470
6471                                         <dt>
6472                                                 <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>
6473
6474                                         </dt>
6475                                         <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
6476
6477                                 </dl>
6478
6479
6480
6481
6482
6483                                 <dl class="detailList">
6484                                 <dt class="heading">Returns:</dt>
6485
6486                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  the inserted Element</dd>
6487
6488                                 </dl>
6489
6490
6491
6492
6493
6494
6495
6496                     </div>
6497                 </div>
6498
6499             </td>
6500             <td class="msource">
6501
6502                         Roo.Element
6503                 &nbsp;
6504             </td>
6505         </tr>
6506
6507
6508           <tr class="method-row config-row-alt1 expandable notInherited">
6509             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6510
6511
6512             <td class="sig">
6513                 <a id="Roo.Element-method-is"   name=".is"></a>
6514                 <div class="fixedFont">
6515                         <span class="attributes"></span><b class="itemname">is</b>
6516
6517                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
6518
6519
6520                                          :
6521
6522
6523                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6524
6525
6526
6527
6528
6529                 </div>
6530                 <div class="mdesc">
6531
6532                    <div class="short">Returns true if this element matches the passed simple selector (e.g.</div>
6533
6534
6535
6536                     <div class="long">
6537
6538                                 Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)
6539
6540
6541
6542
6543
6544
6545                                 <dl class="detailList">
6546                                 <dt class="heading">Parameters:</dt>
6547
6548                                         <dt>
6549                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
6550
6551                                         </dt>
6552                                         <dd>The simple selector to test</dd>
6553
6554                                 </dl>
6555
6556
6557
6558
6559
6560                                 <dl class="detailList">
6561                                 <dt class="heading">Returns:</dt>
6562
6563                                         <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>
6564
6565                                 </dl>
6566
6567
6568
6569
6570
6571
6572
6573                     </div>
6574                 </div>
6575
6576             </td>
6577             <td class="msource">
6578
6579                         Roo.Element
6580                 &nbsp;
6581             </td>
6582         </tr>
6583
6584
6585           <tr class="method-row config-row-alt0 expandable notInherited">
6586             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6587
6588
6589             <td class="sig">
6590                 <a id="Roo.Element-method-isBorderBox"   name=".isBorderBox"></a>
6591                 <div class="fixedFont">
6592                         <span class="attributes"></span><b class="itemname">isBorderBox</b>
6593
6594                                  ()
6595
6596
6597                                          :
6598
6599
6600                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6601
6602
6603
6604
6605
6606                 </div>
6607                 <div class="mdesc">
6608
6609                    <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div>
6610
6611
6612
6613                     <div class="long">
6614
6615                                 Tests various css rules/browsers to determine if this element uses a border box
6616
6617
6618
6619
6620
6621
6622
6623
6624
6625
6626                                 <dl class="detailList">
6627                                 <dt class="heading">Returns:</dt>
6628
6629                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6630
6631                                 </dl>
6632
6633
6634
6635
6636
6637
6638
6639                     </div>
6640                 </div>
6641
6642             </td>
6643             <td class="msource">
6644
6645                         Roo.Element
6646                 &nbsp;
6647             </td>
6648         </tr>
6649
6650
6651           <tr class="method-row config-row-alt1 expandable notInherited">
6652             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6653
6654
6655             <td class="sig">
6656                 <a id="Roo.Element-method-isDisplayed"   name=".isDisplayed"></a>
6657                 <div class="fixedFont">
6658                         <span class="attributes"></span><b class="itemname">isDisplayed</b>
6659
6660                                  ()
6661
6662
6663                                          :
6664
6665
6666                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6667
6668
6669
6670
6671
6672                 </div>
6673                 <div class="mdesc">
6674
6675                    <div class="short">Returns true if display is not "none"</div>
6676
6677
6678
6679                     <div class="long">
6680
6681                                 Returns true if display is not "none"
6682
6683
6684
6685
6686
6687
6688
6689
6690
6691
6692                                 <dl class="detailList">
6693                                 <dt class="heading">Returns:</dt>
6694
6695                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6696
6697                                 </dl>
6698
6699
6700
6701
6702
6703
6704
6705                     </div>
6706                 </div>
6707
6708             </td>
6709             <td class="msource">
6710
6711                         Roo.Element
6712                 &nbsp;
6713             </td>
6714         </tr>
6715
6716
6717           <tr class="method-row config-row-alt0 expandable notInherited">
6718             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6719
6720
6721             <td class="sig">
6722                 <a id="Roo.Element-method-isMasked"   name=".isMasked"></a>
6723                 <div class="fixedFont">
6724                         <span class="attributes"></span><b class="itemname">isMasked</b>
6725
6726                                  ()
6727
6728
6729                                          :
6730
6731
6732                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6733
6734
6735
6736
6737
6738                 </div>
6739                 <div class="mdesc">
6740
6741                    <div class="short">Returns true if this element is masked</div>
6742
6743
6744
6745                     <div class="long">
6746
6747                                 Returns true if this element is masked
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757
6758                                 <dl class="detailList">
6759                                 <dt class="heading">Returns:</dt>
6760
6761                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6762
6763                                 </dl>
6764
6765
6766
6767
6768
6769
6770
6771                     </div>
6772                 </div>
6773
6774             </td>
6775             <td class="msource">
6776
6777                         Roo.Element
6778                 &nbsp;
6779             </td>
6780         </tr>
6781
6782
6783           <tr class="method-row config-row-alt1 expandable notInherited">
6784             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6785
6786
6787             <td class="sig">
6788                 <a id="Roo.Element-method-isScrollable"   name=".isScrollable"></a>
6789                 <div class="fixedFont">
6790                         <span class="attributes"></span><b class="itemname">isScrollable</b>
6791
6792                                  ()
6793
6794
6795                                          :
6796
6797
6798                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6799
6800
6801
6802
6803
6804                 </div>
6805                 <div class="mdesc">
6806
6807                    <div class="short">Returns true if this element is scrollable.</div>
6808
6809
6810
6811                     <div class="long">
6812
6813                                 Returns true if this element is scrollable.
6814
6815
6816
6817
6818
6819
6820
6821
6822
6823
6824                                 <dl class="detailList">
6825                                 <dt class="heading">Returns:</dt>
6826
6827                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
6828
6829                                 </dl>
6830
6831
6832
6833
6834
6835
6836
6837                     </div>
6838                 </div>
6839
6840             </td>
6841             <td class="msource">
6842
6843                         Roo.Element
6844                 &nbsp;
6845             </td>
6846         </tr>
6847
6848
6849           <tr class="method-row config-row-alt0 expandable notInherited">
6850             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6851
6852
6853             <td class="sig">
6854                 <a id="Roo.Element-method-isVisible"   name=".isVisible"></a>
6855                 <div class="fixedFont">
6856                         <span class="attributes"></span><b class="itemname">isVisible</b>
6857
6858                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>deep</i></B>)
6859
6860
6861                                          :
6862
6863
6864                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6865
6866
6867
6868
6869
6870                 </div>
6871                 <div class="mdesc">
6872
6873                    <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div>
6874
6875
6876
6877                     <div class="long">
6878
6879                                 Checks whether the element is currently visible using both visibility and display properties.
6880
6881
6882
6883
6884
6885
6886                                 <dl class="detailList">
6887                                 <dt class="heading">Parameters:</dt>
6888
6889                                         <dt>
6890                                                 <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>
6891
6892                                         </dt>
6893                                         <dd>(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</dd>
6894
6895                                 </dl>
6896
6897
6898
6899
6900
6901                                 <dl class="detailList">
6902                                 <dt class="heading">Returns:</dt>
6903
6904                                         <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>
6905
6906                                 </dl>
6907
6908
6909
6910
6911
6912
6913
6914                     </div>
6915                 </div>
6916
6917             </td>
6918             <td class="msource">
6919
6920                         Roo.Element
6921                 &nbsp;
6922             </td>
6923         </tr>
6924
6925
6926           <tr class="method-row config-row-alt1 expandable notInherited">
6927             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6928
6929
6930             <td class="sig">
6931                 <a id="Roo.Element-method-load"   name=".load"></a>
6932                 <div class="fixedFont">
6933                         <span class="attributes"></span><b class="itemname">load</b>
6934
6935                                  (<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>)
6936
6937
6938                                          :
6939
6940
6941                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6942
6943
6944
6945
6946
6947                 </div>
6948                 <div class="mdesc">
6949
6950                    <div class="short">Direct access to the UpdateManager update() method (takes the same parameters).</div>
6951
6952
6953
6954                     <div class="long">
6955
6956                                 Direct access to the UpdateManager update() method (takes the same parameters).
6957
6958
6959
6960
6961
6962
6963                                 <dl class="detailList">
6964                                 <dt class="heading">Parameters:</dt>
6965
6966                                         <dt>
6967                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function</span>  <b>url</b>
6968
6969                                         </dt>
6970                                         <dd>The url for this request or a function to call to get the url</dd>
6971
6972                                         <dt>
6973                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>params</b>
6974
6975                                         </dt>
6976                                         <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>
6977
6978                                         <dt>
6979                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
6980
6981                                         </dt>
6982                                         <dd>(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)</dd>
6983
6984                                         <dt>
6985                                                 <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>
6986
6987                                         </dt>
6988                                         <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>
6989
6990                                 </dl>
6991
6992
6993
6994
6995
6996                                 <dl class="detailList">
6997                                 <dt class="heading">Returns:</dt>
6998
6999                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7000
7001                                 </dl>
7002
7003
7004
7005
7006
7007
7008
7009                     </div>
7010                 </div>
7011
7012             </td>
7013             <td class="msource">
7014
7015                         Roo.Element
7016                 &nbsp;
7017             </td>
7018         </tr>
7019
7020
7021           <tr class="method-row config-row-alt0 expandable notInherited">
7022             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7023
7024
7025             <td class="sig">
7026                 <a id="Roo.Element-method-mask"   name=".mask"></a>
7027                 <div class="fixedFont">
7028                         <span class="attributes"></span><b class="itemname">mask</b>
7029
7030                                  (<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>)
7031
7032
7033                                          :
7034
7035
7036                                                 Element
7037
7038
7039
7040
7041
7042                 </div>
7043                 <div class="mdesc">
7044
7045                    <div class="short">Puts a mask over this element to disable user interaction.</div>
7046
7047
7048
7049                     <div class="long">
7050
7051                                 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.
7052
7053
7054
7055
7056
7057
7058                                 <dl class="detailList">
7059                                 <dt class="heading">Parameters:</dt>
7060
7061                                         <dt>
7062                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
7063
7064                                         </dt>
7065                                         <dd>(optional) A message to display in the mask</dd>
7066
7067                                         <dt>
7068                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msgCls</b>
7069
7070                                         </dt>
7071                                         <dd>(optional) A css class to apply to the msg element</dd>
7072
7073                                 </dl>
7074
7075
7076
7077
7078
7079                                 <dl class="detailList">
7080                                 <dt class="heading">Returns:</dt>
7081
7082                                         <dd><span class="fixedFont">Element</span>  The mask  element</dd>
7083
7084                                 </dl>
7085
7086
7087
7088
7089
7090
7091
7092                     </div>
7093                 </div>
7094
7095             </td>
7096             <td class="msource">
7097
7098                         Roo.Element
7099                 &nbsp;
7100             </td>
7101         </tr>
7102
7103
7104           <tr class="method-row config-row-alt1 expandable notInherited">
7105             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7106
7107
7108             <td class="sig">
7109                 <a id="Roo.Element-method-move"   name=".move"></a>
7110                 <div class="fixedFont">
7111                         <span class="attributes"></span><b class="itemname">move</b>
7112
7113                                  (<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>)
7114
7115
7116                                          :
7117
7118
7119                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7120
7121
7122
7123
7124
7125                 </div>
7126                 <div class="mdesc">
7127
7128                    <div class="short">Move this element relative to its current position.</div>
7129
7130
7131
7132                     <div class="long">
7133
7134                                 Move this element relative to its current position.
7135
7136
7137
7138
7139
7140
7141                                 <dl class="detailList">
7142                                 <dt class="heading">Parameters:</dt>
7143
7144                                         <dt>
7145                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>direction</b>
7146
7147                                         </dt>
7148                                         <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
7149
7150                                         <dt>
7151                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>distance</b>
7152
7153                                         </dt>
7154                                         <dd>How far to move the element in pixels</dd>
7155
7156                                         <dt>
7157                                                 <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>
7158
7159                                         </dt>
7160                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
7161
7162                                 </dl>
7163
7164
7165
7166
7167
7168                                 <dl class="detailList">
7169                                 <dt class="heading">Returns:</dt>
7170
7171                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7172
7173                                 </dl>
7174
7175
7176
7177
7178
7179
7180
7181                     </div>
7182                 </div>
7183
7184             </td>
7185             <td class="msource">
7186
7187                         Roo.Element
7188                 &nbsp;
7189             </td>
7190         </tr>
7191
7192
7193           <tr class="method-row config-row-alt0 expandable notInherited">
7194             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7195
7196
7197             <td class="sig">
7198                 <a id="Roo.Element-method-moveTo"   name=".moveTo"></a>
7199                 <div class="fixedFont">
7200                         <span class="attributes"></span><b class="itemname">moveTo</b>
7201
7202                                  (<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>)
7203
7204
7205                                          :
7206
7207
7208                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7209
7210
7211
7212
7213
7214                 </div>
7215                 <div class="mdesc">
7216
7217                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
7218
7219
7220
7221                     <div class="long">
7222
7223                                 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).
7224
7225
7226
7227
7228
7229
7230                                 <dl class="detailList">
7231                                 <dt class="heading">Parameters:</dt>
7232
7233                                         <dt>
7234                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
7235
7236                                         </dt>
7237                                         <dd>X value for new position (coordinates are page-based)</dd>
7238
7239                                         <dt>
7240                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
7241
7242                                         </dt>
7243                                         <dd>Y value for new position (coordinates are page-based)</dd>
7244
7245                                         <dt>
7246                                                 <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>
7247
7248                                         </dt>
7249                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
7250
7251                                 </dl>
7252
7253
7254
7255
7256
7257                                 <dl class="detailList">
7258                                 <dt class="heading">Returns:</dt>
7259
7260                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7261
7262                                 </dl>
7263
7264
7265
7266
7267
7268
7269
7270                     </div>
7271                 </div>
7272
7273             </td>
7274             <td class="msource">
7275
7276                         Roo.Element
7277                 &nbsp;
7278             </td>
7279         </tr>
7280
7281
7282           <tr class="method-row config-row-alt1 expandable notInherited">
7283             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7284
7285
7286             <td class="sig">
7287                 <a id="Roo.Element-method-on"   name=".on"></a>
7288                 <div class="fixedFont">
7289                         <span class="attributes"></span><b class="itemname">on</b>
7290
7291                                  (<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>)
7292
7293
7294
7295                 </div>
7296                 <div class="mdesc">
7297
7298                    <div class="short">Appends an event handler (Shorthand for addListener)</div>
7299
7300
7301
7302                     <div class="long">
7303
7304                                 Appends an event handler (Shorthand for addListener)
7305
7306
7307
7308
7309
7310
7311                                 <dl class="detailList">
7312                                 <dt class="heading">Parameters:</dt>
7313
7314                                         <dt>
7315                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
7316
7317                                         </dt>
7318                                         <dd>The type of event to append</dd>
7319
7320                                         <dt>
7321                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
7322
7323                                         </dt>
7324                                         <dd>The method the event invokes</dd>
7325
7326                                         <dt>
7327                                                 <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>
7328
7329                                         </dt>
7330                                         <dd>(optional) The scope (this object) of the fn</dd>
7331
7332                                         <dt>
7333                                                 <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>
7334
7335                                         </dt>
7336                                         <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
7337
7338                                 </dl>
7339
7340
7341
7342
7343
7344
7345
7346
7347
7348
7349
7350                     </div>
7351                 </div>
7352
7353             </td>
7354             <td class="msource">
7355
7356                         Roo.Element
7357                 &nbsp;
7358             </td>
7359         </tr>
7360
7361
7362           <tr class="method-row config-row-alt0 expandable notInherited">
7363             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7364
7365
7366             <td class="sig">
7367                 <a id="Roo.Element-method-position"   name=".position"></a>
7368                 <div class="fixedFont">
7369                         <span class="attributes"></span><b class="itemname">position</b>
7370
7371                                  (<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>)
7372
7373
7374
7375                 </div>
7376                 <div class="mdesc">
7377
7378                    <div class="short">Initializes positioning on this element.</div>
7379
7380
7381
7382                     <div class="long">
7383
7384                                 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.
7385
7386
7387
7388
7389
7390
7391                                 <dl class="detailList">
7392                                 <dt class="heading">Parameters:</dt>
7393
7394                                         <dt>
7395                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>pos</b>
7396
7397                                         </dt>
7398                                         <dd>(optional) Positioning to use "relative", "absolute" or "fixed"</dd>
7399
7400                                         <dt>
7401                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>zIndex</b>
7402
7403                                         </dt>
7404                                         <dd>(optional) The zIndex to apply</dd>
7405
7406                                         <dt>
7407                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
7408
7409                                         </dt>
7410                                         <dd>(optional) Set the page X position</dd>
7411
7412                                         <dt>
7413                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
7414
7415                                         </dt>
7416                                         <dd>(optional) Set the page Y position</dd>
7417
7418                                 </dl>
7419
7420
7421
7422
7423
7424
7425
7426
7427
7428
7429
7430                     </div>
7431                 </div>
7432
7433             </td>
7434             <td class="msource">
7435
7436                         Roo.Element
7437                 &nbsp;
7438             </td>
7439         </tr>
7440
7441
7442           <tr class="method-row config-row-alt1 expandable notInherited">
7443             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7444
7445
7446             <td class="sig">
7447                 <a id="Roo.Element-method-query"   name=".query"></a>
7448                 <div class="fixedFont">
7449                         <span class="attributes"></span><b class="itemname">query</b>
7450
7451                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
7452
7453
7454                                          :
7455
7456
7457                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
7458
7459
7460
7461
7462
7463                 </div>
7464                 <div class="mdesc">
7465
7466                    <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div>
7467
7468
7469
7470                     <div class="long">
7471
7472                                 Selects child nodes based on the passed CSS selector (the selector should not contain an id).
7473
7474
7475
7476
7477
7478
7479                                 <dl class="detailList">
7480                                 <dt class="heading">Parameters:</dt>
7481
7482                                         <dt>
7483                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
7484
7485                                         </dt>
7486                                         <dd>The CSS selector</dd>
7487
7488                                 </dl>
7489
7490
7491
7492
7493
7494                                 <dl class="detailList">
7495                                 <dt class="heading">Returns:</dt>
7496
7497                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  An array of the matched nodes</dd>
7498
7499                                 </dl>
7500
7501
7502
7503
7504
7505
7506
7507                     </div>
7508                 </div>
7509
7510             </td>
7511             <td class="msource">
7512
7513                         Roo.Element
7514                 &nbsp;
7515             </td>
7516         </tr>
7517
7518
7519           <tr class="method-row config-row-alt0 expandable notInherited">
7520             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7521
7522
7523             <td class="sig">
7524                 <a id="Roo.Element-method-radioClass"   name=".radioClass"></a>
7525                 <div class="fixedFont">
7526                         <span class="attributes"></span><b class="itemname">radioClass</b>
7527
7528                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7529
7530
7531                                          :
7532
7533
7534                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7535
7536
7537
7538
7539
7540                 </div>
7541                 <div class="mdesc">
7542
7543                    <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div>
7544
7545
7546
7547                     <div class="long">
7548
7549                                 Adds one or more CSS classes to this element and removes the same class(es) from all siblings.
7550
7551
7552
7553
7554
7555
7556                                 <dl class="detailList">
7557                                 <dt class="heading">Parameters:</dt>
7558
7559                                         <dt>
7560                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
7561
7562                                         </dt>
7563                                         <dd>The CSS class to add, or an array of classes</dd>
7564
7565                                 </dl>
7566
7567
7568
7569
7570
7571                                 <dl class="detailList">
7572                                 <dt class="heading">Returns:</dt>
7573
7574                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7575
7576                                 </dl>
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-remove"   name=".remove"></a>
7602                 <div class="fixedFont">
7603                         <span class="attributes"></span><b class="itemname">remove</b>
7604
7605                                  ()
7606
7607
7608
7609                 </div>
7610                 <div class="mdesc">
7611
7612                    <div class="short">Removes this element from the DOM and deletes it from the cache</div>
7613
7614
7615
7616                     <div class="long">
7617
7618                                 Removes this element from the DOM and deletes it from the cache
7619
7620
7621
7622
7623
7624
7625
7626
7627
7628
7629
7630
7631
7632
7633
7634
7635                     </div>
7636                 </div>
7637
7638             </td>
7639             <td class="msource">
7640
7641                         Roo.Element
7642                 &nbsp;
7643             </td>
7644         </tr>
7645
7646
7647           <tr class="method-row config-row-alt0 expandable notInherited">
7648             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7649
7650
7651             <td class="sig">
7652                 <a id="Roo.Element-method-removeAllListeners"   name=".removeAllListeners"></a>
7653                 <div class="fixedFont">
7654                         <span class="attributes"></span><b class="itemname">removeAllListeners</b>
7655
7656                                  ()
7657
7658
7659                                          :
7660
7661
7662                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7663
7664
7665
7666
7667
7668                 </div>
7669                 <div class="mdesc">
7670
7671                    <div class="short">Removes all previous added listeners from this element</div>
7672
7673
7674
7675                     <div class="long">
7676
7677                                 Removes all previous added listeners from this element
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687
7688                                 <dl class="detailList">
7689                                 <dt class="heading">Returns:</dt>
7690
7691                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7692
7693                                 </dl>
7694
7695
7696
7697
7698
7699
7700
7701                     </div>
7702                 </div>
7703
7704             </td>
7705             <td class="msource">
7706
7707                         Roo.Element
7708                 &nbsp;
7709             </td>
7710         </tr>
7711
7712
7713           <tr class="method-row config-row-alt1 expandable notInherited">
7714             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7715
7716
7717             <td class="sig">
7718                 <a id="Roo.Element-method-removeClass"   name=".removeClass"></a>
7719                 <div class="fixedFont">
7720                         <span class="attributes"></span><b class="itemname">removeClass</b>
7721
7722                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7723
7724
7725                                          :
7726
7727
7728                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7729
7730
7731
7732
7733
7734                 </div>
7735                 <div class="mdesc">
7736
7737                    <div class="short">Removes one or more CSS classes from the element.</div>
7738
7739
7740
7741                     <div class="long">
7742
7743                                 Removes one or more CSS classes from the element.
7744
7745
7746
7747
7748
7749
7750                                 <dl class="detailList">
7751                                 <dt class="heading">Parameters:</dt>
7752
7753                                         <dt>
7754                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span>  <b>className</b>
7755
7756                                         </dt>
7757                                         <dd>The CSS class to remove, or an array of classes</dd>
7758
7759                                 </dl>
7760
7761
7762
7763
7764
7765                                 <dl class="detailList">
7766                                 <dt class="heading">Returns:</dt>
7767
7768                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7769
7770                                 </dl>
7771
7772
7773
7774
7775
7776
7777
7778                     </div>
7779                 </div>
7780
7781             </td>
7782             <td class="msource">
7783
7784                         Roo.Element
7785                 &nbsp;
7786             </td>
7787         </tr>
7788
7789
7790           <tr class="method-row config-row-alt0 expandable notInherited">
7791             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7792
7793
7794             <td class="sig">
7795                 <a id="Roo.Element-method-removeListener"   name=".removeListener"></a>
7796                 <div class="fixedFont">
7797                         <span class="attributes"></span><b class="itemname">removeListener</b>
7798
7799                                  (<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>)
7800
7801
7802                                          :
7803
7804
7805                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7806
7807
7808
7809
7810
7811                 </div>
7812                 <div class="mdesc">
7813
7814                    <div class="short">Removes an event handler from this element</div>
7815
7816
7817
7818                     <div class="long">
7819
7820                                 Removes an event handler from this element
7821
7822
7823
7824
7825
7826
7827                                 <dl class="detailList">
7828                                 <dt class="heading">Parameters:</dt>
7829
7830                                         <dt>
7831                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
7832
7833                                         </dt>
7834                                         <dd>the type of event to remove</dd>
7835
7836                                         <dt>
7837                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
7838
7839                                         </dt>
7840                                         <dd>the method the event invokes</dd>
7841
7842                                 </dl>
7843
7844
7845
7846
7847
7848                                 <dl class="detailList">
7849                                 <dt class="heading">Returns:</dt>
7850
7851                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7852
7853                                 </dl>
7854
7855
7856
7857
7858
7859
7860
7861                     </div>
7862                 </div>
7863
7864             </td>
7865             <td class="msource">
7866
7867                         Roo.Element
7868                 &nbsp;
7869             </td>
7870         </tr>
7871
7872
7873           <tr class="method-row config-row-alt1 expandable notInherited">
7874             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7875
7876
7877             <td class="sig">
7878                 <a id="Roo.Element-method-repaint"   name=".repaint"></a>
7879                 <div class="fixedFont">
7880                         <span class="attributes"></span><b class="itemname">repaint</b>
7881
7882                                  ()
7883
7884
7885                                          :
7886
7887
7888                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7889
7890
7891
7892
7893
7894                 </div>
7895                 <div class="mdesc">
7896
7897                    <div class="short">Forces the browser to repaint this element</div>
7898
7899
7900
7901                     <div class="long">
7902
7903                                 Forces the browser to repaint this element
7904
7905
7906
7907
7908
7909
7910
7911
7912
7913
7914                                 <dl class="detailList">
7915                                 <dt class="heading">Returns:</dt>
7916
7917                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7918
7919                                 </dl>
7920
7921
7922
7923
7924
7925
7926
7927                     </div>
7928                 </div>
7929
7930             </td>
7931             <td class="msource">
7932
7933                         Roo.Element
7934                 &nbsp;
7935             </td>
7936         </tr>
7937
7938
7939           <tr class="method-row config-row-alt0 expandable notInherited">
7940             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7941
7942
7943             <td class="sig">
7944                 <a id="Roo.Element-method-replace"   name=".replace"></a>
7945                 <div class="fixedFont">
7946                         <span class="attributes"></span><b class="itemname">replace</b>
7947
7948                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
7949
7950
7951                                          :
7952
7953
7954                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7955
7956
7957
7958
7959
7960                 </div>
7961                 <div class="mdesc">
7962
7963                    <div class="short">Replaces the passed element with this element</div>
7964
7965
7966
7967                     <div class="long">
7968
7969                                 Replaces the passed element with this element
7970
7971
7972
7973
7974
7975
7976                                 <dl class="detailList">
7977                                 <dt class="heading">Parameters:</dt>
7978
7979                                         <dt>
7980                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
7981
7982                                         </dt>
7983                                         <dd>The element to replace</dd>
7984
7985                                 </dl>
7986
7987
7988
7989
7990
7991                                 <dl class="detailList">
7992                                 <dt class="heading">Returns:</dt>
7993
7994                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
7995
7996                                 </dl>
7997
7998
7999
8000
8001
8002
8003
8004                     </div>
8005                 </div>
8006
8007             </td>
8008             <td class="msource">
8009
8010                         Roo.Element
8011                 &nbsp;
8012             </td>
8013         </tr>
8014
8015
8016           <tr class="method-row config-row-alt1 expandable notInherited">
8017             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8018
8019
8020             <td class="sig">
8021                 <a id="Roo.Element-method-replaceClass"   name=".replaceClass"></a>
8022                 <div class="fixedFont">
8023                         <span class="attributes"></span><b class="itemname">replaceClass</b>
8024
8025                                  (<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>)
8026
8027
8028                                          :
8029
8030
8031                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8032
8033
8034
8035
8036
8037                 </div>
8038                 <div class="mdesc">
8039
8040                    <div class="short">Replaces a CSS class on the element with another.</div>
8041
8042
8043
8044                     <div class="long">
8045
8046                                 Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.
8047
8048
8049
8050
8051
8052
8053                                 <dl class="detailList">
8054                                 <dt class="heading">Parameters:</dt>
8055
8056                                         <dt>
8057                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>oldClassName</b>
8058
8059                                         </dt>
8060                                         <dd>The CSS class to replace</dd>
8061
8062                                         <dt>
8063                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>newClassName</b>
8064
8065                                         </dt>
8066                                         <dd>The replacement CSS class</dd>
8067
8068                                 </dl>
8069
8070
8071
8072
8073
8074                                 <dl class="detailList">
8075                                 <dt class="heading">Returns:</dt>
8076
8077                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8078
8079                                 </dl>
8080
8081
8082
8083
8084
8085
8086
8087                     </div>
8088                 </div>
8089
8090             </td>
8091             <td class="msource">
8092
8093                         Roo.Element
8094                 &nbsp;
8095             </td>
8096         </tr>
8097
8098
8099           <tr class="method-row config-row-alt0 expandable notInherited">
8100             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8101
8102
8103             <td class="sig">
8104                 <a id="Roo.Element-method-scroll"   name=".scroll"></a>
8105                 <div class="fixedFont">
8106                         <span class="attributes"></span><b class="itemname">scroll</b>
8107
8108                                  (<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>)
8109
8110
8111                                          :
8112
8113
8114                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
8115
8116
8117
8118
8119
8120                 </div>
8121                 <div class="mdesc">
8122
8123                    <div class="short">Scrolls this element the specified direction.</div>
8124
8125
8126
8127                     <div class="long">
8128
8129                                 Scrolls this element the specified direction. Does bounds checking to make sure the scroll is<br/>within this element's scrollable range.
8130
8131
8132
8133
8134
8135
8136                                 <dl class="detailList">
8137                                 <dt class="heading">Parameters:</dt>
8138
8139                                         <dt>
8140                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>direction</b>
8141
8142                                         </dt>
8143                                         <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
8144
8145                                         <dt>
8146                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>distance</b>
8147
8148                                         </dt>
8149                                         <dd>How far to scroll the element in pixels</dd>
8150
8151                                         <dt>
8152                                                 <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>
8153
8154                                         </dt>
8155                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8156
8157                                 </dl>
8158
8159
8160
8161
8162
8163                                 <dl class="detailList">
8164                                 <dt class="heading">Returns:</dt>
8165
8166                                         <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>
8167
8168                                 </dl>
8169
8170
8171
8172
8173
8174
8175
8176                     </div>
8177                 </div>
8178
8179             </td>
8180             <td class="msource">
8181
8182                         Roo.Element
8183                 &nbsp;
8184             </td>
8185         </tr>
8186
8187
8188           <tr class="method-row config-row-alt1 expandable notInherited">
8189             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8190
8191
8192             <td class="sig">
8193                 <a id="Roo.Element-method-scrollIntoView"   name=".scrollIntoView"></a>
8194                 <div class="fixedFont">
8195                         <span class="attributes"></span><b class="itemname">scrollIntoView</b>
8196
8197                                  (<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>)
8198
8199
8200                                          :
8201
8202
8203                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8204
8205
8206
8207
8208
8209                 </div>
8210                 <div class="mdesc">
8211
8212                    <div class="short">Scrolls this element into view within the passed container.</div>
8213
8214
8215
8216                     <div class="long">
8217
8218                                 Scrolls this element into view within the passed container.
8219
8220
8221
8222
8223
8224
8225                                 <dl class="detailList">
8226                                 <dt class="heading">Parameters:</dt>
8227
8228                                         <dt>
8229                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
8230
8231                                         </dt>
8232                                         <dd>(optional) The container element to scroll (defaults to document.body)</dd>
8233
8234                                         <dt>
8235                                                 <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>
8236
8237                                         </dt>
8238                                         <dd>(optional) False to disable horizontal scroll (defaults to true)</dd>
8239
8240                                 </dl>
8241
8242
8243
8244
8245
8246                                 <dl class="detailList">
8247                                 <dt class="heading">Returns:</dt>
8248
8249                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8250
8251                                 </dl>
8252
8253
8254
8255
8256
8257
8258
8259                     </div>
8260                 </div>
8261
8262             </td>
8263             <td class="msource">
8264
8265                         Roo.Element
8266                 &nbsp;
8267             </td>
8268         </tr>
8269
8270
8271           <tr class="method-row config-row-alt0 expandable notInherited">
8272             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8273
8274
8275             <td class="sig">
8276                 <a id="Roo.Element-method-scrollTo"   name=".scrollTo"></a>
8277                 <div class="fixedFont">
8278                         <span class="attributes"></span><b class="itemname">scrollTo</b>
8279
8280                                  (<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>)
8281
8282
8283                                          :
8284
8285
8286                                                 Element
8287
8288
8289
8290
8291
8292                 </div>
8293                 <div class="mdesc">
8294
8295                    <div class="short">Scrolls this element the specified scroll point.</div>
8296
8297
8298
8299                     <div class="long">
8300
8301                                 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().
8302
8303
8304
8305
8306
8307
8308                                 <dl class="detailList">
8309                                 <dt class="heading">Parameters:</dt>
8310
8311                                         <dt>
8312                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>side</b>
8313
8314                                         </dt>
8315                                         <dd>Either "left" for scrollLeft values or "top" for scrollTop values.</dd>
8316
8317                                         <dt>
8318                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>value</b>
8319
8320                                         </dt>
8321                                         <dd>The new scroll value</dd>
8322
8323                                         <dt>
8324                                                 <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>
8325
8326                                         </dt>
8327                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8328
8329                                 </dl>
8330
8331
8332
8333
8334
8335                                 <dl class="detailList">
8336                                 <dt class="heading">Returns:</dt>
8337
8338                                         <dd><span class="fixedFont">Element</span>  this</dd>
8339
8340                                 </dl>
8341
8342
8343
8344
8345
8346
8347
8348                     </div>
8349                 </div>
8350
8351             </td>
8352             <td class="msource">
8353
8354                         Roo.Element
8355                 &nbsp;
8356             </td>
8357         </tr>
8358
8359
8360           <tr class="method-row config-row-alt1 expandable notInherited">
8361             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8362
8363
8364             <td class="sig">
8365                 <a id="Roo.Element-method-select"   name=".select"></a>
8366                 <div class="fixedFont">
8367                         <span class="attributes"></span><b class="itemname">select</b>
8368
8369                                  (<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>)
8370
8371
8372                                          :
8373
8374
8375                                                 CompositeElement/CompositeElementLite
8376
8377
8378
8379
8380
8381                 </div>
8382                 <div class="mdesc">
8383
8384                    <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>
8385
8386
8387
8388                     <div class="long">
8389
8390                                 Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).
8391
8392
8393
8394
8395
8396
8397                                 <dl class="detailList">
8398                                 <dt class="heading">Parameters:</dt>
8399
8400                                         <dt>
8401                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
8402
8403                                         </dt>
8404                                         <dd>The CSS selector</dd>
8405
8406                                         <dt>
8407                                                 <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>
8408
8409                                         </dt>
8410                                         <dd>(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)</dd>
8411
8412                                 </dl>
8413
8414
8415
8416
8417
8418                                 <dl class="detailList">
8419                                 <dt class="heading">Returns:</dt>
8420
8421                                         <dd><span class="fixedFont">CompositeElement/CompositeElementLite</span>  The composite element</dd>
8422
8423                                 </dl>
8424
8425
8426
8427
8428
8429
8430
8431                     </div>
8432                 </div>
8433
8434             </td>
8435             <td class="msource">
8436
8437                         Roo.Element
8438                 &nbsp;
8439             </td>
8440         </tr>
8441
8442
8443           <tr class="method-row config-row-alt0 expandable notInherited">
8444             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8445
8446
8447             <td class="sig">
8448                 <a id="Roo.Element-method-set"   name=".set"></a>
8449                 <div class="fixedFont">
8450                         <span class="attributes"></span><b class="itemname">set</b>
8451
8452                                  (<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>)
8453
8454
8455                                          :
8456
8457
8458                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8459
8460
8461
8462
8463
8464                 </div>
8465                 <div class="mdesc">
8466
8467                    <div class="short">Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</div>
8468
8469
8470
8471                     <div class="long">
8472
8473                                 Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
8474
8475
8476
8477
8478
8479
8480                                 <dl class="detailList">
8481                                 <dt class="heading">Parameters:</dt>
8482
8483                                         <dt>
8484                                                 <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>
8485
8486                                         </dt>
8487                                         <dd>The object with the attributes</dd>
8488
8489                                         <dt>
8490                                                 <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>
8491
8492                                         </dt>
8493                                         <dd>(optional) false to override the default setAttribute to use expandos.</dd>
8494
8495                                 </dl>
8496
8497
8498
8499
8500
8501                                 <dl class="detailList">
8502                                 <dt class="heading">Returns:</dt>
8503
8504                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8505
8506                                 </dl>
8507
8508
8509
8510
8511
8512
8513
8514                     </div>
8515                 </div>
8516
8517             </td>
8518             <td class="msource">
8519
8520                         Roo.Element
8521                 &nbsp;
8522             </td>
8523         </tr>
8524
8525
8526           <tr class="method-row config-row-alt1 expandable notInherited">
8527             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8528
8529
8530             <td class="sig">
8531                 <a id="Roo.Element-method-setBottom"   name=".setBottom"></a>
8532                 <div class="fixedFont">
8533                         <span class="attributes"></span><b class="itemname">setBottom</b>
8534
8535                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>bottom</i></B>)
8536
8537
8538                                          :
8539
8540
8541                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8542
8543
8544
8545
8546
8547                 </div>
8548                 <div class="mdesc">
8549
8550                    <div class="short">Sets the element's CSS bottom style.</div>
8551
8552
8553
8554                     <div class="long">
8555
8556                                 Sets the element's CSS bottom style.
8557
8558
8559
8560
8561
8562
8563                                 <dl class="detailList">
8564                                 <dt class="heading">Parameters:</dt>
8565
8566                                         <dt>
8567                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>bottom</b>
8568
8569                                         </dt>
8570                                         <dd>The bottom CSS property value</dd>
8571
8572                                 </dl>
8573
8574
8575
8576
8577
8578                                 <dl class="detailList">
8579                                 <dt class="heading">Returns:</dt>
8580
8581                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8582
8583                                 </dl>
8584
8585
8586
8587
8588
8589
8590
8591                     </div>
8592                 </div>
8593
8594             </td>
8595             <td class="msource">
8596
8597                         Roo.Element
8598                 &nbsp;
8599             </td>
8600         </tr>
8601
8602
8603           <tr class="method-row config-row-alt0 expandable notInherited">
8604             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8605
8606
8607             <td class="sig">
8608                 <a id="Roo.Element-method-setBounds"   name=".setBounds"></a>
8609                 <div class="fixedFont">
8610                         <span class="attributes"></span><b class="itemname">setBounds</b>
8611
8612                                  (<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>)
8613
8614
8615                                          :
8616
8617
8618                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8619
8620
8621
8622
8623
8624                 </div>
8625                 <div class="mdesc">
8626
8627                    <div class="short">Sets the element's position and size in one shot.</div>
8628
8629
8630
8631                     <div class="long">
8632
8633                                 Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.
8634
8635
8636
8637
8638
8639
8640                                 <dl class="detailList">
8641                                 <dt class="heading">Parameters:</dt>
8642
8643                                         <dt>
8644                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
8645
8646                                         </dt>
8647                                         <dd>X value for new position (coordinates are page-based)</dd>
8648
8649                                         <dt>
8650                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
8651
8652                                         </dt>
8653                                         <dd>Y value for new position (coordinates are page-based)</dd>
8654
8655                                         <dt>
8656                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
8657
8658                                         </dt>
8659                                         <dd>The new width</dd>
8660
8661                                         <dt>
8662                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
8663
8664                                         </dt>
8665                                         <dd>The new height</dd>
8666
8667                                         <dt>
8668                                                 <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>
8669
8670                                         </dt>
8671                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8672
8673                                 </dl>
8674
8675
8676
8677
8678
8679                                 <dl class="detailList">
8680                                 <dt class="heading">Returns:</dt>
8681
8682                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8683
8684                                 </dl>
8685
8686
8687
8688
8689
8690
8691
8692                     </div>
8693                 </div>
8694
8695             </td>
8696             <td class="msource">
8697
8698                         Roo.Element
8699                 &nbsp;
8700             </td>
8701         </tr>
8702
8703
8704           <tr class="method-row config-row-alt1 expandable notInherited">
8705             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8706
8707
8708             <td class="sig">
8709                 <a id="Roo.Element-method-setBox"   name=".setBox"></a>
8710                 <div class="fixedFont">
8711                         <span class="attributes"></span><b class="itemname">setBox</b>
8712
8713                                  (<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>)
8714
8715
8716                                          :
8717
8718
8719                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8720
8721
8722
8723
8724
8725                 </div>
8726                 <div class="mdesc">
8727
8728                    <div class="short">Sets the element's box.</div>
8729
8730
8731
8732                     <div class="long">
8733
8734                                 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.
8735
8736
8737
8738
8739
8740
8741                                 <dl class="detailList">
8742                                 <dt class="heading">Parameters:</dt>
8743
8744                                         <dt>
8745                                                 <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>
8746
8747                                         </dt>
8748                                         <dd>The box to fill {x, y, width, height}</dd>
8749
8750                                         <dt>
8751                                                 <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>
8752
8753                                         </dt>
8754                                         <dd>(optional) Whether to adjust for box-model issues automatically</dd>
8755
8756                                         <dt>
8757                                                 <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>
8758
8759                                         </dt>
8760                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8761
8762                                 </dl>
8763
8764
8765
8766
8767
8768                                 <dl class="detailList">
8769                                 <dt class="heading">Returns:</dt>
8770
8771                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8772
8773                                 </dl>
8774
8775
8776
8777
8778
8779
8780
8781                     </div>
8782                 </div>
8783
8784             </td>
8785             <td class="msource">
8786
8787                         Roo.Element
8788                 &nbsp;
8789             </td>
8790         </tr>
8791
8792
8793           <tr class="method-row config-row-alt0 expandable notInherited">
8794             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8795
8796
8797             <td class="sig">
8798                 <a id="Roo.Element-method-setDisplayed"   name=".setDisplayed"></a>
8799                 <div class="fixedFont">
8800                         <span class="attributes"></span><b class="itemname">setDisplayed</b>
8801
8802                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
8803
8804
8805                                          :
8806
8807
8808                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8809
8810
8811
8812
8813
8814                 </div>
8815                 <div class="mdesc">
8816
8817                    <div class="short">Sets the CSS display property.</div>
8818
8819
8820
8821                     <div class="long">
8822
8823                                 Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.
8824
8825
8826
8827
8828
8829
8830                                 <dl class="detailList">
8831                                 <dt class="heading">Parameters:</dt>
8832
8833                                         <dt>
8834                                                 <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>
8835
8836                                         </dt>
8837                                         <dd>Boolean value to display the element using its default display, or a string to set the display directly</dd>
8838
8839                                 </dl>
8840
8841
8842
8843
8844
8845                                 <dl class="detailList">
8846                                 <dt class="heading">Returns:</dt>
8847
8848                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8849
8850                                 </dl>
8851
8852
8853
8854
8855
8856
8857
8858                     </div>
8859                 </div>
8860
8861             </td>
8862             <td class="msource">
8863
8864                         Roo.Element
8865                 &nbsp;
8866             </td>
8867         </tr>
8868
8869
8870           <tr class="method-row config-row-alt1 expandable notInherited">
8871             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8872
8873
8874             <td class="sig">
8875                 <a id="Roo.Element-method-setHeight"   name=".setHeight"></a>
8876                 <div class="fixedFont">
8877                         <span class="attributes"></span><b class="itemname">setHeight</b>
8878
8879                                  (<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>)
8880
8881
8882                                          :
8883
8884
8885                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8886
8887
8888
8889
8890
8891                 </div>
8892                 <div class="mdesc">
8893
8894                    <div class="short">Set the height of the element</div>
8895
8896
8897
8898                     <div class="long">
8899
8900                                 Set the height of the element
8901
8902
8903
8904
8905
8906
8907                                 <dl class="detailList">
8908                                 <dt class="heading">Parameters:</dt>
8909
8910                                         <dt>
8911                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
8912
8913                                         </dt>
8914                                         <dd>The new height</dd>
8915
8916                                         <dt>
8917                                                 <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>
8918
8919                                         </dt>
8920                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8921
8922                                 </dl>
8923
8924
8925
8926
8927
8928                                 <dl class="detailList">
8929                                 <dt class="heading">Returns:</dt>
8930
8931                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
8932
8933                                 </dl>
8934
8935
8936
8937
8938
8939
8940
8941                     </div>
8942                 </div>
8943
8944             </td>
8945             <td class="msource">
8946
8947                         Roo.Element
8948                 &nbsp;
8949             </td>
8950         </tr>
8951
8952
8953           <tr class="method-row config-row-alt0 expandable notInherited">
8954             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8955
8956
8957             <td class="sig">
8958                 <a id="Roo.Element-method-setLeft"   name=".setLeft"></a>
8959                 <div class="fixedFont">
8960                         <span class="attributes"></span><b class="itemname">setLeft</b>
8961
8962                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>)
8963
8964
8965                                          :
8966
8967
8968                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8969
8970
8971
8972
8973
8974                 </div>
8975                 <div class="mdesc">
8976
8977                    <div class="short">Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).</div>
8978
8979
8980
8981                     <div class="long">
8982
8983                                 Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).
8984
8985
8986
8987
8988
8989
8990                                 <dl class="detailList">
8991                                 <dt class="heading">Parameters:</dt>
8992
8993                                         <dt>
8994                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>left</b>
8995
8996                                         </dt>
8997                                         <dd>The left CSS property value</dd>
8998
8999                                 </dl>
9000
9001
9002
9003
9004
9005                                 <dl class="detailList">
9006                                 <dt class="heading">Returns:</dt>
9007
9008                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9009
9010                                 </dl>
9011
9012
9013
9014
9015
9016
9017
9018                     </div>
9019                 </div>
9020
9021             </td>
9022             <td class="msource">
9023
9024                         Roo.Element
9025                 &nbsp;
9026             </td>
9027         </tr>
9028
9029
9030           <tr class="method-row config-row-alt1 expandable notInherited">
9031             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9032
9033
9034             <td class="sig">
9035                 <a id="Roo.Element-method-setLeftTop"   name=".setLeftTop"></a>
9036                 <div class="fixedFont">
9037                         <span class="attributes"></span><b class="itemname">setLeftTop</b>
9038
9039                                  (<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>)
9040
9041
9042                                          :
9043
9044
9045                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9046
9047
9048
9049
9050
9051                 </div>
9052                 <div class="mdesc">
9053
9054                    <div class="short">Quick set left and top adding default units</div>
9055
9056
9057
9058                     <div class="long">
9059
9060                                 Quick set left and top adding default units
9061
9062
9063
9064
9065
9066
9067                                 <dl class="detailList">
9068                                 <dt class="heading">Parameters:</dt>
9069
9070                                         <dt>
9071                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>left</b>
9072
9073                                         </dt>
9074                                         <dd>The left CSS property value</dd>
9075
9076                                         <dt>
9077                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>top</b>
9078
9079                                         </dt>
9080                                         <dd>The top CSS property value</dd>
9081
9082                                 </dl>
9083
9084
9085
9086
9087
9088                                 <dl class="detailList">
9089                                 <dt class="heading">Returns:</dt>
9090
9091                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9092
9093                                 </dl>
9094
9095
9096
9097
9098
9099
9100
9101                     </div>
9102                 </div>
9103
9104             </td>
9105             <td class="msource">
9106
9107                         Roo.Element
9108                 &nbsp;
9109             </td>
9110         </tr>
9111
9112
9113           <tr class="method-row config-row-alt0 expandable notInherited">
9114             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9115
9116
9117             <td class="sig">
9118                 <a id="Roo.Element-method-setLocation"   name=".setLocation"></a>
9119                 <div class="fixedFont">
9120                         <span class="attributes"></span><b class="itemname">setLocation</b>
9121
9122                                  (<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>)
9123
9124
9125                                          :
9126
9127
9128                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9129
9130
9131
9132
9133
9134                 </div>
9135                 <div class="mdesc">
9136
9137                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
9138
9139
9140
9141                     <div class="long">
9142
9143                                 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).
9144
9145
9146
9147
9148
9149
9150                                 <dl class="detailList">
9151                                 <dt class="heading">Parameters:</dt>
9152
9153                                         <dt>
9154                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
9155
9156                                         </dt>
9157                                         <dd>X value for new position (coordinates are page-based)</dd>
9158
9159                                         <dt>
9160                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
9161
9162                                         </dt>
9163                                         <dd>Y value for new position (coordinates are page-based)</dd>
9164
9165                                         <dt>
9166                                                 <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>
9167
9168                                         </dt>
9169                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9170
9171                                 </dl>
9172
9173
9174
9175
9176
9177                                 <dl class="detailList">
9178                                 <dt class="heading">Returns:</dt>
9179
9180                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9181
9182                                 </dl>
9183
9184
9185
9186
9187
9188
9189
9190                     </div>
9191                 </div>
9192
9193             </td>
9194             <td class="msource">
9195
9196                         Roo.Element
9197                 &nbsp;
9198             </td>
9199         </tr>
9200
9201
9202           <tr class="method-row config-row-alt1 expandable notInherited">
9203             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9204
9205
9206             <td class="sig">
9207                 <a id="Roo.Element-method-setOpacity"   name=".setOpacity"></a>
9208                 <div class="fixedFont">
9209                         <span class="attributes"></span><b class="itemname">setOpacity</b>
9210
9211                                  (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>)
9212
9213
9214                                          :
9215
9216
9217                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9218
9219
9220
9221
9222
9223                 </div>
9224                 <div class="mdesc">
9225
9226                    <div class="short">Set the opacity of the element</div>
9227
9228
9229
9230                     <div class="long">
9231
9232                                 Set the opacity of the element
9233
9234
9235
9236
9237
9238
9239                                 <dl class="detailList">
9240                                 <dt class="heading">Parameters:</dt>
9241
9242                                         <dt>
9243                                                 <span class="fixedFont">Float</span>  <b>opacity</b>
9244
9245                                         </dt>
9246                                         <dd>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</dd>
9247
9248                                         <dt>
9249                                                 <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>
9250
9251                                         </dt>
9252                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9253
9254                                 </dl>
9255
9256
9257
9258
9259
9260                                 <dl class="detailList">
9261                                 <dt class="heading">Returns:</dt>
9262
9263                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9264
9265                                 </dl>
9266
9267
9268
9269
9270
9271
9272
9273                     </div>
9274                 </div>
9275
9276             </td>
9277             <td class="msource">
9278
9279                         Roo.Element
9280                 &nbsp;
9281             </td>
9282         </tr>
9283
9284
9285           <tr class="method-row config-row-alt0 expandable notInherited">
9286             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9287
9288
9289             <td class="sig">
9290                 <a id="Roo.Element-method-setPositioning"   name=".setPositioning"></a>
9291                 <div class="fixedFont">
9292                         <span class="attributes"></span><b class="itemname">setPositioning</b>
9293
9294                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>posCfg</i></B>)
9295
9296
9297                                          :
9298
9299
9300                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9301
9302
9303
9304
9305
9306                 </div>
9307                 <div class="mdesc">
9308
9309                    <div class="short">Set positioning with an object returned by getPositioning().</div>
9310
9311
9312
9313                     <div class="long">
9314
9315                                 Set positioning with an object returned by getPositioning().
9316
9317
9318
9319
9320
9321
9322                                 <dl class="detailList">
9323                                 <dt class="heading">Parameters:</dt>
9324
9325                                         <dt>
9326                                                 <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>
9327
9328                                         </dt>
9329                                         <dd></dd>
9330
9331                                 </dl>
9332
9333
9334
9335
9336
9337                                 <dl class="detailList">
9338                                 <dt class="heading">Returns:</dt>
9339
9340                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9341
9342                                 </dl>
9343
9344
9345
9346
9347
9348
9349
9350                     </div>
9351                 </div>
9352
9353             </td>
9354             <td class="msource">
9355
9356                         Roo.Element
9357                 &nbsp;
9358             </td>
9359         </tr>
9360
9361
9362           <tr class="method-row config-row-alt1 expandable notInherited">
9363             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9364
9365
9366             <td class="sig">
9367                 <a id="Roo.Element-method-setRegion"   name=".setRegion"></a>
9368                 <div class="fixedFont">
9369                         <span class="attributes"></span><b class="itemname">setRegion</b>
9370
9371                                  (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>)
9372
9373
9374                                          :
9375
9376
9377                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9378
9379
9380
9381
9382
9383                 </div>
9384                 <div class="mdesc">
9385
9386                    <div class="short">Sets the element's position and size the the specified region.</div>
9387
9388
9389
9390                     <div class="long">
9391
9392                                 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.
9393
9394
9395
9396
9397
9398
9399                                 <dl class="detailList">
9400                                 <dt class="heading">Parameters:</dt>
9401
9402                                         <dt>
9403                                                 <span class="fixedFont">Roo.lib.Region</span>  <b>region</b>
9404
9405                                         </dt>
9406                                         <dd>The region to fill</dd>
9407
9408                                         <dt>
9409                                                 <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>
9410
9411                                         </dt>
9412                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9413
9414                                 </dl>
9415
9416
9417
9418
9419
9420                                 <dl class="detailList">
9421                                 <dt class="heading">Returns:</dt>
9422
9423                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9424
9425                                 </dl>
9426
9427
9428
9429
9430
9431
9432
9433                     </div>
9434                 </div>
9435
9436             </td>
9437             <td class="msource">
9438
9439                         Roo.Element
9440                 &nbsp;
9441             </td>
9442         </tr>
9443
9444
9445           <tr class="method-row config-row-alt0 expandable notInherited">
9446             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9447
9448
9449             <td class="sig">
9450                 <a id="Roo.Element-method-setRight"   name=".setRight"></a>
9451                 <div class="fixedFont">
9452                         <span class="attributes"></span><b class="itemname">setRight</b>
9453
9454                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>right</i></B>)
9455
9456
9457                                          :
9458
9459
9460                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9461
9462
9463
9464
9465
9466                 </div>
9467                 <div class="mdesc">
9468
9469                    <div class="short">Sets the element's CSS right style.</div>
9470
9471
9472
9473                     <div class="long">
9474
9475                                 Sets the element's CSS right style.
9476
9477
9478
9479
9480
9481
9482                                 <dl class="detailList">
9483                                 <dt class="heading">Parameters:</dt>
9484
9485                                         <dt>
9486                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>right</b>
9487
9488                                         </dt>
9489                                         <dd>The right CSS property value</dd>
9490
9491                                 </dl>
9492
9493
9494
9495
9496
9497                                 <dl class="detailList">
9498                                 <dt class="heading">Returns:</dt>
9499
9500                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9501
9502                                 </dl>
9503
9504
9505
9506
9507
9508
9509
9510                     </div>
9511                 </div>
9512
9513             </td>
9514             <td class="msource">
9515
9516                         Roo.Element
9517                 &nbsp;
9518             </td>
9519         </tr>
9520
9521
9522           <tr class="method-row config-row-alt1 expandable notInherited">
9523             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9524
9525
9526             <td class="sig">
9527                 <a id="Roo.Element-method-setSize"   name=".setSize"></a>
9528                 <div class="fixedFont">
9529                         <span class="attributes"></span><b class="itemname">setSize</b>
9530
9531                                  (<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>)
9532
9533
9534                                          :
9535
9536
9537                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9538
9539
9540
9541
9542
9543                 </div>
9544                 <div class="mdesc">
9545
9546                    <div class="short">Set the size of the element.</div>
9547
9548
9549
9550                     <div class="long">
9551
9552                                 Set the size of the element. If animation is true, both width an height will be animated concurrently.
9553
9554
9555
9556
9557
9558
9559                                 <dl class="detailList">
9560                                 <dt class="heading">Parameters:</dt>
9561
9562                                         <dt>
9563                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
9564
9565                                         </dt>
9566                                         <dd>The new width</dd>
9567
9568                                         <dt>
9569                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
9570
9571                                         </dt>
9572                                         <dd>The new height</dd>
9573
9574                                         <dt>
9575                                                 <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>
9576
9577                                         </dt>
9578                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9579
9580                                 </dl>
9581
9582
9583
9584
9585
9586                                 <dl class="detailList">
9587                                 <dt class="heading">Returns:</dt>
9588
9589                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9590
9591                                 </dl>
9592
9593
9594
9595
9596
9597
9598
9599                     </div>
9600                 </div>
9601
9602             </td>
9603             <td class="msource">
9604
9605                         Roo.Element
9606                 &nbsp;
9607             </td>
9608         </tr>
9609
9610
9611           <tr class="method-row config-row-alt0 expandable notInherited">
9612             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9613
9614
9615             <td class="sig">
9616                 <a id="Roo.Element-method-setStyle"   name=".setStyle"></a>
9617                 <div class="fixedFont">
9618                         <span class="attributes"></span><b class="itemname">setStyle</b>
9619
9620                                  (<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>)
9621
9622
9623                                          :
9624
9625
9626                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9627
9628
9629
9630
9631
9632                 </div>
9633                 <div class="mdesc">
9634
9635                    <div class="short">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div>
9636
9637
9638
9639                     <div class="long">
9640
9641                                 Wrapper for setting style properties, also takes single object parameter of multiple styles.
9642
9643
9644
9645
9646
9647
9648                                 <dl class="detailList">
9649                                 <dt class="heading">Parameters:</dt>
9650
9651                                         <dt>
9652                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span>  <b>property</b>
9653
9654                                         </dt>
9655                                         <dd>The style property to be set, or an object of multiple styles.</dd>
9656
9657                                         <dt>
9658                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
9659
9660                                         </dt>
9661                                         <dd>(optional) The value to apply to the given property, or null if an object was passed.</dd>
9662
9663                                 </dl>
9664
9665
9666
9667
9668
9669                                 <dl class="detailList">
9670                                 <dt class="heading">Returns:</dt>
9671
9672                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9673
9674                                 </dl>
9675
9676
9677
9678
9679
9680
9681
9682                     </div>
9683                 </div>
9684
9685             </td>
9686             <td class="msource">
9687
9688                         Roo.Element
9689                 &nbsp;
9690             </td>
9691         </tr>
9692
9693
9694           <tr class="method-row config-row-alt1 expandable notInherited">
9695             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9696
9697
9698             <td class="sig">
9699                 <a id="Roo.Element-method-setTop"   name=".setTop"></a>
9700                 <div class="fixedFont">
9701                         <span class="attributes"></span><b class="itemname">setTop</b>
9702
9703                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9704
9705
9706                                          :
9707
9708
9709                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9710
9711
9712
9713
9714
9715                 </div>
9716                 <div class="mdesc">
9717
9718                    <div class="short">Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).</div>
9719
9720
9721
9722                     <div class="long">
9723
9724                                 Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).
9725
9726
9727
9728
9729
9730
9731                                 <dl class="detailList">
9732                                 <dt class="heading">Parameters:</dt>
9733
9734                                         <dt>
9735                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>top</b>
9736
9737                                         </dt>
9738                                         <dd>The top CSS property value</dd>
9739
9740                                 </dl>
9741
9742
9743
9744
9745
9746                                 <dl class="detailList">
9747                                 <dt class="heading">Returns:</dt>
9748
9749                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9750
9751                                 </dl>
9752
9753
9754
9755
9756
9757
9758
9759                     </div>
9760                 </div>
9761
9762             </td>
9763             <td class="msource">
9764
9765                         Roo.Element
9766                 &nbsp;
9767             </td>
9768         </tr>
9769
9770
9771           <tr class="method-row config-row-alt0 expandable notInherited">
9772             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9773
9774
9775             <td class="sig">
9776                 <a id="Roo.Element-method-setVisibilityMode"   name=".setVisibilityMode"></a>
9777                 <div class="fixedFont">
9778                         <span class="attributes"></span><b class="itemname">setVisibilityMode</b>
9779
9780                                  (<B><i>visMode</i></B>)
9781
9782
9783                                          :
9784
9785
9786                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9787
9788
9789
9790
9791
9792                 </div>
9793                 <div class="mdesc">
9794
9795                    <div class="short">Sets the element's visibility mode.</div>
9796
9797
9798
9799                     <div class="long">
9800
9801                                 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.
9802
9803
9804
9805
9806
9807
9808                                 <dl class="detailList">
9809                                 <dt class="heading">Parameters:</dt>
9810
9811                                         <dt>
9812                                                  <b>visMode</b>
9813
9814                                         </dt>
9815                                         <dd>Element.VISIBILITY or Element.DISPLAY</dd>
9816
9817                                 </dl>
9818
9819
9820
9821
9822
9823                                 <dl class="detailList">
9824                                 <dt class="heading">Returns:</dt>
9825
9826                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9827
9828                                 </dl>
9829
9830
9831
9832
9833
9834
9835
9836                     </div>
9837                 </div>
9838
9839             </td>
9840             <td class="msource">
9841
9842                         Roo.Element
9843                 &nbsp;
9844             </td>
9845         </tr>
9846
9847
9848           <tr class="method-row config-row-alt1 expandable notInherited">
9849             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9850
9851
9852             <td class="sig">
9853                 <a id="Roo.Element-method-setVisible"   name=".setVisible"></a>
9854                 <div class="fixedFont">
9855                         <span class="attributes"></span><b class="itemname">setVisible</b>
9856
9857                                  (<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>)
9858
9859
9860                                          :
9861
9862
9863                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9864
9865
9866
9867
9868
9869                 </div>
9870                 <div class="mdesc">
9871
9872                    <div class="short">Sets the visibility of the element (see details).</div>
9873
9874
9875
9876                     <div class="long">
9877
9878                                 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.
9879
9880
9881
9882
9883
9884
9885                                 <dl class="detailList">
9886                                 <dt class="heading">Parameters:</dt>
9887
9888                                         <dt>
9889                                                 <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>
9890
9891                                         </dt>
9892                                         <dd>Whether the element is visible</dd>
9893
9894                                         <dt>
9895                                                 <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>
9896
9897                                         </dt>
9898                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9899
9900                                 </dl>
9901
9902
9903
9904
9905
9906                                 <dl class="detailList">
9907                                 <dt class="heading">Returns:</dt>
9908
9909                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9910
9911                                 </dl>
9912
9913
9914
9915
9916
9917
9918
9919                     </div>
9920                 </div>
9921
9922             </td>
9923             <td class="msource">
9924
9925                         Roo.Element
9926                 &nbsp;
9927             </td>
9928         </tr>
9929
9930
9931           <tr class="method-row config-row-alt0 expandable notInherited">
9932             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
9933
9934
9935             <td class="sig">
9936                 <a id="Roo.Element-method-setWidth"   name=".setWidth"></a>
9937                 <div class="fixedFont">
9938                         <span class="attributes"></span><b class="itemname">setWidth</b>
9939
9940                                  (<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>)
9941
9942
9943                                          :
9944
9945
9946                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9947
9948
9949
9950
9951
9952                 </div>
9953                 <div class="mdesc">
9954
9955                    <div class="short">Set the width of the element</div>
9956
9957
9958
9959                     <div class="long">
9960
9961                                 Set the width of the element
9962
9963
9964
9965
9966
9967
9968                                 <dl class="detailList">
9969                                 <dt class="heading">Parameters:</dt>
9970
9971                                         <dt>
9972                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
9973
9974                                         </dt>
9975                                         <dd>The new width</dd>
9976
9977                                         <dt>
9978                                                 <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>
9979
9980                                         </dt>
9981                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9982
9983                                 </dl>
9984
9985
9986
9987
9988
9989                                 <dl class="detailList">
9990                                 <dt class="heading">Returns:</dt>
9991
9992                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
9993
9994                                 </dl>
9995
9996
9997
9998
9999
10000
10001
10002                     </div>
10003                 </div>
10004
10005             </td>
10006             <td class="msource">
10007
10008                         Roo.Element
10009                 &nbsp;
10010             </td>
10011         </tr>
10012
10013
10014           <tr class="method-row config-row-alt1 expandable notInherited">
10015             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10016
10017
10018             <td class="sig">
10019                 <a id="Roo.Element-method-setX"   name=".setX"></a>
10020                 <div class="fixedFont">
10021                         <span class="attributes"></span><b class="itemname">setX</b>
10022
10023                                  (<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>)
10024
10025
10026                                          :
10027
10028
10029                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10030
10031
10032
10033
10034
10035                 </div>
10036                 <div class="mdesc">
10037
10038                    <div class="short">Sets the X position of the element based on page coordinates.</div>
10039
10040
10041
10042                     <div class="long">
10043
10044                                 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).
10045
10046
10047
10048
10049
10050
10051                                 <dl class="detailList">
10052                                 <dt class="heading">Parameters:</dt>
10053
10054                                         <dt>
10055                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
10056
10057                                         </dt>
10058                                         <dd>X position of the element</dd>
10059
10060                                         <dt>
10061                                                 <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>
10062
10063                                         </dt>
10064                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10065
10066                                 </dl>
10067
10068
10069
10070
10071
10072                                 <dl class="detailList">
10073                                 <dt class="heading">Returns:</dt>
10074
10075                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10076
10077                                 </dl>
10078
10079
10080
10081
10082
10083
10084
10085                     </div>
10086                 </div>
10087
10088             </td>
10089             <td class="msource">
10090
10091                         Roo.Element
10092                 &nbsp;
10093             </td>
10094         </tr>
10095
10096
10097           <tr class="method-row config-row-alt0 expandable notInherited">
10098             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10099
10100
10101             <td class="sig">
10102                 <a id="Roo.Element-method-setXY"   name=".setXY"></a>
10103                 <div class="fixedFont">
10104                         <span class="attributes"></span><b class="itemname">setXY</b>
10105
10106                                  (<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>)
10107
10108
10109                                          :
10110
10111
10112                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10113
10114
10115
10116
10117
10118                 </div>
10119                 <div class="mdesc">
10120
10121                    <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
10122
10123
10124
10125                     <div class="long">
10126
10127                                 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).
10128
10129
10130
10131
10132
10133
10134                                 <dl class="detailList">
10135                                 <dt class="heading">Parameters:</dt>
10136
10137                                         <dt>
10138                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  <b>pos</b>
10139
10140                                         </dt>
10141                                         <dd>Contains X & Y [x, y] values for new position (coordinates are page-based)</dd>
10142
10143                                         <dt>
10144                                                 <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>
10145
10146                                         </dt>
10147                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10148
10149                                 </dl>
10150
10151
10152
10153
10154
10155                                 <dl class="detailList">
10156                                 <dt class="heading">Returns:</dt>
10157
10158                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10159
10160                                 </dl>
10161
10162
10163
10164
10165
10166
10167
10168                     </div>
10169                 </div>
10170
10171             </td>
10172             <td class="msource">
10173
10174                         Roo.Element
10175                 &nbsp;
10176             </td>
10177         </tr>
10178
10179
10180           <tr class="method-row config-row-alt1 expandable notInherited">
10181             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10182
10183
10184             <td class="sig">
10185                 <a id="Roo.Element-method-setY"   name=".setY"></a>
10186                 <div class="fixedFont">
10187                         <span class="attributes"></span><b class="itemname">setY</b>
10188
10189                                  (<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>)
10190
10191
10192                                          :
10193
10194
10195                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10196
10197
10198
10199
10200
10201                 </div>
10202                 <div class="mdesc">
10203
10204                    <div class="short">Sets the Y position of the element based on page coordinates.</div>
10205
10206
10207
10208                     <div class="long">
10209
10210                                 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).
10211
10212
10213
10214
10215
10216
10217                                 <dl class="detailList">
10218                                 <dt class="heading">Parameters:</dt>
10219
10220                                         <dt>
10221                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
10222
10223                                         </dt>
10224                                         <dd>Y position of the element</dd>
10225
10226                                         <dt>
10227                                                 <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>
10228
10229                                         </dt>
10230                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10231
10232                                 </dl>
10233
10234
10235
10236
10237
10238                                 <dl class="detailList">
10239                                 <dt class="heading">Returns:</dt>
10240
10241                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10242
10243                                 </dl>
10244
10245
10246
10247
10248
10249
10250
10251                     </div>
10252                 </div>
10253
10254             </td>
10255             <td class="msource">
10256
10257                         Roo.Element
10258                 &nbsp;
10259             </td>
10260         </tr>
10261
10262
10263           <tr class="method-row config-row-alt0 expandable notInherited">
10264             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10265
10266
10267             <td class="sig">
10268                 <a id="Roo.Element-method-show"   name=".show"></a>
10269                 <div class="fixedFont">
10270                         <span class="attributes"></span><b class="itemname">show</b>
10271
10272                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10273
10274
10275                                          :
10276
10277
10278                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10279
10280
10281
10282
10283
10284                 </div>
10285                 <div class="mdesc">
10286
10287                    <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility".</div>
10288
10289
10290
10291                     <div class="long">
10292
10293                                 Show this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
10294
10295
10296
10297
10298
10299
10300                                 <dl class="detailList">
10301                                 <dt class="heading">Parameters:</dt>
10302
10303                                         <dt>
10304                                                 <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>
10305
10306                                         </dt>
10307                                         <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10308
10309                                 </dl>
10310
10311
10312
10313
10314
10315                                 <dl class="detailList">
10316                                 <dt class="heading">Returns:</dt>
10317
10318                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10319
10320                                 </dl>
10321
10322
10323
10324
10325
10326
10327
10328                     </div>
10329                 </div>
10330
10331             </td>
10332             <td class="msource">
10333
10334                         Roo.Element
10335                 &nbsp;
10336             </td>
10337         </tr>
10338
10339
10340           <tr class="method-row config-row-alt1 expandable notInherited">
10341             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10342
10343
10344             <td class="sig">
10345                 <a id="Roo.Element-method-swallowEvent"   name=".swallowEvent"></a>
10346                 <div class="fixedFont">
10347                         <span class="attributes"></span><b class="itemname">swallowEvent</b>
10348
10349                                  (<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>)
10350
10351
10352                                          :
10353
10354
10355                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10356
10357
10358
10359
10360
10361                 </div>
10362                 <div class="mdesc">
10363
10364                    <div class="short">Stops the specified event from bubbling and optionally prevents the default action</div>
10365
10366
10367
10368                     <div class="long">
10369
10370                                 Stops the specified event from bubbling and optionally prevents the default action
10371
10372
10373
10374
10375
10376
10377                                 <dl class="detailList">
10378                                 <dt class="heading">Parameters:</dt>
10379
10380                                         <dt>
10381                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
10382
10383                                         </dt>
10384                                         <dd></dd>
10385
10386                                         <dt>
10387                                                 <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>
10388
10389                                         </dt>
10390                                         <dd>(optional) true to prevent the default action too</dd>
10391
10392                                 </dl>
10393
10394
10395
10396
10397
10398                                 <dl class="detailList">
10399                                 <dt class="heading">Returns:</dt>
10400
10401                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10402
10403                                 </dl>
10404
10405
10406
10407
10408
10409
10410
10411                     </div>
10412                 </div>
10413
10414             </td>
10415             <td class="msource">
10416
10417                         Roo.Element
10418                 &nbsp;
10419             </td>
10420         </tr>
10421
10422
10423           <tr class="method-row config-row-alt0 expandable notInherited">
10424             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10425
10426
10427             <td class="sig">
10428                 <a id="Roo.Element-method-toggle"   name=".toggle"></a>
10429                 <div class="fixedFont">
10430                         <span class="attributes"></span><b class="itemname">toggle</b>
10431
10432                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10433
10434
10435                                          :
10436
10437
10438                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10439
10440
10441
10442
10443
10444                 </div>
10445                 <div class="mdesc">
10446
10447                    <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div>
10448
10449
10450
10451                     <div class="long">
10452
10453                                 Toggles the element's visibility or display, depending on visibility mode.
10454
10455
10456
10457
10458
10459
10460                                 <dl class="detailList">
10461                                 <dt class="heading">Parameters:</dt>
10462
10463                                         <dt>
10464                                                 <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>
10465
10466                                         </dt>
10467                                         <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10468
10469                                 </dl>
10470
10471
10472
10473
10474
10475                                 <dl class="detailList">
10476                                 <dt class="heading">Returns:</dt>
10477
10478                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10479
10480                                 </dl>
10481
10482
10483
10484
10485
10486
10487
10488                     </div>
10489                 </div>
10490
10491             </td>
10492             <td class="msource">
10493
10494                         Roo.Element
10495                 &nbsp;
10496             </td>
10497         </tr>
10498
10499
10500           <tr class="method-row config-row-alt1 expandable notInherited">
10501             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10502
10503
10504             <td class="sig">
10505                 <a id="Roo.Element-method-toggleClass"   name=".toggleClass"></a>
10506                 <div class="fixedFont">
10507                         <span class="attributes"></span><b class="itemname">toggleClass</b>
10508
10509                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
10510
10511
10512                                          :
10513
10514
10515                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10516
10517
10518
10519
10520
10521                 </div>
10522                 <div class="mdesc">
10523
10524                    <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div>
10525
10526
10527
10528                     <div class="long">
10529
10530                                 Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
10531
10532
10533
10534
10535
10536
10537                                 <dl class="detailList">
10538                                 <dt class="heading">Parameters:</dt>
10539
10540                                         <dt>
10541                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>className</b>
10542
10543                                         </dt>
10544                                         <dd>The CSS class to toggle</dd>
10545
10546                                 </dl>
10547
10548
10549
10550
10551
10552                                 <dl class="detailList">
10553                                 <dt class="heading">Returns:</dt>
10554
10555                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10556
10557                                 </dl>
10558
10559
10560
10561
10562
10563
10564
10565                     </div>
10566                 </div>
10567
10568             </td>
10569             <td class="msource">
10570
10571                         Roo.Element
10572                 &nbsp;
10573             </td>
10574         </tr>
10575
10576
10577           <tr class="method-row config-row-alt0 expandable notInherited">
10578             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10579
10580
10581             <td class="sig">
10582                 <a id="Roo.Element-method-translatePoints"   name=".translatePoints"></a>
10583                 <div class="fixedFont">
10584                         <span class="attributes"></span><b class="itemname">translatePoints</b>
10585
10586                                  (<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>)
10587
10588
10589                                          :
10590
10591
10592                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
10593
10594
10595
10596
10597
10598                 </div>
10599                 <div class="mdesc">
10600
10601                    <div class="short">Translates the passed page coordinates into left/top css values for this element</div>
10602
10603
10604
10605                     <div class="long">
10606
10607                                 Translates the passed page coordinates into left/top css values for this element
10608
10609
10610
10611
10612
10613
10614                                 <dl class="detailList">
10615                                 <dt class="heading">Parameters:</dt>
10616
10617                                         <dt>
10618                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array</span>  <b>x</b>
10619
10620                                         </dt>
10621                                         <dd>The page x or an array containing [x, y]</dd>
10622
10623                                         <dt>
10624                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
10625
10626                                         </dt>
10627                                         <dd>The page y</dd>
10628
10629                                 </dl>
10630
10631
10632
10633
10634
10635                                 <dl class="detailList">
10636                                 <dt class="heading">Returns:</dt>
10637
10638                                         <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>
10639
10640                                 </dl>
10641
10642
10643
10644
10645
10646
10647
10648                     </div>
10649                 </div>
10650
10651             </td>
10652             <td class="msource">
10653
10654                         Roo.Element
10655                 &nbsp;
10656             </td>
10657         </tr>
10658
10659
10660           <tr class="method-row config-row-alt1 expandable notInherited">
10661             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10662
10663
10664             <td class="sig">
10665                 <a id="Roo.Element-method-un"   name=".un"></a>
10666                 <div class="fixedFont">
10667                         <span class="attributes"></span><b class="itemname">un</b>
10668
10669                                  (<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>)
10670
10671
10672                                          :
10673
10674
10675                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10676
10677
10678
10679
10680
10681                 </div>
10682                 <div class="mdesc">
10683
10684                    <div class="short">Removes an event handler from this element (shorthand for removeListener)</div>
10685
10686
10687
10688                     <div class="long">
10689
10690                                 Removes an event handler from this element (shorthand for removeListener)
10691
10692
10693
10694
10695
10696
10697                                 <dl class="detailList">
10698                                 <dt class="heading">Parameters:</dt>
10699
10700                                         <dt>
10701                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
10702
10703                                         </dt>
10704                                         <dd>the type of event to remove</dd>
10705
10706                                         <dt>
10707                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>fn</b>
10708
10709                                         </dt>
10710                                         <dd>the method the event invokes</dd>
10711
10712                                 </dl>
10713
10714
10715
10716
10717
10718                                 <dl class="detailList">
10719                                 <dt class="heading">Returns:</dt>
10720
10721                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10722
10723                                 </dl>
10724
10725
10726
10727
10728
10729
10730
10731                     </div>
10732                 </div>
10733
10734             </td>
10735             <td class="msource">
10736
10737                         Roo.Element
10738                 &nbsp;
10739             </td>
10740         </tr>
10741
10742
10743           <tr class="method-row config-row-alt0 expandable notInherited">
10744             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10745
10746
10747             <td class="sig">
10748                 <a id="Roo.Element-method-unclip"   name=".unclip"></a>
10749                 <div class="fixedFont">
10750                         <span class="attributes"></span><b class="itemname">unclip</b>
10751
10752                                  ()
10753
10754
10755                                          :
10756
10757
10758                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10759
10760
10761
10762
10763
10764                 </div>
10765                 <div class="mdesc">
10766
10767                    <div class="short">Return clipping (overflow) to original clipping before clip() was called</div>
10768
10769
10770
10771                     <div class="long">
10772
10773                                 Return clipping (overflow) to original clipping before clip() was called
10774
10775
10776
10777
10778
10779
10780
10781
10782
10783
10784                                 <dl class="detailList">
10785                                 <dt class="heading">Returns:</dt>
10786
10787                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10788
10789                                 </dl>
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-unmask"   name=".unmask"></a>
10815                 <div class="fixedFont">
10816                         <span class="attributes"></span><b class="itemname">unmask</b>
10817
10818                                  ()
10819
10820
10821
10822                 </div>
10823                 <div class="mdesc">
10824
10825                    <div class="short">Removes a previously applied mask.</div>
10826
10827
10828
10829                     <div class="long">
10830
10831                                 Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise<br/>it is cached for reuse.
10832
10833
10834
10835
10836
10837
10838
10839
10840
10841
10842
10843
10844
10845
10846
10847
10848                     </div>
10849                 </div>
10850
10851             </td>
10852             <td class="msource">
10853
10854                         Roo.Element
10855                 &nbsp;
10856             </td>
10857         </tr>
10858
10859
10860           <tr class="method-row config-row-alt0 expandable notInherited">
10861             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10862
10863
10864             <td class="sig">
10865                 <a id="Roo.Element-method-unselectable"   name=".unselectable"></a>
10866                 <div class="fixedFont">
10867                         <span class="attributes"></span><b class="itemname">unselectable</b>
10868
10869                                  ()
10870
10871
10872                                          :
10873
10874
10875                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10876
10877
10878
10879
10880
10881                 </div>
10882                 <div class="mdesc">
10883
10884                    <div class="short">Disables text selection for this element (normalized across browsers)</div>
10885
10886
10887
10888                     <div class="long">
10889
10890                                 Disables text selection for this element (normalized across browsers)
10891
10892
10893
10894
10895
10896
10897
10898
10899
10900
10901                                 <dl class="detailList">
10902                                 <dt class="heading">Returns:</dt>
10903
10904                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
10905
10906                                 </dl>
10907
10908
10909
10910
10911
10912
10913
10914                     </div>
10915                 </div>
10916
10917             </td>
10918             <td class="msource">
10919
10920                         Roo.Element
10921                 &nbsp;
10922             </td>
10923         </tr>
10924
10925
10926           <tr class="method-row config-row-alt1 expandable notInherited">
10927             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
10928
10929
10930             <td class="sig">
10931                 <a id="Roo.Element-method-up"   name=".up"></a>
10932                 <div class="fixedFont">
10933                         <span class="attributes"></span><b class="itemname">up</b>
10934
10935                                  (<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>)
10936
10937
10938                                          :
10939
10940
10941                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10942
10943
10944
10945
10946
10947                 </div>
10948                 <div class="mdesc">
10949
10950                    <div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g.</div>
10951
10952
10953
10954                     <div class="long">
10955
10956                                 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.
10957
10958
10959
10960
10961
10962
10963                                 <dl class="detailList">
10964                                 <dt class="heading">Parameters:</dt>
10965
10966                                         <dt>
10967                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>selector</b>
10968
10969                                         </dt>
10970                                         <dd>The simple selector to test</dd>
10971
10972                                         <dt>
10973                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span>  <b>maxDepth</b>
10974
10975                                         </dt>
10976                                         <dd>(optional) The max depth to<br/>                search as a number or element (defaults to 10 || document.body)</dd>
10977
10978                                 </dl>
10979
10980
10981
10982
10983
10984                                 <dl class="detailList">
10985                                 <dt class="heading">Returns:</dt>
10986
10987                                         <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>
10988
10989                                 </dl>
10990
10991
10992
10993
10994
10995
10996
10997                     </div>
10998                 </div>
10999
11000             </td>
11001             <td class="msource">
11002
11003                         Roo.Element
11004                 &nbsp;
11005             </td>
11006         </tr>
11007
11008
11009           <tr class="method-row config-row-alt0 expandable notInherited">
11010             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
11011
11012
11013             <td class="sig">
11014                 <a id="Roo.Element-method-update"   name=".update"></a>
11015                 <div class="fixedFont">
11016                         <span class="attributes"></span><b class="itemname">update</b>
11017
11018                                  (<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>)
11019
11020
11021                                          :
11022
11023
11024                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11025
11026
11027
11028
11029
11030                 </div>
11031                 <div class="mdesc">
11032
11033                    <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div>
11034
11035
11036
11037                     <div class="long">
11038
11039                                 Update the innerHTML of this element, optionally searching for and processing scripts
11040
11041
11042
11043
11044
11045
11046                                 <dl class="detailList">
11047                                 <dt class="heading">Parameters:</dt>
11048
11049                                         <dt>
11050                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>html</b>
11051
11052                                         </dt>
11053                                         <dd>The new HTML</dd>
11054
11055                                         <dt>
11056                                                 <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>
11057
11058                                         </dt>
11059                                         <dd>(optional) true to look for and process scripts</dd>
11060
11061                                         <dt>
11062                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>callback</b>
11063
11064                                         </dt>
11065                                         <dd>For async script loading you can be noticed when the update completes</dd>
11066
11067                                 </dl>
11068
11069
11070
11071
11072
11073                                 <dl class="detailList">
11074                                 <dt class="heading">Returns:</dt>
11075
11076                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  this</dd>
11077
11078                                 </dl>
11079
11080
11081
11082
11083
11084
11085
11086                     </div>
11087                 </div>
11088
11089             </td>
11090             <td class="msource">
11091
11092                         Roo.Element
11093                 &nbsp;
11094             </td>
11095         </tr>
11096
11097
11098           <tr class="method-row config-row-alt1 expandable notInherited">
11099             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
11100
11101
11102             <td class="sig">
11103                 <a id="Roo.Element-method-wrap"   name=".wrap"></a>
11104                 <div class="fixedFont">
11105                         <span class="attributes"></span><b class="itemname">wrap</b>
11106
11107                                  (<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>)
11108
11109
11110                                          :
11111
11112
11113                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element
11114
11115
11116
11117
11118
11119                 </div>
11120                 <div class="mdesc">
11121
11122                    <div class="short">Creates and wraps this element with another element</div>
11123
11124
11125
11126                     <div class="long">
11127
11128                                 Creates and wraps this element with another element
11129
11130
11131
11132
11133
11134
11135                                 <dl class="detailList">
11136                                 <dt class="heading">Parameters:</dt>
11137
11138                                         <dt>
11139                                                 <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>
11140
11141                                         </dt>
11142                                         <dd>(optional) DomHelper element config object for the wrapper element or null for an empty div</dd>
11143
11144                                         <dt>
11145                                                 <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>
11146
11147                                         </dt>
11148                                         <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
11149
11150                                 </dl>
11151
11152
11153
11154
11155
11156                                 <dl class="detailList">
11157                                 <dt class="heading">Returns:</dt>
11158
11159                                         <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>
11160
11161                                 </dl>
11162
11163
11164
11165
11166
11167
11168
11169                     </div>
11170                 </div>
11171
11172             </td>
11173             <td class="msource">
11174
11175                         Roo.Element
11176                 &nbsp;
11177             </td>
11178         </tr>
11179
11180
11181     </table>
11182
11183
11184   <!-- ============================== events summary / details ======================== -->
11185
11186
11187   <a id="Roo.Element-events"></a>
11188
11189
11190
11191
11192
11193      <table cellspacing="0" class="member-table">
11194       <caption class="Empty">Events - Has None</caption>
11195      </table>
11196
11197
11198
11199
11200
11201
11202
11203
11204
11205 <!-- ============================== footer ================================= -->
11206                 <div class="fineprint" style="clear:both">
11207
11208                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
11209                         Based on
11210                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
11211                 </div>
11212         </body>
11213 </html>