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

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