git.roojs.org Git - roojs1/blob - docs/symbols/Roo.Layer.html

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