1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.Layer</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.Layer-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.Layer-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.Layer-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.Layer-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.Layer
52 <!-- ============================== class title / details ============================ -->
55 <h1 class="classTitle">
60 <table cellspacing="0" class="class-summary-table">
62 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
64 <tr><td class="label">Defined In:</td><td class="hd-info">
66 <a href="./src/Roo_Layer.js.html">Roo/Layer.js</a>.
69 <tr><td class="label">Class:</td><td class="hd-info">Layer</td></tr>
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>
83 <!-- ============================== class summary ========================== -->
84 <div class="description">
85 An extended {<b>link</b> Roo.Element} object that supports a shadow and shim, constrain to viewport and<br/>automatic maintaining of shadow/shim positions.
89 <!-- ============================== Class comment block... ========================== -->
91 <div class="comments">
92 <b>Class Comments / Notes</B> =>
93 <u onclick="parent.CommentDialog.showCommentId = 'Roo.Layer';">[Add Your comment/notes about this class]</u>
95 <iframe frameborder="0" id="comments-Roo" style="border: none;width:100%;"
96 src="/blog.php/GtkDjsComments/Roo.Layer.html"></iframe>
101 <!-- ============================== config options ========================== -->
106 <div class="hr"></div>
107 <a id="Roo.Layer-configs"></a>
113 <table cellspacing="0" class="member-table">
114 <caption>Config Options (Usually are also Properties)</caption>
118 <th class="sig-header" colspan="2">Options</th>
120 <th class="msource-header">Defined By</th>
127 <tr class="config-row expandable config-row-alt0 notInherited">
128 <td class="micon"><a class="exi" href="#expand"> </a></td>
131 <a id="Roo.Layer-cfg-cls" name=".cls"></a>
132 <div class="fixedFont">
133 <b class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
139 <div class="short">CSS class to add to the element</div>
144 CSS class to add to the element
160 <tr class="config-row expandable config-row-alt1 notInherited">
161 <td class="micon"><a class="exi" href="#expand"> </a></td>
164 <a id="Roo.Layer-cfg-constrain" name=".constrain"></a>
165 <div class="fixedFont">
166 <b class="itemname">constrain</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
172 <div class="short">False to disable constrain to viewport (defaults to true)</div>
177 False to disable constrain to viewport (defaults to true)
193 <tr class="config-row expandable config-row-alt0 notInherited">
194 <td class="micon"><a class="exi" href="#expand"> </a></td>
197 <a id="Roo.Layer-cfg-dh" name=".dh"></a>
198 <div class="fixedFont">
199 <b class="itemname">dh</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
205 <div class="short">DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).</div>
210 DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).
226 <tr class="config-row expandable config-row-alt1 notInherited">
227 <td class="micon"><a class="exi" href="#expand"> </a></td>
230 <a id="Roo.Layer-cfg-shadow" name=".shadow"></a>
231 <div class="fixedFont">
232 <b class="itemname">shadow</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
238 <div class="short">True to create a shadow element with default class "x-layer-shadow", or<br/>you can pass a string with a CSS class name.</div>
243 True to create a shadow element with default class "x-layer-shadow", or<br/>you can pass a string with a CSS class name. False turns off the shadow.
259 <tr class="config-row expandable config-row-alt0 notInherited">
260 <td class="micon"><a class="exi" href="#expand"> </a></td>
263 <a id="Roo.Layer-cfg-shadowOffset" name=".shadowOffset"></a>
264 <div class="fixedFont">
265 <b class="itemname">shadowOffset</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
271 <div class="short">Number of pixels to offset the shadow (defaults to 3)</div>
276 Number of pixels to offset the shadow (defaults to 3)
292 <tr class="config-row expandable config-row-alt1 notInherited">
293 <td class="micon"><a class="exi" href="#expand"> </a></td>
296 <a id="Roo.Layer-cfg-shim" name=".shim"></a>
297 <div class="fixedFont">
298 <b class="itemname">shim</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
304 <div class="short">False to disable the iframe shim in browsers which need one (defaults to true)</div>
309 False to disable the iframe shim in browsers which need one (defaults to true)
325 <tr class="config-row expandable config-row-alt0 notInherited">
326 <td class="micon"><a class="exi" href="#expand"> </a></td>
329 <a id="Roo.Layer-cfg-zindex" name=".zindex"></a>
330 <div class="fixedFont">
331 <b class="itemname">zindex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
337 <div class="short">Starting z-index (defaults to 11000)</div>
342 Starting z-index (defaults to 11000)
368 <!-- ============================== public properties ==================== -->
372 <a id="Roo.Layer-props"></a>
380 <table cellspacing="0" class="member-table">
381 <caption>Public Properties </caption>
383 <th class="sig-header" colspan="2">Property</th>
384 <th class="sig-header">Description</th>
385 <th class="msource-header">Defined By</th>
395 <tr class="property-row config-row-alt0">
397 <a class="exi" href="#expand"> </a>
400 <a id="Roo.Element-prop-DISPLAY" name=".DISPLAY"></a>
401 <div class="fixedFont">
402 <span class="attributes">Roo.Layer.</span><b class="itemname">DISPLAY</b> :
403 <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
411 Visibility mode constant - Use display to hide element
419 Visibility mode constant - Use display to hide element
426 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
434 <tr class="property-row config-row-alt1">
436 <a class="exi" href="#expand"> </a>
439 <a id="Roo.Element-prop-VISIBILITY" name=".VISIBILITY"></a>
440 <div class="fixedFont">
441 <span class="attributes">Roo.Layer.</span><b class="itemname">VISIBILITY</b> :
442 <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
450 Visibility mode constant - Use visibility to hide element
458 Visibility mode constant - Use visibility to hide element
465 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
474 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
475 <tr class="property-row alt">
482 <!-- ============================== methods summary / details ======================== -->
485 <a id="Roo.Layer-methods"></a>
486 <!-- constructor?? -->
493 <!-- then dynamics first -->
500 <table cellspacing="0" class="member-table">
501 <caption>Public Methods</caption>
503 <th class="sig-header" colspan="2">Method</th>
504 <th class="msource-header">Defined By</th>
514 <tr class="method-row config-row-alt0 expandable notInherited">
515 <td class="micon"><a class="exi" href="#expand"> </a></td>
519 <a id="Roo-method-Layer" name=".Layer"></a>
520 <div class="fixedFont">
521 <span class="attributes">new <B>Roo.</B></span><b class="itemname">Layer</b>
523 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>existingEl</i></B>)
531 <div class="short">Create a new Roo.Layer</div>
538 Create a new Roo.Layer
541 <dl class="detailList">
542 <dt class="heading">Parameters:</dt>
545 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
548 <dd>An object with config options.</dd>
551 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span> <b>existingEl</b>
554 <dd>(optional) Uses an existing DOM element. If the element is not found it creates it.</dd>
578 <tr class="method-row config-row-alt1 expandable">
579 <td class="micon"><a class="exi" href="#expand"> </a></td>
583 <a id="Roo.Element-method-addClass" name=".addClass"></a>
584 <div class="fixedFont">
585 <span class="attributes"></span><b class="itemname">addClass</b>
587 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
593 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
602 <div class="short">Adds one or more CSS classes to the element.</div>
608 Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.
615 <dl class="detailList">
616 <dt class="heading">Parameters:</dt>
619 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
622 <dd>The CSS class to add, or an array of classes</dd>
630 <dl class="detailList">
631 <dt class="heading">Returns:</dt>
633 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
649 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
655 <tr class="method-row config-row-alt0 expandable">
656 <td class="micon"><a class="exi" href="#expand"> </a></td>
660 <a id="Roo.Element-method-addClassOnClick" name=".addClassOnClick"></a>
661 <div class="fixedFont">
662 <span class="attributes"></span><b class="itemname">addClassOnClick</b>
664 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
670 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
679 <div class="short">Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)</div>
685 Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)
692 <dl class="detailList">
693 <dt class="heading">Parameters:</dt>
696 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
707 <dl class="detailList">
708 <dt class="heading">Returns:</dt>
710 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
726 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
732 <tr class="method-row config-row-alt1 expandable">
733 <td class="micon"><a class="exi" href="#expand"> </a></td>
737 <a id="Roo.Element-method-addClassOnFocus" name=".addClassOnFocus"></a>
738 <div class="fixedFont">
739 <span class="attributes"></span><b class="itemname">addClassOnFocus</b>
741 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
747 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
756 <div class="short">Sets up event handlers to add and remove a css class when this element has the focus</div>
762 Sets up event handlers to add and remove a css class when this element has the focus
769 <dl class="detailList">
770 <dt class="heading">Parameters:</dt>
773 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
784 <dl class="detailList">
785 <dt class="heading">Returns:</dt>
787 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
803 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
809 <tr class="method-row config-row-alt0 expandable">
810 <td class="micon"><a class="exi" href="#expand"> </a></td>
814 <a id="Roo.Element-method-addClassOnOver" name=".addClassOnOver"></a>
815 <div class="fixedFont">
816 <span class="attributes"></span><b class="itemname">addClassOnOver</b>
818 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventFlicker</i></B>)
824 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
833 <div class="short">Sets up event handlers to add and remove a css class when the mouse is over this element</div>
839 Sets up event handlers to add and remove a css class when the mouse is over this element
846 <dl class="detailList">
847 <dt class="heading">Parameters:</dt>
850 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
856 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>preventFlicker</b>
859 <dd>(optional) If set to true, it prevents flickering by filtering<br/>mouseout events for children elements</dd>
867 <dl class="detailList">
868 <dt class="heading">Returns:</dt>
870 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
886 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
892 <tr class="method-row config-row-alt1 expandable">
893 <td class="micon"><a class="exi" href="#expand"> </a></td>
897 <a id="Roo.Element-method-addKeyListener" name=".addKeyListener"></a>
898 <div class="fixedFont">
899 <span class="attributes"></span><b class="itemname">addKeyListener</b>
901 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String <B><i>key</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
907 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
916 <div class="short">Convenience method for constructing a KeyMap</div>
922 Convenience method for constructing a KeyMap
929 <dl class="detailList">
930 <dt class="heading">Parameters:</dt>
933 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String</span> <b>key</b>
936 <dd>Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:<br/> {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</dd>
939 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
942 <dd>The function to call</dd>
945 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
948 <dd>(optional) The scope of the function</dd>
956 <dl class="detailList">
957 <dt class="heading">Returns:</dt>
959 <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span> The KeyMap created</dd>
975 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
981 <tr class="method-row config-row-alt0 expandable">
982 <td class="micon"><a class="exi" href="#expand"> </a></td>
986 <a id="Roo.Element-method-addKeyMap" name=".addKeyMap"></a>
987 <div class="fixedFont">
988 <span class="attributes"></span><b class="itemname">addKeyMap</b>
990 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
996 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
1005 <div class="short">Creates a KeyMap for this element</div>
1011 Creates a KeyMap for this element
1018 <dl class="detailList">
1019 <dt class="heading">Parameters:</dt>
1022 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
1025 <dd>The KeyMap config. See {<b>link</b> Roo.KeyMap} for more details</dd>
1033 <dl class="detailList">
1034 <dt class="heading">Returns:</dt>
1036 <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span> The KeyMap created</dd>
1050 <td class="msource">
1052 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1058 <tr class="method-row config-row-alt1 expandable">
1059 <td class="micon"><a class="exi" href="#expand"> </a></td>
1063 <a id="Roo.Element-method-addListener" name=".addListener"></a>
1064 <div class="fixedFont">
1065 <span class="attributes"></span><b class="itemname">addListener</b>
1067 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1074 <div class="short">Appends an event handler</div>
1080 Appends an event handler
1087 <dl class="detailList">
1088 <dt class="heading">Parameters:</dt>
1091 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1094 <dd>The type of event to append</dd>
1097 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
1100 <dd>The method the event invokes</dd>
1103 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1106 <dd>(optional) The scope (this object) of the fn</dd>
1109 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
1112 <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
1130 <td class="msource">
1132 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1138 <tr class="method-row config-row-alt0 expandable">
1139 <td class="micon"><a class="exi" href="#expand"> </a></td>
1143 <a id="Roo.Element-method-alignTo" name=".alignTo"></a>
1144 <div class="fixedFont">
1145 <span class="attributes"></span><b class="itemname">alignTo</b>
1147 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
1153 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1162 <div class="short">Aligns this element with another element relative to the specified anchor points.</div>
1168 Aligns this element with another element relative to the specified anchor points. If the other element is the<br/>document it aligns it to the viewport.<br/>The position parameter is optional, and can be specified in any one of the following formats:<br/><ul><br/> <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li><br/> <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.<br/> The element being aligned will position its top-left corner (tl) to that point. <i>This method has been<br/> deprecated in favor of the newer two anchor syntax below</i>.</li><br/> <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the<br/> element's anchor point, and the second value is used as the target's anchor point.</li><br/></ul><br/>In addition to the anchor points, the position parameter also supports the "?" character. If "?" is passed at the end of<br/>the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to<br/>the viewport if necessary. Note that the element being aligned might be swapped to align to a different position than<br/>that specified in order to enforce the viewport constraints.<br/>Following are all of the supported anchor positions:<br/> <pre><br/> Value Description<br/> ----- -----------------------------<br/> tl The top left corner (default)<br/> t The center of the top edge<br/> tr The top right corner<br/> l The center of the left edge<br/> c In the center of the element<br/> r The center of the right edge<br/> bl The bottom left corner<br/> b The center of the bottom edge<br/> br The bottom right corner<br/> </pre><br/> Example Usage:<br/> <pre><code><br/> // align el to other-el using the default positioning ("tl-bl", non-constrained)<br/> el.alignTo("other-el");<br/><br/> // align the top left corner of el with the top right corner of other-el (constrained to viewport)<br/> el.alignTo("other-el", "tr?");<br/><br/> // align the bottom right corner of el with the center left edge of other-el<br/> el.alignTo("other-el", "br-l?");<br/><br/> // align the center of el with the bottom left corner of other-el and<br/> // adjust the x position by -6 pixels (and the y position by 0)<br/> el.alignTo("other-el", "c-bl", [-6, 0]);<br/> </code></pre>
1175 <dl class="detailList">
1176 <dt class="heading">Parameters:</dt>
1179 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
1182 <dd>The element to align to.</dd>
1185 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
1188 <dd>The position to align to.</dd>
1191 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
1194 <dd>(optional) Offset the positioning by [x, y]</dd>
1197 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
1200 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
1208 <dl class="detailList">
1209 <dt class="heading">Returns:</dt>
1211 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1225 <td class="msource">
1227 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1233 <tr class="method-row config-row-alt1 expandable">
1234 <td class="micon"><a class="exi" href="#expand"> </a></td>
1238 <a id="Roo.Element-method-anchorTo" name=".anchorTo"></a>
1239 <div class="fixedFont">
1240 <span class="attributes"></span><b class="itemname">anchorTo</b>
1242 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Number <B><i>monitorScroll</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>)
1248 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1257 <div class="short">Anchors an element to another element and realigns it when the window is resized.</div>
1263 Anchors an element to another element and realigns it when the window is resized.
1270 <dl class="detailList">
1271 <dt class="heading">Parameters:</dt>
1274 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
1277 <dd>The element to align to.</dd>
1280 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
1283 <dd>The position to align to.</dd>
1286 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
1289 <dd>(optional) Offset the positioning by [x, y]</dd>
1292 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
1295 <dd>(optional) True for the default animation or a standard Element animation config object</dd>
1298 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Number</span> <b>monitorScroll</b>
1301 <dd>(optional) True to monitor body scroll and reposition. If this parameter<br/>is a number, it is used as the buffer delay (defaults to 50ms).</dd>
1304 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
1307 <dd>The function to call after the animation finishes</dd>
1315 <dl class="detailList">
1316 <dt class="heading">Returns:</dt>
1318 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1332 <td class="msource">
1334 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1340 <tr class="method-row config-row-alt0 expandable">
1341 <td class="micon"><a class="exi" href="#expand"> </a></td>
1345 <a id="Roo.Element-method-animate" name=".animate"></a>
1346 <div class="fixedFont">
1347 <span class="attributes"></span><b class="itemname">animate</b>
1349 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>args</i></B>, Float <B><i>duration</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>onComplete</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>easing</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>animType</i></B>)
1355 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1364 <div class="short">Perform animation on this element.</div>
1370 Perform animation on this element.
1377 <dl class="detailList">
1378 <dt class="heading">Parameters:</dt>
1381 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>args</b>
1384 <dd>The YUI animation control args</dd>
1387 <span class="fixedFont">Float</span> <b>duration</b>
1390 <dd>(optional) How long the animation lasts in seconds (defaults to .35)</dd>
1393 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>onComplete</b>
1396 <dd>(optional) Function to call when animation completes</dd>
1399 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>easing</b>
1402 <dd>(optional) Easing method to use (defaults to 'easeOut')</dd>
1405 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>animType</b>
1408 <dd>(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'</dd>
1416 <dl class="detailList">
1417 <dt class="heading">Returns:</dt>
1419 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1433 <td class="msource">
1435 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1441 <tr class="method-row config-row-alt1 expandable">
1442 <td class="micon"><a class="exi" href="#expand"> </a></td>
1446 <a id="Roo.Element-method-appendChild" name=".appendChild"></a>
1447 <div class="fixedFont">
1448 <span class="attributes"></span><b class="itemname">appendChild</b>
1450 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement <B><i>el</i></B>)
1456 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1465 <div class="short">Appends the passed element(s) to this element</div>
1471 Appends the passed element(s) to this element
1478 <dl class="detailList">
1479 <dt class="heading">Parameters:</dt>
1482 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement</span> <b>el</b>
1493 <dl class="detailList">
1494 <dt class="heading">Returns:</dt>
1496 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1510 <td class="msource">
1512 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1518 <tr class="method-row config-row-alt0 expandable">
1519 <td class="micon"><a class="exi" href="#expand"> </a></td>
1523 <a id="Roo.Element-method-appendTo" name=".appendTo"></a>
1524 <div class="fixedFont">
1525 <span class="attributes"></span><b class="itemname">appendTo</b>
1527 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
1533 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1542 <div class="short">Appends this element to the passed element</div>
1548 Appends this element to the passed element
1555 <dl class="detailList">
1556 <dt class="heading">Parameters:</dt>
1559 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
1562 <dd>The new parent element</dd>
1570 <dl class="detailList">
1571 <dt class="heading">Returns:</dt>
1573 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1587 <td class="msource">
1589 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1595 <tr class="method-row config-row-alt1 expandable">
1596 <td class="micon"><a class="exi" href="#expand"> </a></td>
1600 <a id="Roo.Element-method-applyStyles" name=".applyStyles"></a>
1601 <div class="fixedFont">
1602 <span class="attributes"></span><b class="itemname">applyStyles</b>
1604 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function <B><i>styles</i></B>)
1610 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1619 <div class="short">More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.</div>
1625 More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.
1632 <dl class="detailList">
1633 <dt class="heading">Parameters:</dt>
1636 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function</span> <b>styles</b>
1639 <dd>A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or<br/>a function which returns such a specification.</dd>
1647 <dl class="detailList">
1648 <dt class="heading">Returns:</dt>
1650 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1664 <td class="msource">
1666 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1672 <tr class="method-row config-row-alt0 expandable">
1673 <td class="micon"><a class="exi" href="#expand"> </a></td>
1677 <a id="Roo.Element-method-attr" name=".attr"></a>
1678 <div class="fixedFont">
1679 <span class="attributes"></span><b class="itemname">attr</b>
1681 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>name</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
1687 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1696 <div class="short">Sets or Returns the value the dom attribute value</div>
1702 Sets or Returns the value the dom attribute value
1709 <dl class="detailList">
1710 <dt class="heading">Parameters:</dt>
1713 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>name</b>
1716 <dd>The attribute name (or object to set multiple attributes)</dd>
1719 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
1722 <dd>(optional) The value to set the attribute to</dd>
1730 <dl class="detailList">
1731 <dt class="heading">Returns:</dt>
1733 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The attribute value</dd>
1747 <td class="msource">
1749 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1755 <tr class="method-row config-row-alt1 expandable">
1756 <td class="micon"><a class="exi" href="#expand"> </a></td>
1760 <a id="Roo.Element-method-autoHeight" name=".autoHeight"></a>
1761 <div class="fixedFont">
1762 <span class="attributes"></span><b class="itemname">autoHeight</b>
1764 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>animate</i></B>, Float <B><i>duration</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>onComplete</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>easing</i></B>)
1770 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1779 <div class="short">Measures the element's content height and updates height to match.</div>
1785 Measures the element's content height and updates height to match. Note: this function uses setTimeout so<br/>the new height may not be available immediately.
1792 <dl class="detailList">
1793 <dt class="heading">Parameters:</dt>
1796 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>animate</b>
1799 <dd>(optional) Animate the transition (defaults to false)</dd>
1802 <span class="fixedFont">Float</span> <b>duration</b>
1805 <dd>(optional) Length of the animation in seconds (defaults to .35)</dd>
1808 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>onComplete</b>
1811 <dd>(optional) Function to call when animation completes</dd>
1814 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>easing</b>
1817 <dd>(optional) Easing method to use (defaults to easeOut)</dd>
1825 <dl class="detailList">
1826 <dt class="heading">Returns:</dt>
1828 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1842 <td class="msource">
1844 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1850 <tr class="method-row config-row-alt0 expandable">
1851 <td class="micon"><a class="exi" href="#expand"> </a></td>
1855 <a id="Roo.Element-method-beginMeasure" name=".beginMeasure"></a>
1856 <div class="fixedFont">
1857 <span class="attributes"></span><b class="itemname">beginMeasure</b>
1865 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1874 <div class="short">Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.</div>
1880 Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.
1891 <dl class="detailList">
1892 <dt class="heading">Returns:</dt>
1894 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1908 <td class="msource">
1910 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1916 <tr class="method-row config-row-alt1 expandable">
1917 <td class="micon"><a class="exi" href="#expand"> </a></td>
1921 <a id="Roo.Element-method-blur" name=".blur"></a>
1922 <div class="fixedFont">
1923 <span class="attributes"></span><b class="itemname">blur</b>
1931 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1940 <div class="short">Tries to blur the element.</div>
1946 Tries to blur the element. Any exceptions are caught and ignored.
1957 <dl class="detailList">
1958 <dt class="heading">Returns:</dt>
1960 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1974 <td class="msource">
1976 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1982 <tr class="method-row config-row-alt0 expandable">
1983 <td class="micon"><a class="exi" href="#expand"> </a></td>
1987 <a id="Roo.Element-method-boxWrap" name=".boxWrap"></a>
1988 <div class="fixedFont">
1989 <span class="attributes"></span><b class="itemname">boxWrap</b>
1991 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>class</i></B>)
1997 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2006 <div class="short">Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a<br/>gradient background, rounded corners and a 4-way shadow.</div>
2012 Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a<br/>gradient background, rounded corners and a 4-way shadow.
2019 <dl class="detailList">
2020 <dt class="heading">Parameters:</dt>
2023 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>class</b>
2026 <dd>(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').<br/>Note that there are a number of CSS rules that are dependent on this name to make the overall effect work,<br/>so if you supply an alternate base class, make sure you also supply all of the necessary rules.</dd>
2034 <dl class="detailList">
2035 <dt class="heading">Returns:</dt>
2037 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2051 <td class="msource">
2053 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2059 <tr class="method-row config-row-alt1 expandable">
2060 <td class="micon"><a class="exi" href="#expand"> </a></td>
2064 <a id="Roo.Element-method-center" name=".center"></a>
2065 <div class="fixedFont">
2066 <span class="attributes"></span><b class="itemname">center</b>
2068 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>centerIn</i></B>)
2075 <div class="short">Centers the Element in either the viewport, or another Element.</div>
2081 Centers the Element in either the viewport, or another Element.
2088 <dl class="detailList">
2089 <dt class="heading">Parameters:</dt>
2092 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>centerIn</b>
2095 <dd>(optional) The element in which to center the element.</dd>
2113 <td class="msource">
2115 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2121 <tr class="method-row config-row-alt0 expandable">
2122 <td class="micon"><a class="exi" href="#expand"> </a></td>
2126 <a id="Roo.Element-method-child" name=".child"></a>
2127 <div class="fixedFont">
2128 <span class="attributes"></span><b class="itemname">child</b>
2130 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2136 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2145 <div class="short">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).</div>
2151 Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
2158 <dl class="detailList">
2159 <dt class="heading">Parameters:</dt>
2162 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2165 <dd>The CSS selector</dd>
2168 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
2171 <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2179 <dl class="detailList">
2180 <dt class="heading">Returns:</dt>
2182 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span> The child Roo.Element (or DOM node if returnDom = true)</dd>
2196 <td class="msource">
2198 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2204 <tr class="method-row config-row-alt1 expandable">
2205 <td class="micon"><a class="exi" href="#expand"> </a></td>
2209 <a id="Roo.Element-method-clean" name=".clean"></a>
2210 <div class="fixedFont">
2211 <span class="attributes"></span><b class="itemname">clean</b>
2213 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceReclean</i></B>)
2220 <div class="short">Removes worthless text nodes</div>
2226 Removes worthless text nodes
2233 <dl class="detailList">
2234 <dt class="heading">Parameters:</dt>
2237 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>forceReclean</b>
2240 <dd>(optional) By default the element<br/>keeps track if it has been cleaned already so<br/>you can call this over and over. However, if you update the element and<br/>need to force a reclean, you can pass true.</dd>
2258 <td class="msource">
2260 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2266 <tr class="method-row config-row-alt0 expandable">
2267 <td class="micon"><a class="exi" href="#expand"> </a></td>
2271 <a id="Roo.Element-method-clearOpacity" name=".clearOpacity"></a>
2272 <div class="fixedFont">
2273 <span class="attributes"></span><b class="itemname">clearOpacity</b>
2281 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2290 <div class="short">Clears any opacity settings from this element.</div>
2296 Clears any opacity settings from this element. Required in some cases for IE.
2307 <dl class="detailList">
2308 <dt class="heading">Returns:</dt>
2310 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2324 <td class="msource">
2326 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2332 <tr class="method-row config-row-alt1 expandable">
2333 <td class="micon"><a class="exi" href="#expand"> </a></td>
2337 <a id="Roo.Element-method-clearPositioning" name=".clearPositioning"></a>
2338 <div class="fixedFont">
2339 <span class="attributes"></span><b class="itemname">clearPositioning</b>
2341 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
2347 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2356 <div class="short">Clear positioning back to the default when the document was loaded</div>
2362 Clear positioning back to the default when the document was loaded
2369 <dl class="detailList">
2370 <dt class="heading">Parameters:</dt>
2373 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
2376 <dd>(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</dd>
2384 <dl class="detailList">
2385 <dt class="heading">Returns:</dt>
2387 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2401 <td class="msource">
2403 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2409 <tr class="method-row config-row-alt0 expandable">
2410 <td class="micon"><a class="exi" href="#expand"> </a></td>
2414 <a id="Roo.Element-method-clip" name=".clip"></a>
2415 <div class="fixedFont">
2416 <span class="attributes"></span><b class="itemname">clip</b>
2424 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2433 <div class="short">Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove</div>
2439 Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove
2450 <dl class="detailList">
2451 <dt class="heading">Returns:</dt>
2453 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2467 <td class="msource">
2469 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2475 <tr class="method-row config-row-alt1 expandable">
2476 <td class="micon"><a class="exi" href="#expand"> </a></td>
2480 <a id="Roo.Element-method-contains" name=".contains"></a>
2481 <div class="fixedFont">
2482 <span class="attributes"></span><b class="itemname">contains</b>
2484 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String <B><i>el</i></B>)
2490 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2499 <div class="short">Returns true if this element is an ancestor of the passed element</div>
2505 Returns true if this element is an ancestor of the passed element
2512 <dl class="detailList">
2513 <dt class="heading">Parameters:</dt>
2516 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String</span> <b>el</b>
2519 <dd>The element to check</dd>
2527 <dl class="detailList">
2528 <dt class="heading">Returns:</dt>
2530 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if this element is an ancestor of el, else false</dd>
2544 <td class="msource">
2546 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2552 <tr class="method-row config-row-alt0 expandable">
2553 <td class="micon"><a class="exi" href="#expand"> </a></td>
2557 <a id="Roo.Element-method-createChild" name=".createChild"></a>
2558 <div class="fixedFont">
2559 <span class="attributes"></span><b class="itemname">createChild</b>
2561 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>insertBefore</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2567 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2576 <div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.</div>
2582 Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
2589 <dl class="detailList">
2590 <dt class="heading">Parameters:</dt>
2593 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
2596 <dd>DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be<br/>automatically generated with the specified attributes.</dd>
2599 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>insertBefore</b>
2602 <dd>(optional) a child element of this element</dd>
2605 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
2608 <dd>(optional) true to return the dom node instead of creating an Element</dd>
2616 <dl class="detailList">
2617 <dt class="heading">Returns:</dt>
2619 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new child element</dd>
2633 <td class="msource">
2635 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2641 <tr class="method-row config-row-alt1 expandable">
2642 <td class="micon"><a class="exi" href="#expand"> </a></td>
2646 <a id="Roo.Element-method-createProxy" name=".createProxy"></a>
2647 <div class="fixedFont">
2648 <span class="attributes"></span><b class="itemname">createProxy</b>
2650 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>config</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>renderTo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>matchBox</i></B>)
2656 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2665 <div class="short">Creates a proxy element of this element</div>
2671 Creates a proxy element of this element
2678 <dl class="detailList">
2679 <dt class="heading">Parameters:</dt>
2682 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>config</b>
2685 <dd>The class name of the proxy element or a DomHelper config object</dd>
2688 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span> <b>renderTo</b>
2691 <dd>(optional) The element or element id to render the proxy to (defaults to document.body)</dd>
2694 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>matchBox</b>
2697 <dd>(optional) True to align and size the proxy to this element now (defaults to false)</dd>
2705 <dl class="detailList">
2706 <dt class="heading">Returns:</dt>
2708 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new proxy element</dd>
2722 <td class="msource">
2724 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2730 <tr class="method-row config-row-alt0 expandable">
2731 <td class="micon"><a class="exi" href="#expand"> </a></td>
2735 <a id="Roo.Element-method-createShim" name=".createShim"></a>
2736 <div class="fixedFont">
2737 <span class="attributes"></span><b class="itemname">createShim</b>
2745 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2754 <div class="short">Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.</div>
2760 Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.
2771 <dl class="detailList">
2772 <dt class="heading">Returns:</dt>
2774 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new shim element</dd>
2788 <td class="msource">
2790 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2796 <tr class="method-row config-row-alt1 expandable">
2797 <td class="micon"><a class="exi" href="#expand"> </a></td>
2801 <a id="Roo.Element-method-down" name=".down"></a>
2802 <div class="fixedFont">
2803 <span class="attributes"></span><b class="itemname">down</b>
2805 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2811 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2820 <div class="short">Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).</div>
2826 Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).
2833 <dl class="detailList">
2834 <dt class="heading">Parameters:</dt>
2837 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2840 <dd>The CSS selector</dd>
2843 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
2846 <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2854 <dl class="detailList">
2855 <dt class="heading">Returns:</dt>
2857 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span> The child Roo.Element (or DOM node if returnDom = true)</dd>
2871 <td class="msource">
2873 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2879 <tr class="method-row config-row-alt0 expandable">
2880 <td class="micon"><a class="exi" href="#expand"> </a></td>
2884 <a id="Roo.Element-method-enableDisplayMode" name=".enableDisplayMode"></a>
2885 <div class="fixedFont">
2886 <span class="attributes"></span><b class="itemname">enableDisplayMode</b>
2888 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>display</i></B>)
2894 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2903 <div class="short">Convenience method for setVisibilityMode(Element.DISPLAY)</div>
2909 Convenience method for setVisibilityMode(Element.DISPLAY)
2916 <dl class="detailList">
2917 <dt class="heading">Parameters:</dt>
2920 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>display</b>
2923 <dd>(optional) What to set display to when visible</dd>
2931 <dl class="detailList">
2932 <dt class="heading">Returns:</dt>
2934 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2948 <td class="msource">
2950 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2956 <tr class="method-row config-row-alt1 expandable">
2957 <td class="micon"><a class="exi" href="#expand"> </a></td>
2961 <a id="Roo.Element-method-endMeasure" name=".endMeasure"></a>
2962 <div class="fixedFont">
2963 <span class="attributes"></span><b class="itemname">endMeasure</b>
2971 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2980 <div class="short">Restores displays to before beginMeasure was called</div>
2986 Restores displays to before beginMeasure was called
2997 <dl class="detailList">
2998 <dt class="heading">Returns:</dt>
3000 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3014 <td class="msource">
3016 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3022 <tr class="method-row config-row-alt0 expandable">
3023 <td class="micon"><a class="exi" href="#expand"> </a></td>
3027 <a id="Roo.Element-method-findParent" name=".findParent"></a>
3028 <div class="fixedFont">
3029 <span class="attributes"></span><b class="itemname">findParent</b>
3031 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
3037 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3046 <div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g.</div>
3052 Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
3059 <dl class="detailList">
3060 <dt class="heading">Parameters:</dt>
3063 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
3066 <dd>The simple selector to test</dd>
3069 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
3072 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
3075 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnEl</b>
3078 <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
3086 <dl class="detailList">
3087 <dt class="heading">Returns:</dt>
3089 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The matching DOM node (or null if no match was found)</dd>
3103 <td class="msource">
3105 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3111 <tr class="method-row config-row-alt1 expandable">
3112 <td class="micon"><a class="exi" href="#expand"> </a></td>
3116 <a id="Roo.Element-method-findParentNode" name=".findParentNode"></a>
3117 <div class="fixedFont">
3118 <span class="attributes"></span><b class="itemname">findParentNode</b>
3120 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
3126 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3135 <div class="short">Looks at parent nodes for a match of the passed simple selector (e.g.</div>
3141 Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
3148 <dl class="detailList">
3149 <dt class="heading">Parameters:</dt>
3152 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
3155 <dd>The simple selector to test</dd>
3158 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
3161 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
3164 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnEl</b>
3167 <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
3175 <dl class="detailList">
3176 <dt class="heading">Returns:</dt>
3178 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The matching DOM node (or null if no match was found)</dd>
3192 <td class="msource">
3194 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3200 <tr class="method-row config-row-alt0 expandable">
3201 <td class="micon"><a class="exi" href="#expand"> </a></td>
3205 <a id="Roo.Element-method-findScrollableParent" name=".findScrollableParent"></a>
3206 <div class="fixedFont">
3207 <span class="attributes"></span><b class="itemname">findScrollableParent</b>
3216 <div class="short">Looks at the scrollable parent element</div>
3222 Looks at the scrollable parent element
3243 <td class="msource">
3245 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3251 <tr class="method-row config-row-alt1 expandable">
3252 <td class="micon"><a class="exi" href="#expand"> </a></td>
3256 <a id="Roo.Element-method-fitToParent" name=".fitToParent"></a>
3257 <div class="fixedFont">
3258 <span class="attributes"></span><b class="itemname">fitToParent</b>
3260 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>monitorResize</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element <B><i>targetParent</i></B>)
3266 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3275 <div class="short">Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.</div>
3281 Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.
3288 <dl class="detailList">
3289 <dt class="heading">Parameters:</dt>
3292 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>monitorResize</b>
3295 <dd>(optional) If true maintains the fit when the browser window is resized.</dd>
3298 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element</span> <b>targetParent</b>
3301 <dd>(optional) The target parent, default to the parentNode.</dd>
3309 <dl class="detailList">
3310 <dt class="heading">Returns:</dt>
3312 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3326 <td class="msource">
3328 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3334 <tr class="method-row config-row-alt0 expandable">
3335 <td class="micon"><a class="exi" href="#expand"> </a></td>
3339 <a id="Roo.Element-method-focus" name=".focus"></a>
3340 <div class="fixedFont">
3341 <span class="attributes"></span><b class="itemname">focus</b>
3349 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3358 <div class="short">Tries to focus the element.</div>
3364 Tries to focus the element. Any exceptions are caught and ignored.
3375 <dl class="detailList">
3376 <dt class="heading">Returns:</dt>
3378 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3392 <td class="msource">
3394 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3400 <tr class="method-row config-row-alt1 expandable">
3401 <td class="micon"><a class="exi" href="#expand"> </a></td>
3405 <a id="Roo.Element-method-getAlignToXY" name=".getAlignToXY"></a>
3406 <div class="fixedFont">
3407 <span class="attributes"></span><b class="itemname">getAlignToXY</b>
3409 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>)
3415 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3424 <div class="short">Gets the x,y coordinates to align this element with another element.</div>
3430 Gets the x,y coordinates to align this element with another element. See {<b>link</b> <b>alignTo</b>} for more info on the<br/>supported position values.
3437 <dl class="detailList">
3438 <dt class="heading">Parameters:</dt>
3441 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
3444 <dd>The element to align to.</dd>
3447 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
3450 <dd>The position to align to.</dd>
3453 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
3456 <dd>(optional) Offset the positioning by [x, y]</dd>
3464 <dl class="detailList">
3465 <dt class="heading">Returns:</dt>
3467 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> [x, y]</dd>
3481 <td class="msource">
3483 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3489 <tr class="method-row config-row-alt0 expandable">
3490 <td class="micon"><a class="exi" href="#expand"> </a></td>
3494 <a id="Roo.Element-method-getAnchorXY" name=".getAnchorXY"></a>
3495 <div class="fixedFont">
3496 <span class="attributes"></span><b class="itemname">getAnchorXY</b>
3498 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>anchor</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>size</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3504 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3513 <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div>
3519 Gets the x,y coordinates specified by the anchor position on the element.
3526 <dl class="detailList">
3527 <dt class="heading">Parameters:</dt>
3530 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>anchor</b>
3533 <dd>(optional) The specified anchor position (defaults to "c"). See {<b>link</b> <b>alignTo</b>} for details on supported anchor positions.</dd>
3536 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>size</b>
3539 <dd>(optional) An object containing the size to use for calculating anchor position<br/> {width: (target width), height: (target height)} (defaults to the element's current size)</dd>
3542 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
3545 <dd>(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates</dd>
3553 <dl class="detailList">
3554 <dt class="heading">Returns:</dt>
3556 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> [x, y] An array containing the element's x and y coordinates</dd>
3570 <td class="msource">
3572 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3578 <tr class="method-row config-row-alt1 expandable">
3579 <td class="micon"><a class="exi" href="#expand"> </a></td>
3583 <a id="Roo.Element-method-getAttributeNS" name=".getAttributeNS"></a>
3584 <div class="fixedFont">
3585 <span class="attributes"></span><b class="itemname">getAttributeNS</b>
3587 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>namespace</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>name</i></B>)
3593 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3602 <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div>
3608 Returns the value of a namespaced attribute from the element's underlying DOM node.
3615 <dl class="detailList">
3616 <dt class="heading">Parameters:</dt>
3619 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>namespace</b>
3622 <dd>The namespace in which to look for the attribute</dd>
3625 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>name</b>
3628 <dd>The attribute name</dd>
3636 <dl class="detailList">
3637 <dt class="heading">Returns:</dt>
3639 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The attribute value</dd>
3653 <td class="msource">
3655 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3661 <tr class="method-row config-row-alt0 expandable">
3662 <td class="micon"><a class="exi" href="#expand"> </a></td>
3666 <a id="Roo.Element-method-getBorderWidth" name=".getBorderWidth"></a>
3667 <div class="fixedFont">
3668 <span class="attributes"></span><b class="itemname">getBorderWidth</b>
3670 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
3676 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3685 <div class="short">Gets the width of the border(s) for the specified side(s)</div>
3691 Gets the width of the border(s) for the specified side(s)
3698 <dl class="detailList">
3699 <dt class="heading">Parameters:</dt>
3702 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
3705 <dd>Can be t, l, r, b or any combination of those to add multiple values. For example,<br/>passing lr would get the border (l)eft width + the border (r)ight width.</dd>
3713 <dl class="detailList">
3714 <dt class="heading">Returns:</dt>
3716 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The width of the sides passed added together</dd>
3730 <td class="msource">
3732 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3738 <tr class="method-row config-row-alt1 expandable">
3739 <td class="micon"><a class="exi" href="#expand"> </a></td>
3743 <a id="Roo.Element-method-getBottom" name=".getBottom"></a>
3744 <div class="fixedFont">
3745 <span class="attributes"></span><b class="itemname">getBottom</b>
3747 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3753 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3762 <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div>
3768 Gets the bottom Y coordinate of the element (element Y position + element height)
3775 <dl class="detailList">
3776 <dt class="heading">Parameters:</dt>
3779 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
3782 <dd>True to get the local css position instead of page coordinate</dd>
3790 <dl class="detailList">
3791 <dt class="heading">Returns:</dt>
3793 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
3807 <td class="msource">
3809 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3815 <tr class="method-row config-row-alt0 expandable">
3816 <td class="micon"><a class="exi" href="#expand"> </a></td>
3820 <a id="Roo.Element-method-getBox" name=".getBox"></a>
3821 <div class="fixedFont">
3822 <span class="attributes"></span><b class="itemname">getBox</b>
3824 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentBox</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3830 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3839 <div class="short">Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.</div>
3845 Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.
3852 <dl class="detailList">
3853 <dt class="heading">Parameters:</dt>
3856 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentBox</b>
3859 <dd>(optional) If true a box for the content of the element is returned.</dd>
3862 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
3865 <dd>(optional) If true the element's left and top are returned instead of page x/y.</dd>
3873 <dl class="detailList">
3874 <dt class="heading">Returns:</dt>
3876 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> box An object in the format {x, y, width, height}</dd>
3890 <td class="msource">
3892 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3898 <tr class="method-row config-row-alt1 expandable">
3899 <td class="micon"><a class="exi" href="#expand"> </a></td>
3903 <a id="Roo.Element-method-getCenterXY" name=".getCenterXY"></a>
3904 <div class="fixedFont">
3905 <span class="attributes"></span><b class="itemname">getCenterXY</b>
3913 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3922 <div class="short">Calculates the x, y to center this element on the screen</div>
3928 Calculates the x, y to center this element on the screen
3939 <dl class="detailList">
3940 <dt class="heading">Returns:</dt>
3942 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The x, y values [x, y]</dd>
3956 <td class="msource">
3958 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3964 <tr class="method-row config-row-alt0 expandable">
3965 <td class="micon"><a class="exi" href="#expand"> </a></td>
3969 <a id="Roo.Element-method-getColor" name=".getColor"></a>
3970 <div class="fixedFont">
3971 <span class="attributes"></span><b class="itemname">getColor</b>
3973 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>attr</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>defaultValue</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>prefix</i></B>)
3980 <div class="short">Return the CSS color for the specified CSS attribute.</div>
3986 Return the CSS color for the specified CSS attribute. rgb, 3 digit (like <b>fff</b>) and valid values<br/>are convert to standard 6 digit hex color.
3993 <dl class="detailList">
3994 <dt class="heading">Parameters:</dt>
3997 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>attr</b>
4000 <dd>The css attribute</dd>
4003 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>defaultValue</b>
4006 <dd>The default value to use when a valid color isn't found</dd>
4009 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>prefix</b>
4012 <dd>(optional) defaults to #. Use an empty string when working with<br/>YUI color anims.</dd>
4030 <td class="msource">
4032 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4038 <tr class="method-row config-row-alt1 expandable">
4039 <td class="micon"><a class="exi" href="#expand"> </a></td>
4043 <a id="Roo.Element-method-getComputedHeight" name=".getComputedHeight"></a>
4044 <div class="fixedFont">
4045 <span class="attributes"></span><b class="itemname">getComputedHeight</b>
4053 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4062 <div class="short">Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders<br/>when needed to simulate offsetHeight when offsets aren't available.</div>
4068 Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders<br/>when needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements<br/>if a height has not been set using CSS.
4079 <dl class="detailList">
4080 <dt class="heading">Returns:</dt>
4082 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4096 <td class="msource">
4098 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4104 <tr class="method-row config-row-alt0 expandable">
4105 <td class="micon"><a class="exi" href="#expand"> </a></td>
4109 <a id="Roo.Element-method-getComputedWidth" name=".getComputedWidth"></a>
4110 <div class="fixedFont">
4111 <span class="attributes"></span><b class="itemname">getComputedWidth</b>
4119 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4128 <div class="short">Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders<br/>when needed to simulate offsetWidth when offsets aren't available.</div>
4134 Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders<br/>when needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements<br/>if a width has not been set using CSS.
4145 <dl class="detailList">
4146 <dt class="heading">Returns:</dt>
4148 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4162 <td class="msource">
4164 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4170 <tr class="method-row config-row-alt1 expandable">
4171 <td class="micon"><a class="exi" href="#expand"> </a></td>
4175 <a id="Roo.Element-method-getFrameWidth" name=".getFrameWidth"></a>
4176 <div class="fixedFont">
4177 <span class="attributes"></span><b class="itemname">getFrameWidth</b>
4179 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4185 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4194 <div class="short">Returns the sum width of the padding and borders for the passed "sides".</div>
4200 Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()<br/> for more information about the sides.
4207 <dl class="detailList">
4208 <dt class="heading">Parameters:</dt>
4211 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sides</b>
4222 <dl class="detailList">
4223 <dt class="heading">Returns:</dt>
4225 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4239 <td class="msource">
4241 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4247 <tr class="method-row config-row-alt0 expandable">
4248 <td class="micon"><a class="exi" href="#expand"> </a></td>
4252 <a id="Roo.Element-method-getHeight" name=".getHeight"></a>
4253 <div class="fixedFont">
4254 <span class="attributes"></span><b class="itemname">getHeight</b>
4256 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentHeight</i></B>)
4262 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4271 <div class="short">Returns the offset height of the element</div>
4277 Returns the offset height of the element
4284 <dl class="detailList">
4285 <dt class="heading">Parameters:</dt>
4288 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentHeight</b>
4291 <dd>(optional) true to get the height minus borders and padding</dd>
4299 <dl class="detailList">
4300 <dt class="heading">Returns:</dt>
4302 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The element's height</dd>
4316 <td class="msource">
4318 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4324 <tr class="method-row config-row-alt1 expandable">
4325 <td class="micon"><a class="exi" href="#expand"> </a></td>
4329 <a id="Roo.Element-method-getLeft" name=".getLeft"></a>
4330 <div class="fixedFont">
4331 <span class="attributes"></span><b class="itemname">getLeft</b>
4333 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4339 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4348 <div class="short">Gets the left X coordinate</div>
4354 Gets the left X coordinate
4361 <dl class="detailList">
4362 <dt class="heading">Parameters:</dt>
4365 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
4368 <dd>True to get the local css position instead of page coordinate</dd>
4376 <dl class="detailList">
4377 <dt class="heading">Returns:</dt>
4379 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4393 <td class="msource">
4395 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4401 <tr class="method-row config-row-alt0 expandable">
4402 <td class="micon"><a class="exi" href="#expand"> </a></td>
4406 <a id="Roo.Element-method-getMargins" name=".getMargins"></a>
4407 <div class="fixedFont">
4408 <span class="attributes"></span><b class="itemname">getMargins</b>
4410 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4416 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number
4425 <div class="short">Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,<br/>then it returns the calculated width of the sides (see getPadding)</div>
4431 Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,<br/>then it returns the calculated width of the sides (see getPadding)
4438 <dl class="detailList">
4439 <dt class="heading">Parameters:</dt>
4442 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sides</b>
4445 <dd>(optional) Any combination of l, r, t, b to get the sum of those sides</dd>
4453 <dl class="detailList">
4454 <dt class="heading">Returns:</dt>
4456 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number</span> </dd>
4470 <td class="msource">
4472 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4478 <tr class="method-row config-row-alt1 expandable">
4479 <td class="micon"><a class="exi" href="#expand"> </a></td>
4483 <a id="Roo.Element-method-getNextSibling" name=".getNextSibling"></a>
4484 <div class="fixedFont">
4485 <span class="attributes"></span><b class="itemname">getNextSibling</b>
4493 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4502 <div class="short">Gets the next sibling, skipping text nodes</div>
4508 Gets the next sibling, skipping text nodes
4519 <dl class="detailList">
4520 <dt class="heading">Returns:</dt>
4522 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The next sibling or null</dd>
4536 <td class="msource">
4538 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4544 <tr class="method-row config-row-alt0 expandable">
4545 <td class="micon"><a class="exi" href="#expand"> </a></td>
4549 <a id="Roo.Element-method-getPadding" name=".getPadding"></a>
4550 <div class="fixedFont">
4551 <span class="attributes"></span><b class="itemname">getPadding</b>
4553 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
4559 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4568 <div class="short">Gets the width of the padding(s) for the specified side(s)</div>
4574 Gets the width of the padding(s) for the specified side(s)
4581 <dl class="detailList">
4582 <dt class="heading">Parameters:</dt>
4585 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
4588 <dd>Can be t, l, r, b or any combination of those to add multiple values. For example,<br/>passing lr would get the padding (l)eft + the padding (r)ight.</dd>
4596 <dl class="detailList">
4597 <dt class="heading">Returns:</dt>
4599 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The padding of the sides passed added together</dd>
4613 <td class="msource">
4615 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4621 <tr class="method-row config-row-alt1 expandable">
4622 <td class="micon"><a class="exi" href="#expand"> </a></td>
4626 <a id="Roo.Element-method-getPositioning" name=".getPositioning"></a>
4627 <div class="fixedFont">
4628 <span class="attributes"></span><b class="itemname">getPositioning</b>
4636 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4645 <div class="short">Gets an object with all CSS positioning properties.</div>
4651 Gets an object with all CSS positioning properties. Useful along with setPostioning to get<br/>snapshot before performing an update and then restoring the element.
4662 <dl class="detailList">
4663 <dt class="heading">Returns:</dt>
4665 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> </dd>
4679 <td class="msource">
4681 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4687 <tr class="method-row config-row-alt0 expandable">
4688 <td class="micon"><a class="exi" href="#expand"> </a></td>
4692 <a id="Roo.Element-method-getPrevSibling" name=".getPrevSibling"></a>
4693 <div class="fixedFont">
4694 <span class="attributes"></span><b class="itemname">getPrevSibling</b>
4702 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4711 <div class="short">Gets the previous sibling, skipping text nodes</div>
4717 Gets the previous sibling, skipping text nodes
4728 <dl class="detailList">
4729 <dt class="heading">Returns:</dt>
4731 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The previous sibling or null</dd>
4745 <td class="msource">
4747 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4753 <tr class="method-row config-row-alt1 expandable">
4754 <td class="micon"><a class="exi" href="#expand"> </a></td>
4758 <a id="Roo.Element-method-getRegion" name=".getRegion"></a>
4759 <div class="fixedFont">
4760 <span class="attributes"></span><b class="itemname">getRegion</b>
4777 <div class="short">Returns the region of the given element.</div>
4783 Returns the region of the given element.<br/>The element must be part of the DOM tree to have a region (display:none or elements not appended return false).
4794 <dl class="detailList">
4795 <dt class="heading">Returns:</dt>
4797 <dd><span class="fixedFont">Region</span> A Roo.lib.Region containing "top, left, bottom, right" member data.</dd>
4811 <td class="msource">
4813 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4819 <tr class="method-row config-row-alt0 expandable">
4820 <td class="micon"><a class="exi" href="#expand"> </a></td>
4824 <a id="Roo.Element-method-getRight" name=".getRight"></a>
4825 <div class="fixedFont">
4826 <span class="attributes"></span><b class="itemname">getRight</b>
4828 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4834 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4843 <div class="short">Gets the right X coordinate of the element (element X position + element width)</div>
4849 Gets the right X coordinate of the element (element X position + element width)
4856 <dl class="detailList">
4857 <dt class="heading">Parameters:</dt>
4860 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
4863 <dd>True to get the local css position instead of page coordinate</dd>
4871 <dl class="detailList">
4872 <dt class="heading">Returns:</dt>
4874 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4888 <td class="msource">
4890 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4896 <tr class="method-row config-row-alt1 expandable">
4897 <td class="micon"><a class="exi" href="#expand"> </a></td>
4901 <a id="Roo.Element-method-getScroll" name=".getScroll"></a>
4902 <div class="fixedFont">
4903 <span class="attributes"></span><b class="itemname">getScroll</b>
4911 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4920 <div class="short">Returns the current scroll position of the element.</div>
4926 Returns the current scroll position of the element.
4937 <dl class="detailList">
4938 <dt class="heading">Returns:</dt>
4940 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}</dd>
4954 <td class="msource">
4956 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4962 <tr class="method-row config-row-alt0 expandable">
4963 <td class="micon"><a class="exi" href="#expand"> </a></td>
4967 <a id="Roo.Element-method-getSize" name=".getSize"></a>
4968 <div class="fixedFont">
4969 <span class="attributes"></span><b class="itemname">getSize</b>
4971 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentSize</i></B>)
4977 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4986 <div class="short">Returns the size of the element.</div>
4992 Returns the size of the element.
4999 <dl class="detailList">
5000 <dt class="heading">Parameters:</dt>
5003 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentSize</b>
5006 <dd>(optional) true to get the width/size minus borders and padding</dd>
5014 <dl class="detailList">
5015 <dt class="heading">Returns:</dt>
5017 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object containing the element's size {width: (element width), height: (element height)}</dd>
5031 <td class="msource">
5033 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5039 <tr class="method-row config-row-alt1 expandable">
5040 <td class="micon"><a class="exi" href="#expand"> </a></td>
5044 <a id="Roo.Element-method-getStyle" name=".getStyle"></a>
5045 <div class="fixedFont">
5046 <span class="attributes"></span><b class="itemname">getStyle</b>
5048 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>property</i></B>)
5054 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
5063 <div class="short">Normalizes currentStyle and computedStyle.</div>
5069 Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.
5076 <dl class="detailList">
5077 <dt class="heading">Parameters:</dt>
5080 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>property</b>
5083 <dd>The style property whose value is returned.</dd>
5091 <dl class="detailList">
5092 <dt class="heading">Returns:</dt>
5094 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The current value of the style property for this element.</dd>
5108 <td class="msource">
5110 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5116 <tr class="method-row config-row-alt0 expandable">
5117 <td class="micon"><a class="exi" href="#expand"> </a></td>
5121 <a id="Roo.Element-method-getStyles" name=".getStyles"></a>
5122 <div class="fixedFont">
5123 <span class="attributes"></span><b class="itemname">getStyles</b>
5125 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>style1</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>style2</i></B>)
5131 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5140 <div class="short">Returns an object with properties matching the styles requested.</div>
5146 Returns an object with properties matching the styles requested.<br/>For example, el.getStyles('color', 'font-size', 'width') might return<br/>{'color': '<b>FFFFFF</b>', 'font-size': '13px', 'width': '100px'}.
5153 <dl class="detailList">
5154 <dt class="heading">Parameters:</dt>
5157 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>style1</b>
5160 <dd>A style name</dd>
5163 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>style2</b>
5166 <dd>A style name</dd>
5169 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>etc.</b>
5180 <dl class="detailList">
5181 <dt class="heading">Returns:</dt>
5183 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> The style object</dd>
5197 <td class="msource">
5199 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5205 <tr class="method-row config-row-alt1 expandable">
5206 <td class="micon"><a class="exi" href="#expand"> </a></td>
5210 <a id="Roo.Element-method-getTop" name=".getTop"></a>
5211 <div class="fixedFont">
5212 <span class="attributes"></span><b class="itemname">getTop</b>
5214 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
5220 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5229 <div class="short">Gets the top Y coordinate</div>
5235 Gets the top Y coordinate
5242 <dl class="detailList">
5243 <dt class="heading">Parameters:</dt>
5246 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
5249 <dd>True to get the local css position instead of page coordinate</dd>
5257 <dl class="detailList">
5258 <dt class="heading">Returns:</dt>
5260 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
5274 <td class="msource">
5276 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5282 <tr class="method-row config-row-alt0 expandable">
5283 <td class="micon"><a class="exi" href="#expand"> </a></td>
5287 <a id="Roo.Element-method-getUpdateManager" name=".getUpdateManager"></a>
5288 <div class="fixedFont">
5289 <span class="attributes"></span><b class="itemname">getUpdateManager</b>
5297 <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>
5306 <div class="short">Gets this element's UpdateManager</div>
5312 Gets this element's UpdateManager
5323 <dl class="detailList">
5324 <dt class="heading">Returns:</dt>
5326 <dd><span class="fixedFont"><a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a></span> The UpdateManager</dd>
5340 <td class="msource">
5342 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5348 <tr class="method-row config-row-alt1 expandable">
5349 <td class="micon"><a class="exi" href="#expand"> </a></td>
5353 <a id="Roo.Element-method-getValue" name=".getValue"></a>
5354 <div class="fixedFont">
5355 <span class="attributes"></span><b class="itemname">getValue</b>
5357 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asNumber</i></B>)
5363 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number
5372 <div class="short">Returns the value of the "value" attribute</div>
5378 Returns the value of the "value" attribute
5385 <dl class="detailList">
5386 <dt class="heading">Parameters:</dt>
5389 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>asNumber</b>
5392 <dd>true to parse the value as a number</dd>
5400 <dl class="detailList">
5401 <dt class="heading">Returns:</dt>
5403 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> </dd>
5417 <td class="msource">
5419 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5425 <tr class="method-row config-row-alt0 expandable">
5426 <td class="micon"><a class="exi" href="#expand"> </a></td>
5430 <a id="Roo.Element-method-getViewSize" name=".getViewSize"></a>
5431 <div class="fixedFont">
5432 <span class="attributes"></span><b class="itemname">getViewSize</b>
5440 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5449 <div class="short">Returns the width and height of the viewport.</div>
5455 Returns the width and height of the viewport.
5466 <dl class="detailList">
5467 <dt class="heading">Returns:</dt>
5469 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object containing the viewport's size {width: (viewport width), height: (viewport height)}</dd>
5483 <td class="msource">
5485 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5491 <tr class="method-row config-row-alt1 expandable">
5492 <td class="micon"><a class="exi" href="#expand"> </a></td>
5496 <a id="Roo.Element-method-getWidth" name=".getWidth"></a>
5497 <div class="fixedFont">
5498 <span class="attributes"></span><b class="itemname">getWidth</b>
5500 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentWidth</i></B>)
5506 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5515 <div class="short">Returns the offset width of the element</div>
5521 Returns the offset width of the element
5528 <dl class="detailList">
5529 <dt class="heading">Parameters:</dt>
5532 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentWidth</b>
5535 <dd>(optional) true to get the width minus borders and padding</dd>
5543 <dl class="detailList">
5544 <dt class="heading">Returns:</dt>
5546 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The element's width</dd>
5560 <td class="msource">
5562 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5568 <tr class="method-row config-row-alt0 expandable">
5569 <td class="micon"><a class="exi" href="#expand"> </a></td>
5573 <a id="Roo.Element-method-getX" name=".getX"></a>
5574 <div class="fixedFont">
5575 <span class="attributes"></span><b class="itemname">getX</b>
5583 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5592 <div class="short">Gets the current X position of the element based on page coordinates.</div>
5598 Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
5609 <dl class="detailList">
5610 <dt class="heading">Returns:</dt>
5612 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The X position of the element</dd>
5626 <td class="msource">
5628 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5634 <tr class="method-row config-row-alt1 expandable">
5635 <td class="micon"><a class="exi" href="#expand"> </a></td>
5639 <a id="Roo.Element-method-getXY" name=".getXY"></a>
5640 <div class="fixedFont">
5641 <span class="attributes"></span><b class="itemname">getXY</b>
5649 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
5658 <div class="short">Gets the current position of the element based on page coordinates.</div>
5664 Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
5675 <dl class="detailList">
5676 <dt class="heading">Returns:</dt>
5678 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The XY position of the element</dd>
5692 <td class="msource">
5694 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5700 <tr class="method-row config-row-alt0 expandable">
5701 <td class="micon"><a class="exi" href="#expand"> </a></td>
5705 <a id="Roo.Element-method-getY" name=".getY"></a>
5706 <div class="fixedFont">
5707 <span class="attributes"></span><b class="itemname">getY</b>
5715 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5724 <div class="short">Gets the current Y position of the element based on page coordinates.</div>
5730 Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
5741 <dl class="detailList">
5742 <dt class="heading">Returns:</dt>
5744 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The Y position of the element</dd>
5758 <td class="msource">
5760 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5766 <tr class="method-row config-row-alt1 expandable">
5767 <td class="micon"><a class="exi" href="#expand"> </a></td>
5771 <a id="Roo.Element-method-hasClass" name=".hasClass"></a>
5772 <div class="fixedFont">
5773 <span class="attributes"></span><b class="itemname">hasClass</b>
5775 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
5781 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5790 <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div>
5796 Checks if the specified CSS class exists on this element's DOM node.
5803 <dl class="detailList">
5804 <dt class="heading">Parameters:</dt>
5807 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
5810 <dd>The CSS class to check for</dd>
5818 <dl class="detailList">
5819 <dt class="heading">Returns:</dt>
5821 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the class exists, else false</dd>
5835 <td class="msource">
5837 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5843 <tr class="method-row config-row-alt0 expandable">
5844 <td class="micon"><a class="exi" href="#expand"> </a></td>
5848 <a id="Roo.Element-method-hide" name=".hide"></a>
5849 <div class="fixedFont">
5850 <span class="attributes"></span><b class="itemname">hide</b>
5852 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
5858 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5867 <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility".</div>
5873 Hide this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
5880 <dl class="detailList">
5881 <dt class="heading">Parameters:</dt>
5884 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
5887 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
5895 <dl class="detailList">
5896 <dt class="heading">Returns:</dt>
5898 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
5912 <td class="msource">
5914 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5920 <tr class="method-row config-row-alt1 expandable">
5921 <td class="micon"><a class="exi" href="#expand"> </a></td>
5925 <a id="Roo.Element-method-initDD" name=".initDD"></a>
5926 <div class="fixedFont">
5927 <span class="attributes"></span><b class="itemname">initDD</b>
5929 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
5935 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
5944 <div class="short">Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.</div>
5950 Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.
5957 <dl class="detailList">
5958 <dt class="heading">Parameters:</dt>
5961 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
5964 <dd>The group the DD object is member of</dd>
5967 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
5970 <dd>The DD config object</dd>
5973 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>overrides</b>
5976 <dd>An object containing methods to override/implement on the DD object</dd>
5984 <dl class="detailList">
5985 <dt class="heading">Returns:</dt>
5987 <dd><span class="fixedFont"><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a></span> The DD object</dd>
6001 <td class="msource">
6003 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6009 <tr class="method-row config-row-alt0 expandable">
6010 <td class="micon"><a class="exi" href="#expand"> </a></td>
6014 <a id="Roo.Element-method-initDDProxy" name=".initDDProxy"></a>
6015 <div class="fixedFont">
6016 <span class="attributes"></span><b class="itemname">initDDProxy</b>
6018 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
6024 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
6033 <div class="short">Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.</div>
6039 Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.
6046 <dl class="detailList">
6047 <dt class="heading">Parameters:</dt>
6050 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
6053 <dd>The group the DDProxy object is member of</dd>
6056 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
6059 <dd>The DDProxy config object</dd>
6062 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>overrides</b>
6065 <dd>An object containing methods to override/implement on the DDProxy object</dd>
6073 <dl class="detailList">
6074 <dt class="heading">Returns:</dt>
6076 <dd><span class="fixedFont"><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a></span> The DDProxy object</dd>
6090 <td class="msource">
6092 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6098 <tr class="method-row config-row-alt1 expandable">
6099 <td class="micon"><a class="exi" href="#expand"> </a></td>
6103 <a id="Roo.Element-method-initDDTarget" name=".initDDTarget"></a>
6104 <div class="fixedFont">
6105 <span class="attributes"></span><b class="itemname">initDDTarget</b>
6107 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
6113 <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>
6122 <div class="short">Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.</div>
6128 Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.
6135 <dl class="detailList">
6136 <dt class="heading">Parameters:</dt>
6139 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
6142 <dd>The group the DDTarget object is member of</dd>
6145 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
6148 <dd>The DDTarget config object</dd>
6151 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>overrides</b>
6154 <dd>An object containing methods to override/implement on the DDTarget object</dd>
6162 <dl class="detailList">
6163 <dt class="heading">Returns:</dt>
6165 <dd><span class="fixedFont"><a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a></span> The DDTarget object</dd>
6179 <td class="msource">
6181 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6187 <tr class="method-row config-row-alt0 expandable">
6188 <td class="micon"><a class="exi" href="#expand"> </a></td>
6192 <a id="Roo.Element-method-insertAfter" name=".insertAfter"></a>
6193 <div class="fixedFont">
6194 <span class="attributes"></span><b class="itemname">insertAfter</b>
6196 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6202 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6211 <div class="short">Inserts this element after the passed element in the DOM</div>
6217 Inserts this element after the passed element in the DOM
6224 <dl class="detailList">
6225 <dt class="heading">Parameters:</dt>
6228 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
6231 <dd>The element to insert after</dd>
6239 <dl class="detailList">
6240 <dt class="heading">Returns:</dt>
6242 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6256 <td class="msource">
6258 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6264 <tr class="method-row config-row-alt1 expandable">
6265 <td class="micon"><a class="exi" href="#expand"> </a></td>
6269 <a id="Roo.Element-method-insertBefore" name=".insertBefore"></a>
6270 <div class="fixedFont">
6271 <span class="attributes"></span><b class="itemname">insertBefore</b>
6273 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6279 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6288 <div class="short">Inserts this element before the passed element in the DOM</div>
6294 Inserts this element before the passed element in the DOM
6301 <dl class="detailList">
6302 <dt class="heading">Parameters:</dt>
6305 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
6308 <dd>The element to insert before</dd>
6316 <dl class="detailList">
6317 <dt class="heading">Returns:</dt>
6319 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6333 <td class="msource">
6335 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6341 <tr class="method-row config-row-alt0 expandable">
6342 <td class="micon"><a class="exi" href="#expand"> </a></td>
6346 <a id="Roo.Element-method-insertFirst" name=".insertFirst"></a>
6347 <div class="fixedFont">
6348 <span class="attributes"></span><b class="itemname">insertFirst</b>
6350 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>)
6356 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6365 <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of the this element</div>
6371 Inserts (or creates) an element (or DomHelper config) as the first child of the this element
6378 <dl class="detailList">
6379 <dt class="heading">Parameters:</dt>
6382 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span> <b>el</b>
6385 <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6393 <dl class="detailList">
6394 <dt class="heading">Returns:</dt>
6396 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new child</dd>
6410 <td class="msource">
6412 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6418 <tr class="method-row config-row-alt1 expandable">
6419 <td class="micon"><a class="exi" href="#expand"> </a></td>
6423 <a id="Roo.Element-method-insertHtml" name=".insertHtml"></a>
6424 <div class="fixedFont">
6425 <span class="attributes"></span><b class="itemname">insertHtml</b>
6427 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
6433 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
6442 <div class="short">Inserts an html fragment into this element</div>
6448 Inserts an html fragment into this element
6455 <dl class="detailList">
6456 <dt class="heading">Parameters:</dt>
6459 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>where</b>
6462 <dd>Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
6465 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>html</b>
6468 <dd>The HTML fragment</dd>
6471 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnEl</b>
6474 <dd>True to return an Roo.Element</dd>
6482 <dl class="detailList">
6483 <dt class="heading">Returns:</dt>
6485 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span> The inserted node (or nearest related if more than 1 inserted)</dd>
6499 <td class="msource">
6501 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6507 <tr class="method-row config-row-alt0 expandable">
6508 <td class="micon"><a class="exi" href="#expand"> </a></td>
6512 <a id="Roo.Element-method-insertSibling" name=".insertSibling"></a>
6513 <div class="fixedFont">
6514 <span class="attributes"></span><b class="itemname">insertSibling</b>
6516 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
6522 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6531 <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div>
6537 Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element
6544 <dl class="detailList">
6545 <dt class="heading">Parameters:</dt>
6548 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span> <b>el</b>
6551 <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6554 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>where</b>
6557 <dd>(optional) 'before' or 'after' defaults to before</dd>
6560 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
6563 <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
6571 <dl class="detailList">
6572 <dt class="heading">Returns:</dt>
6574 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> the inserted Element</dd>
6588 <td class="msource">
6590 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6596 <tr class="method-row config-row-alt1 expandable">
6597 <td class="micon"><a class="exi" href="#expand"> </a></td>
6601 <a id="Roo.Element-method-is" name=".is"></a>
6602 <div class="fixedFont">
6603 <span class="attributes"></span><b class="itemname">is</b>
6605 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
6611 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6620 <div class="short">Returns true if this element matches the passed simple selector (e.g.</div>
6626 Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)
6633 <dl class="detailList">
6634 <dt class="heading">Parameters:</dt>
6637 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
6640 <dd>The simple selector to test</dd>
6648 <dl class="detailList">
6649 <dt class="heading">Returns:</dt>
6651 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if this element matches the selector, else false</dd>
6665 <td class="msource">
6667 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6673 <tr class="method-row config-row-alt0 expandable">
6674 <td class="micon"><a class="exi" href="#expand"> </a></td>
6678 <a id="Roo.Element-method-isBorderBox" name=".isBorderBox"></a>
6679 <div class="fixedFont">
6680 <span class="attributes"></span><b class="itemname">isBorderBox</b>
6688 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6697 <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div>
6703 Tests various css rules/browsers to determine if this element uses a border box
6714 <dl class="detailList">
6715 <dt class="heading">Returns:</dt>
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>
6731 <td class="msource">
6733 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6739 <tr class="method-row config-row-alt1 expandable">
6740 <td class="micon"><a class="exi" href="#expand"> </a></td>
6744 <a id="Roo.Element-method-isDisplayed" name=".isDisplayed"></a>
6745 <div class="fixedFont">
6746 <span class="attributes"></span><b class="itemname">isDisplayed</b>
6754 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6763 <div class="short">Returns true if display is not "none"</div>
6769 Returns true if display is not "none"
6780 <dl class="detailList">
6781 <dt class="heading">Returns:</dt>
6783 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6797 <td class="msource">
6799 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6805 <tr class="method-row config-row-alt0 expandable">
6806 <td class="micon"><a class="exi" href="#expand"> </a></td>
6810 <a id="Roo.Element-method-isMasked" name=".isMasked"></a>
6811 <div class="fixedFont">
6812 <span class="attributes"></span><b class="itemname">isMasked</b>
6820 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6829 <div class="short">Returns true if this element is masked</div>
6835 Returns true if this element is masked
6846 <dl class="detailList">
6847 <dt class="heading">Returns:</dt>
6849 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6863 <td class="msource">
6865 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6871 <tr class="method-row config-row-alt1 expandable">
6872 <td class="micon"><a class="exi" href="#expand"> </a></td>
6876 <a id="Roo.Element-method-isScrollable" name=".isScrollable"></a>
6877 <div class="fixedFont">
6878 <span class="attributes"></span><b class="itemname">isScrollable</b>
6886 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6895 <div class="short">Returns true if this element is scrollable.</div>
6901 Returns true if this element is scrollable.
6912 <dl class="detailList">
6913 <dt class="heading">Returns:</dt>
6915 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6929 <td class="msource">
6931 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6937 <tr class="method-row config-row-alt0 expandable">
6938 <td class="micon"><a class="exi" href="#expand"> </a></td>
6942 <a id="Roo.Element-method-isVisible" name=".isVisible"></a>
6943 <div class="fixedFont">
6944 <span class="attributes"></span><b class="itemname">isVisible</b>
6946 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>deep</i></B>)
6952 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6961 <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div>
6967 Checks whether the element is currently visible using both visibility and display properties.
6974 <dl class="detailList">
6975 <dt class="heading">Parameters:</dt>
6978 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>deep</b>
6981 <dd>(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</dd>
6989 <dl class="detailList">
6990 <dt class="heading">Returns:</dt>
6992 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the element is currently visible, else false</dd>
7006 <td class="msource">
7008 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7014 <tr class="method-row config-row-alt1 expandable">
7015 <td class="micon"><a class="exi" href="#expand"> </a></td>
7019 <a id="Roo.Element-method-load" name=".load"></a>
7020 <div class="fixedFont">
7021 <span class="attributes"></span><b class="itemname">load</b>
7023 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function <B><i>url</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>params</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>discardUrl</i></B>)
7029 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7038 <div class="short">Direct access to the UpdateManager update() method (takes the same parameters).</div>
7044 Direct access to the UpdateManager update() method (takes the same parameters).
7051 <dl class="detailList">
7052 <dt class="heading">Parameters:</dt>
7055 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function</span> <b>url</b>
7058 <dd>The url for this request or a function to call to get the url</dd>
7061 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>params</b>
7064 <dd>(optional) The parameters to pass as either a url encoded string "param1=1&param2=2" or an object {param1: 1, param2: 2}</dd>
7067 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
7070 <dd>(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)</dd>
7073 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>discardUrl</b>
7076 <dd>(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.</dd>
7084 <dl class="detailList">
7085 <dt class="heading">Returns:</dt>
7087 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7101 <td class="msource">
7103 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7109 <tr class="method-row config-row-alt0 expandable">
7110 <td class="micon"><a class="exi" href="#expand"> </a></td>
7114 <a id="Roo.Element-method-mask" name=".mask"></a>
7115 <div class="fixedFont">
7116 <span class="attributes"></span><b class="itemname">mask</b>
7118 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msgCls</i></B>)
7133 <div class="short">Puts a mask over this element to disable user interaction.</div>
7139 Puts a mask over this element to disable user interaction. Requires core.css.<br/>This method can only be applied to elements which accept child nodes.
7146 <dl class="detailList">
7147 <dt class="heading">Parameters:</dt>
7150 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
7153 <dd>(optional) A message to display in the mask</dd>
7156 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msgCls</b>
7159 <dd>(optional) A css class to apply to the msg element</dd>
7167 <dl class="detailList">
7168 <dt class="heading">Returns:</dt>
7170 <dd><span class="fixedFont">Element</span> The mask element</dd>
7184 <td class="msource">
7186 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7192 <tr class="method-row config-row-alt1 expandable">
7193 <td class="micon"><a class="exi" href="#expand"> </a></td>
7197 <a id="Roo.Element-method-move" name=".move"></a>
7198 <div class="fixedFont">
7199 <span class="attributes"></span><b class="itemname">move</b>
7201 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>direction</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>distance</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
7207 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7216 <div class="short">Move this element relative to its current position.</div>
7222 Move this element relative to its current position.
7229 <dl class="detailList">
7230 <dt class="heading">Parameters:</dt>
7233 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>direction</b>
7236 <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
7239 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>distance</b>
7242 <dd>How far to move the element in pixels</dd>
7245 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
7248 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
7256 <dl class="detailList">
7257 <dt class="heading">Returns:</dt>
7259 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7273 <td class="msource">
7275 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7281 <tr class="method-row config-row-alt0 expandable">
7282 <td class="micon"><a class="exi" href="#expand"> </a></td>
7286 <a id="Roo.Element-method-moveTo" name=".moveTo"></a>
7287 <div class="fixedFont">
7288 <span class="attributes"></span><b class="itemname">moveTo</b>
7290 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
7296 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7305 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
7311 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
7318 <dl class="detailList">
7319 <dt class="heading">Parameters:</dt>
7322 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7325 <dd>X value for new position (coordinates are page-based)</dd>
7328 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7331 <dd>Y value for new position (coordinates are page-based)</dd>
7334 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
7337 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
7345 <dl class="detailList">
7346 <dt class="heading">Returns:</dt>
7348 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7362 <td class="msource">
7364 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7370 <tr class="method-row config-row-alt1 expandable">
7371 <td class="micon"><a class="exi" href="#expand"> </a></td>
7375 <a id="Roo.Element-method-on" name=".on"></a>
7376 <div class="fixedFont">
7377 <span class="attributes"></span><b class="itemname">on</b>
7379 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
7386 <div class="short">Appends an event handler (Shorthand for addListener)</div>
7392 Appends an event handler (Shorthand for addListener)
7399 <dl class="detailList">
7400 <dt class="heading">Parameters:</dt>
7403 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
7406 <dd>The type of event to append</dd>
7409 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
7412 <dd>The method the event invokes</dd>
7415 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
7418 <dd>(optional) The scope (this object) of the fn</dd>
7421 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
7424 <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
7442 <td class="msource">
7444 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7450 <tr class="method-row config-row-alt0 expandable">
7451 <td class="micon"><a class="exi" href="#expand"> </a></td>
7455 <a id="Roo.Element-method-position" name=".position"></a>
7456 <div class="fixedFont">
7457 <span class="attributes"></span><b class="itemname">position</b>
7459 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>pos</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zIndex</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
7466 <div class="short">Initializes positioning on this element.</div>
7472 Initializes positioning on this element. If a desired position is not passed, it will make the<br/>the element positioned relative IF it is not already positioned.
7479 <dl class="detailList">
7480 <dt class="heading">Parameters:</dt>
7483 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>pos</b>
7486 <dd>(optional) Positioning to use "relative", "absolute" or "fixed"</dd>
7489 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zIndex</b>
7492 <dd>(optional) The zIndex to apply</dd>
7495 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7498 <dd>(optional) Set the page X position</dd>
7501 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7504 <dd>(optional) Set the page Y position</dd>
7522 <td class="msource">
7524 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7530 <tr class="method-row config-row-alt1 expandable">
7531 <td class="micon"><a class="exi" href="#expand"> </a></td>
7535 <a id="Roo.Element-method-query" name=".query"></a>
7536 <div class="fixedFont">
7537 <span class="attributes"></span><b class="itemname">query</b>
7539 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
7545 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
7554 <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div>
7560 Selects child nodes based on the passed CSS selector (the selector should not contain an id).
7567 <dl class="detailList">
7568 <dt class="heading">Parameters:</dt>
7571 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
7574 <dd>The CSS selector</dd>
7582 <dl class="detailList">
7583 <dt class="heading">Returns:</dt>
7585 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> An array of the matched nodes</dd>
7599 <td class="msource">
7601 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7607 <tr class="method-row config-row-alt0 expandable">
7608 <td class="micon"><a class="exi" href="#expand"> </a></td>
7612 <a id="Roo.Element-method-radioClass" name=".radioClass"></a>
7613 <div class="fixedFont">
7614 <span class="attributes"></span><b class="itemname">radioClass</b>
7616 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7622 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7631 <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div>
7637 Adds one or more CSS classes to this element and removes the same class(es) from all siblings.
7644 <dl class="detailList">
7645 <dt class="heading">Parameters:</dt>
7648 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
7651 <dd>The CSS class to add, or an array of classes</dd>
7659 <dl class="detailList">
7660 <dt class="heading">Returns:</dt>
7662 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7676 <td class="msource">
7678 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7684 <tr class="method-row config-row-alt1 expandable">
7685 <td class="micon"><a class="exi" href="#expand"> </a></td>
7689 <a id="Roo.Element-method-remove" name=".remove"></a>
7690 <div class="fixedFont">
7691 <span class="attributes"></span><b class="itemname">remove</b>
7700 <div class="short">Removes this element from the DOM and deletes it from the cache</div>
7706 Removes this element from the DOM and deletes it from the cache
7727 <td class="msource">
7729 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7735 <tr class="method-row config-row-alt0 expandable">
7736 <td class="micon"><a class="exi" href="#expand"> </a></td>
7740 <a id="Roo.Element-method-removeAllListeners" name=".removeAllListeners"></a>
7741 <div class="fixedFont">
7742 <span class="attributes"></span><b class="itemname">removeAllListeners</b>
7750 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7759 <div class="short">Removes all previous added listeners from this element</div>
7765 Removes all previous added listeners from this element
7776 <dl class="detailList">
7777 <dt class="heading">Returns:</dt>
7779 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7793 <td class="msource">
7795 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7801 <tr class="method-row config-row-alt1 expandable">
7802 <td class="micon"><a class="exi" href="#expand"> </a></td>
7806 <a id="Roo.Element-method-removeClass" name=".removeClass"></a>
7807 <div class="fixedFont">
7808 <span class="attributes"></span><b class="itemname">removeClass</b>
7810 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7816 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7825 <div class="short">Removes one or more CSS classes from the element.</div>
7831 Removes one or more CSS classes from the element.
7838 <dl class="detailList">
7839 <dt class="heading">Parameters:</dt>
7842 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
7845 <dd>The CSS class to remove, or an array of classes</dd>
7853 <dl class="detailList">
7854 <dt class="heading">Returns:</dt>
7856 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7870 <td class="msource">
7872 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7878 <tr class="method-row config-row-alt0 expandable">
7879 <td class="micon"><a class="exi" href="#expand"> </a></td>
7883 <a id="Roo.Element-method-removeListener" name=".removeListener"></a>
7884 <div class="fixedFont">
7885 <span class="attributes"></span><b class="itemname">removeListener</b>
7887 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>)
7893 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7902 <div class="short">Removes an event handler from this element</div>
7908 Removes an event handler from this element
7915 <dl class="detailList">
7916 <dt class="heading">Parameters:</dt>
7919 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
7922 <dd>the type of event to remove</dd>
7925 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
7928 <dd>the method the event invokes</dd>
7936 <dl class="detailList">
7937 <dt class="heading">Returns:</dt>
7939 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7953 <td class="msource">
7955 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7961 <tr class="method-row config-row-alt1 expandable">
7962 <td class="micon"><a class="exi" href="#expand"> </a></td>
7966 <a id="Roo.Element-method-repaint" name=".repaint"></a>
7967 <div class="fixedFont">
7968 <span class="attributes"></span><b class="itemname">repaint</b>
7976 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7985 <div class="short">Forces the browser to repaint this element</div>
7991 Forces the browser to repaint this element
8002 <dl class="detailList">
8003 <dt class="heading">Returns:</dt>
8005 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8019 <td class="msource">
8021 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8027 <tr class="method-row config-row-alt0 expandable">
8028 <td class="micon"><a class="exi" href="#expand"> </a></td>
8032 <a id="Roo.Element-method-replace" name=".replace"></a>
8033 <div class="fixedFont">
8034 <span class="attributes"></span><b class="itemname">replace</b>
8036 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
8042 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8051 <div class="short">Replaces the passed element with this element</div>
8057 Replaces the passed element with this element
8064 <dl class="detailList">
8065 <dt class="heading">Parameters:</dt>
8068 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
8071 <dd>The element to replace</dd>
8079 <dl class="detailList">
8080 <dt class="heading">Returns:</dt>
8082 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8096 <td class="msource">
8098 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8104 <tr class="method-row config-row-alt1 expandable">
8105 <td class="micon"><a class="exi" href="#expand"> </a></td>
8109 <a id="Roo.Element-method-replaceClass" name=".replaceClass"></a>
8110 <div class="fixedFont">
8111 <span class="attributes"></span><b class="itemname">replaceClass</b>
8113 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>oldClassName</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>newClassName</i></B>)
8119 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8128 <div class="short">Replaces a CSS class on the element with another.</div>
8134 Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.
8141 <dl class="detailList">
8142 <dt class="heading">Parameters:</dt>
8145 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>oldClassName</b>
8148 <dd>The CSS class to replace</dd>
8151 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>newClassName</b>
8154 <dd>The replacement CSS class</dd>
8162 <dl class="detailList">
8163 <dt class="heading">Returns:</dt>
8165 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8179 <td class="msource">
8181 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8187 <tr class="method-row config-row-alt0 expandable">
8188 <td class="micon"><a class="exi" href="#expand"> </a></td>
8192 <a id="Roo.Element-method-scroll" name=".scroll"></a>
8193 <div class="fixedFont">
8194 <span class="attributes"></span><b class="itemname">scroll</b>
8196 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>direction</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>distance</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8202 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
8211 <div class="short">Scrolls this element the specified direction.</div>
8217 Scrolls this element the specified direction. Does bounds checking to make sure the scroll is<br/>within this element's scrollable range.
8224 <dl class="detailList">
8225 <dt class="heading">Parameters:</dt>
8228 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>direction</b>
8231 <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
8234 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>distance</b>
8237 <dd>How far to scroll the element in pixels</dd>
8240 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8243 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8251 <dl class="detailList">
8252 <dt class="heading">Returns:</dt>
8254 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> Returns true if a scroll was triggered or false if the element<br/>was scrolled as far as it could go.</dd>
8268 <td class="msource">
8270 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8276 <tr class="method-row config-row-alt1 expandable">
8277 <td class="micon"><a class="exi" href="#expand"> </a></td>
8281 <a id="Roo.Element-method-scrollIntoView" name=".scrollIntoView"></a>
8282 <div class="fixedFont">
8283 <span class="attributes"></span><b class="itemname">scrollIntoView</b>
8285 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>hscroll</i></B>)
8291 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8300 <div class="short">Scrolls this element into view within the passed container.</div>
8306 Scrolls this element into view within the passed container.
8313 <dl class="detailList">
8314 <dt class="heading">Parameters:</dt>
8317 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
8320 <dd>(optional) The container element to scroll (defaults to document.body)</dd>
8323 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>hscroll</b>
8326 <dd>(optional) False to disable horizontal scroll (defaults to true)</dd>
8334 <dl class="detailList">
8335 <dt class="heading">Returns:</dt>
8337 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8351 <td class="msource">
8353 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8359 <tr class="method-row config-row-alt0 expandable">
8360 <td class="micon"><a class="exi" href="#expand"> </a></td>
8364 <a id="Roo.Element-method-scrollTo" name=".scrollTo"></a>
8365 <div class="fixedFont">
8366 <span class="attributes"></span><b class="itemname">scrollTo</b>
8368 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>value</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8383 <div class="short">Scrolls this element the specified scroll point.</div>
8389 Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().
8396 <dl class="detailList">
8397 <dt class="heading">Parameters:</dt>
8400 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
8403 <dd>Either "left" for scrollLeft values or "top" for scrollTop values.</dd>
8406 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>value</b>
8409 <dd>The new scroll value</dd>
8412 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8415 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8423 <dl class="detailList">
8424 <dt class="heading">Returns:</dt>
8426 <dd><span class="fixedFont">Element</span> this</dd>
8440 <td class="msource">
8442 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8448 <tr class="method-row config-row-alt1 expandable">
8449 <td class="micon"><a class="exi" href="#expand"> </a></td>
8453 <a id="Roo.Element-method-select" name=".select"></a>
8454 <div class="fixedFont">
8455 <span class="attributes"></span><b class="itemname">select</b>
8457 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>unique</i></B>)
8463 CompositeElement/CompositeElementLite
8472 <div class="short">Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).</div>
8478 Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).
8485 <dl class="detailList">
8486 <dt class="heading">Parameters:</dt>
8489 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
8492 <dd>The CSS selector</dd>
8495 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>unique</b>
8498 <dd>(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)</dd>
8506 <dl class="detailList">
8507 <dt class="heading">Returns:</dt>
8509 <dd><span class="fixedFont">CompositeElement/CompositeElementLite</span> The composite element</dd>
8523 <td class="msource">
8525 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8531 <tr class="method-row config-row-alt0 expandable">
8532 <td class="micon"><a class="exi" href="#expand"> </a></td>
8536 <a id="Roo.Element-method-set" name=".set"></a>
8537 <div class="fixedFont">
8538 <span class="attributes"></span><b class="itemname">set</b>
8540 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>useSet</i></B>)
8546 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8555 <div class="short">Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</div>
8561 Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
8568 <dl class="detailList">
8569 <dt class="heading">Parameters:</dt>
8572 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>o</b>
8575 <dd>The object with the attributes</dd>
8578 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>useSet</b>
8581 <dd>(optional) false to override the default setAttribute to use expandos.</dd>
8589 <dl class="detailList">
8590 <dt class="heading">Returns:</dt>
8592 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8606 <td class="msource">
8608 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8614 <tr class="method-row config-row-alt1 expandable">
8615 <td class="micon"><a class="exi" href="#expand"> </a></td>
8619 <a id="Roo.Element-method-setBottom" name=".setBottom"></a>
8620 <div class="fixedFont">
8621 <span class="attributes"></span><b class="itemname">setBottom</b>
8623 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>bottom</i></B>)
8629 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8638 <div class="short">Sets the element's CSS bottom style.</div>
8644 Sets the element's CSS bottom style.
8651 <dl class="detailList">
8652 <dt class="heading">Parameters:</dt>
8655 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>bottom</b>
8658 <dd>The bottom CSS property value</dd>
8666 <dl class="detailList">
8667 <dt class="heading">Returns:</dt>
8669 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8683 <td class="msource">
8685 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8691 <tr class="method-row config-row-alt0 expandable">
8692 <td class="micon"><a class="exi" href="#expand"> </a></td>
8696 <a id="Roo.Element-method-setBounds" name=".setBounds"></a>
8697 <div class="fixedFont">
8698 <span class="attributes"></span><b class="itemname">setBounds</b>
8700 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8706 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8715 <div class="short">Sets the element's position and size in one shot.</div>
8721 Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.
8728 <dl class="detailList">
8729 <dt class="heading">Parameters:</dt>
8732 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
8735 <dd>X value for new position (coordinates are page-based)</dd>
8738 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
8741 <dd>Y value for new position (coordinates are page-based)</dd>
8744 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
8747 <dd>The new width</dd>
8750 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
8753 <dd>The new height</dd>
8756 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8759 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8767 <dl class="detailList">
8768 <dt class="heading">Returns:</dt>
8770 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8784 <td class="msource">
8786 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8792 <tr class="method-row config-row-alt1 expandable">
8793 <td class="micon"><a class="exi" href="#expand"> </a></td>
8797 <a id="Roo.Element-method-setBox" name=".setBox"></a>
8798 <div class="fixedFont">
8799 <span class="attributes"></span><b class="itemname">setBox</b>
8801 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>adjust</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8807 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8816 <div class="short">Sets the element's box.</div>
8822 Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.
8829 <dl class="detailList">
8830 <dt class="heading">Parameters:</dt>
8833 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>box</b>
8836 <dd>The box to fill {x, y, width, height}</dd>
8839 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>adjust</b>
8842 <dd>(optional) Whether to adjust for box-model issues automatically</dd>
8845 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8848 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8856 <dl class="detailList">
8857 <dt class="heading">Returns:</dt>
8859 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8873 <td class="msource">
8875 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8881 <tr class="method-row config-row-alt0 expandable">
8882 <td class="micon"><a class="exi" href="#expand"> </a></td>
8886 <a id="Roo.Element-method-setDisplayed" name=".setDisplayed"></a>
8887 <div class="fixedFont">
8888 <span class="attributes"></span><b class="itemname">setDisplayed</b>
8890 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
8896 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8905 <div class="short">Sets the CSS display property.</div>
8911 Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.
8918 <dl class="detailList">
8919 <dt class="heading">Parameters:</dt>
8922 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>value</b>
8925 <dd>Boolean value to display the element using its default display, or a string to set the display directly</dd>
8933 <dl class="detailList">
8934 <dt class="heading">Returns:</dt>
8936 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8950 <td class="msource">
8952 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8958 <tr class="method-row config-row-alt1 expandable">
8959 <td class="micon"><a class="exi" href="#expand"> </a></td>
8963 <a id="Roo.Element-method-setHeight" name=".setHeight"></a>
8964 <div class="fixedFont">
8965 <span class="attributes"></span><b class="itemname">setHeight</b>
8967 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8973 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8982 <div class="short">Set the height of the element</div>
8988 Set the height of the element
8995 <dl class="detailList">
8996 <dt class="heading">Parameters:</dt>
8999 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
9002 <dd>The new height</dd>
9005 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9008 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9016 <dl class="detailList">
9017 <dt class="heading">Returns:</dt>
9019 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9033 <td class="msource">
9035 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9041 <tr class="method-row config-row-alt0 expandable">
9042 <td class="micon"><a class="exi" href="#expand"> </a></td>
9046 <a id="Roo.Element-method-setLeft" name=".setLeft"></a>
9047 <div class="fixedFont">
9048 <span class="attributes"></span><b class="itemname">setLeft</b>
9050 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>)
9056 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9065 <div class="short">Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).</div>
9071 Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).
9078 <dl class="detailList">
9079 <dt class="heading">Parameters:</dt>
9082 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>left</b>
9085 <dd>The left CSS property value</dd>
9093 <dl class="detailList">
9094 <dt class="heading">Returns:</dt>
9096 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9110 <td class="msource">
9112 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9118 <tr class="method-row config-row-alt1 expandable">
9119 <td class="micon"><a class="exi" href="#expand"> </a></td>
9123 <a id="Roo.Element-method-setLeftTop" name=".setLeftTop"></a>
9124 <div class="fixedFont">
9125 <span class="attributes"></span><b class="itemname">setLeftTop</b>
9127 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9133 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9142 <div class="short">Quick set left and top adding default units</div>
9148 Quick set left and top adding default units
9155 <dl class="detailList">
9156 <dt class="heading">Parameters:</dt>
9159 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>left</b>
9162 <dd>The left CSS property value</dd>
9165 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>top</b>
9168 <dd>The top CSS property value</dd>
9176 <dl class="detailList">
9177 <dt class="heading">Returns:</dt>
9179 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9193 <td class="msource">
9195 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9201 <tr class="method-row config-row-alt0 expandable">
9202 <td class="micon"><a class="exi" href="#expand"> </a></td>
9206 <a id="Roo.Element-method-setLocation" name=".setLocation"></a>
9207 <div class="fixedFont">
9208 <span class="attributes"></span><b class="itemname">setLocation</b>
9210 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9216 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9225 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
9231 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
9238 <dl class="detailList">
9239 <dt class="heading">Parameters:</dt>
9242 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
9245 <dd>X value for new position (coordinates are page-based)</dd>
9248 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
9251 <dd>Y value for new position (coordinates are page-based)</dd>
9254 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9257 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9265 <dl class="detailList">
9266 <dt class="heading">Returns:</dt>
9268 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9282 <td class="msource">
9284 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9290 <tr class="method-row config-row-alt1 expandable">
9291 <td class="micon"><a class="exi" href="#expand"> </a></td>
9295 <a id="Roo.Element-method-setOpacity" name=".setOpacity"></a>
9296 <div class="fixedFont">
9297 <span class="attributes"></span><b class="itemname">setOpacity</b>
9299 (Float <B><i>opacity</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9305 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9314 <div class="short">Set the opacity of the element</div>
9320 Set the opacity of the element
9327 <dl class="detailList">
9328 <dt class="heading">Parameters:</dt>
9331 <span class="fixedFont">Float</span> <b>opacity</b>
9334 <dd>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</dd>
9337 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9340 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9348 <dl class="detailList">
9349 <dt class="heading">Returns:</dt>
9351 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9365 <td class="msource">
9367 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9373 <tr class="method-row config-row-alt0 expandable">
9374 <td class="micon"><a class="exi" href="#expand"> </a></td>
9378 <a id="Roo.Element-method-setPositioning" name=".setPositioning"></a>
9379 <div class="fixedFont">
9380 <span class="attributes"></span><b class="itemname">setPositioning</b>
9382 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>posCfg</i></B>)
9388 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9397 <div class="short">Set positioning with an object returned by getPositioning().</div>
9403 Set positioning with an object returned by getPositioning().
9410 <dl class="detailList">
9411 <dt class="heading">Parameters:</dt>
9414 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>posCfg</b>
9425 <dl class="detailList">
9426 <dt class="heading">Returns:</dt>
9428 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9442 <td class="msource">
9444 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9450 <tr class="method-row config-row-alt1 expandable">
9451 <td class="micon"><a class="exi" href="#expand"> </a></td>
9455 <a id="Roo.Element-method-setRegion" name=".setRegion"></a>
9456 <div class="fixedFont">
9457 <span class="attributes"></span><b class="itemname">setRegion</b>
9459 (Roo.lib.Region <B><i>region</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9465 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9474 <div class="short">Sets the element's position and size the the specified region.</div>
9480 Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.
9487 <dl class="detailList">
9488 <dt class="heading">Parameters:</dt>
9491 <span class="fixedFont">Roo.lib.Region</span> <b>region</b>
9494 <dd>The region to fill</dd>
9497 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9500 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9508 <dl class="detailList">
9509 <dt class="heading">Returns:</dt>
9511 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9525 <td class="msource">
9527 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9533 <tr class="method-row config-row-alt0 expandable">
9534 <td class="micon"><a class="exi" href="#expand"> </a></td>
9538 <a id="Roo.Element-method-setRight" name=".setRight"></a>
9539 <div class="fixedFont">
9540 <span class="attributes"></span><b class="itemname">setRight</b>
9542 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>right</i></B>)
9548 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9557 <div class="short">Sets the element's CSS right style.</div>
9563 Sets the element's CSS right style.
9570 <dl class="detailList">
9571 <dt class="heading">Parameters:</dt>
9574 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>right</b>
9577 <dd>The right CSS property value</dd>
9585 <dl class="detailList">
9586 <dt class="heading">Returns:</dt>
9588 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9602 <td class="msource">
9604 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9610 <tr class="method-row config-row-alt1 expandable">
9611 <td class="micon"><a class="exi" href="#expand"> </a></td>
9615 <a id="Roo.Element-method-setSize" name=".setSize"></a>
9616 <div class="fixedFont">
9617 <span class="attributes"></span><b class="itemname">setSize</b>
9619 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9625 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9634 <div class="short">Set the size of the element.</div>
9640 Set the size of the element. If animation is true, both width an height will be animated concurrently.
9647 <dl class="detailList">
9648 <dt class="heading">Parameters:</dt>
9651 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
9654 <dd>The new width</dd>
9657 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
9660 <dd>The new height</dd>
9663 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9666 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9674 <dl class="detailList">
9675 <dt class="heading">Returns:</dt>
9677 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9691 <td class="msource">
9693 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9699 <tr class="method-row config-row-alt0 expandable">
9700 <td class="micon"><a class="exi" href="#expand"> </a></td>
9704 <a id="Roo.Element-method-setStyle" name=".setStyle"></a>
9705 <div class="fixedFont">
9706 <span class="attributes"></span><b class="itemname">setStyle</b>
9708 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>property</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
9714 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9723 <div class="short">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div>
9729 Wrapper for setting style properties, also takes single object parameter of multiple styles.
9736 <dl class="detailList">
9737 <dt class="heading">Parameters:</dt>
9740 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>property</b>
9743 <dd>The style property to be set, or an object of multiple styles.</dd>
9746 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
9749 <dd>(optional) The value to apply to the given property, or null if an object was passed.</dd>
9757 <dl class="detailList">
9758 <dt class="heading">Returns:</dt>
9760 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9774 <td class="msource">
9776 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9782 <tr class="method-row config-row-alt1 expandable">
9783 <td class="micon"><a class="exi" href="#expand"> </a></td>
9787 <a id="Roo.Element-method-setTop" name=".setTop"></a>
9788 <div class="fixedFont">
9789 <span class="attributes"></span><b class="itemname">setTop</b>
9791 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9797 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9806 <div class="short">Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).</div>
9812 Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).
9819 <dl class="detailList">
9820 <dt class="heading">Parameters:</dt>
9823 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>top</b>
9826 <dd>The top CSS property value</dd>
9834 <dl class="detailList">
9835 <dt class="heading">Returns:</dt>
9837 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9851 <td class="msource">
9853 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9859 <tr class="method-row config-row-alt0 expandable">
9860 <td class="micon"><a class="exi" href="#expand"> </a></td>
9864 <a id="Roo.Element-method-setVisibilityMode" name=".setVisibilityMode"></a>
9865 <div class="fixedFont">
9866 <span class="attributes"></span><b class="itemname">setVisibilityMode</b>
9868 (<B><i>visMode</i></B>)
9874 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9883 <div class="short">Sets the element's visibility mode.</div>
9889 Sets the element's visibility mode. When setVisible() is called it<br/>will use this to determine whether to set the visibility or the display property.
9896 <dl class="detailList">
9897 <dt class="heading">Parameters:</dt>
9903 <dd>Element.VISIBILITY or Element.DISPLAY</dd>
9911 <dl class="detailList">
9912 <dt class="heading">Returns:</dt>
9914 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9928 <td class="msource">
9930 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9936 <tr class="method-row config-row-alt1 expandable">
9937 <td class="micon"><a class="exi" href="#expand"> </a></td>
9941 <a id="Roo.Element-method-setVisible" name=".setVisible"></a>
9942 <div class="fixedFont">
9943 <span class="attributes"></span><b class="itemname">setVisible</b>
9945 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9951 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9960 <div class="short">Sets the visibility of the element (see details).</div>
9966 Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use<br/>the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.
9973 <dl class="detailList">
9974 <dt class="heading">Parameters:</dt>
9977 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>visible</b>
9980 <dd>Whether the element is visible</dd>
9983 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9986 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9994 <dl class="detailList">
9995 <dt class="heading">Returns:</dt>
9997 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10011 <td class="msource">
10013 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10019 <tr class="method-row config-row-alt0 expandable">
10020 <td class="micon"><a class="exi" href="#expand"> </a></td>
10024 <a id="Roo.Element-method-setWidth" name=".setWidth"></a>
10025 <div class="fixedFont">
10026 <span class="attributes"></span><b class="itemname">setWidth</b>
10028 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10034 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10041 <div class="mdesc">
10043 <div class="short">Set the width of the element</div>
10049 Set the width of the element
10056 <dl class="detailList">
10057 <dt class="heading">Parameters:</dt>
10060 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
10063 <dd>The new width</dd>
10066 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10069 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10077 <dl class="detailList">
10078 <dt class="heading">Returns:</dt>
10080 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10094 <td class="msource">
10096 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10102 <tr class="method-row config-row-alt1 expandable">
10103 <td class="micon"><a class="exi" href="#expand"> </a></td>
10107 <a id="Roo.Element-method-setX" name=".setX"></a>
10108 <div class="fixedFont">
10109 <span class="attributes"></span><b class="itemname">setX</b>
10111 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10117 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10124 <div class="mdesc">
10126 <div class="short">Sets the X position of the element based on page coordinates.</div>
10132 Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
10139 <dl class="detailList">
10140 <dt class="heading">Parameters:</dt>
10143 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
10146 <dd>X position of the element</dd>
10149 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10152 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10160 <dl class="detailList">
10161 <dt class="heading">Returns:</dt>
10163 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10177 <td class="msource">
10179 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10185 <tr class="method-row config-row-alt0 expandable">
10186 <td class="micon"><a class="exi" href="#expand"> </a></td>
10190 <a id="Roo.Element-method-setXY" name=".setXY"></a>
10191 <div class="fixedFont">
10192 <span class="attributes"></span><b class="itemname">setXY</b>
10194 (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>pos</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10200 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10207 <div class="mdesc">
10209 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
10215 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
10222 <dl class="detailList">
10223 <dt class="heading">Parameters:</dt>
10226 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>pos</b>
10229 <dd>Contains X & Y [x, y] values for new position (coordinates are page-based)</dd>
10232 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10235 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10243 <dl class="detailList">
10244 <dt class="heading">Returns:</dt>
10246 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10260 <td class="msource">
10262 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10268 <tr class="method-row config-row-alt1 expandable">
10269 <td class="micon"><a class="exi" href="#expand"> </a></td>
10273 <a id="Roo.Element-method-setY" name=".setY"></a>
10274 <div class="fixedFont">
10275 <span class="attributes"></span><b class="itemname">setY</b>
10277 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10283 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10290 <div class="mdesc">
10292 <div class="short">Sets the Y position of the element based on page coordinates.</div>
10298 Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
10305 <dl class="detailList">
10306 <dt class="heading">Parameters:</dt>
10309 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
10312 <dd>Y position of the element</dd>
10315 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10318 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10326 <dl class="detailList">
10327 <dt class="heading">Returns:</dt>
10329 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10343 <td class="msource">
10345 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10351 <tr class="method-row config-row-alt0 expandable notInherited">
10352 <td class="micon"><a class="exi" href="#expand"> </a></td>
10356 <a id="Roo.Layer-method-setZIndex" name=".setZIndex"></a>
10357 <div class="fixedFont">
10358 <span class="attributes"></span><b class="itemname">setZIndex</b>
10360 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zindex</i></B>)
10366 <a href="./this.html#constructor" roo:cls="this.html#constructor">this</a>
10373 <div class="mdesc">
10375 <div class="short">Sets the z-index of this layer and adjusts any shadow and shim z-indexes.</div>
10381 Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically<br/>incremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow<br/>element, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).
10388 <dl class="detailList">
10389 <dt class="heading">Parameters:</dt>
10392 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zindex</b>
10395 <dd>The new z-index to set</dd>
10403 <dl class="detailList">
10404 <dt class="heading">Returns:</dt>
10406 <dd><span class="fixedFont"><a href="./this.html#constructor" roo:cls="this.html#constructor">this</a></span> The Layer</dd>
10420 <td class="msource">
10428 <tr class="method-row config-row-alt1 expandable">
10429 <td class="micon"><a class="exi" href="#expand"> </a></td>
10433 <a id="Roo.Element-method-show" name=".show"></a>
10434 <div class="fixedFont">
10435 <span class="attributes"></span><b class="itemname">show</b>
10437 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10443 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10450 <div class="mdesc">
10452 <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility".</div>
10458 Show this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
10465 <dl class="detailList">
10466 <dt class="heading">Parameters:</dt>
10469 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10472 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10480 <dl class="detailList">
10481 <dt class="heading">Returns:</dt>
10483 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10497 <td class="msource">
10499 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10505 <tr class="method-row config-row-alt0 expandable">
10506 <td class="micon"><a class="exi" href="#expand"> </a></td>
10510 <a id="Roo.Element-method-swallowEvent" name=".swallowEvent"></a>
10511 <div class="fixedFont">
10512 <span class="attributes"></span><b class="itemname">swallowEvent</b>
10514 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventDefault</i></B>)
10520 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10527 <div class="mdesc">
10529 <div class="short">Stops the specified event from bubbling and optionally prevents the default action</div>
10535 Stops the specified event from bubbling and optionally prevents the default action
10542 <dl class="detailList">
10543 <dt class="heading">Parameters:</dt>
10546 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
10552 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>preventDefault</b>
10555 <dd>(optional) true to prevent the default action too</dd>
10563 <dl class="detailList">
10564 <dt class="heading">Returns:</dt>
10566 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10580 <td class="msource">
10582 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10588 <tr class="method-row config-row-alt1 expandable">
10589 <td class="micon"><a class="exi" href="#expand"> </a></td>
10593 <a id="Roo.Element-method-toggle" name=".toggle"></a>
10594 <div class="fixedFont">
10595 <span class="attributes"></span><b class="itemname">toggle</b>
10597 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10603 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10610 <div class="mdesc">
10612 <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div>
10618 Toggles the element's visibility or display, depending on visibility mode.
10625 <dl class="detailList">
10626 <dt class="heading">Parameters:</dt>
10629 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10632 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10640 <dl class="detailList">
10641 <dt class="heading">Returns:</dt>
10643 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10657 <td class="msource">
10659 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10665 <tr class="method-row config-row-alt0 expandable">
10666 <td class="micon"><a class="exi" href="#expand"> </a></td>
10670 <a id="Roo.Element-method-toggleClass" name=".toggleClass"></a>
10671 <div class="fixedFont">
10672 <span class="attributes"></span><b class="itemname">toggleClass</b>
10674 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
10680 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10687 <div class="mdesc">
10689 <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div>
10695 Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
10702 <dl class="detailList">
10703 <dt class="heading">Parameters:</dt>
10706 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
10709 <dd>The CSS class to toggle</dd>
10717 <dl class="detailList">
10718 <dt class="heading">Returns:</dt>
10720 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10734 <td class="msource">
10736 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10742 <tr class="method-row config-row-alt1 expandable">
10743 <td class="micon"><a class="exi" href="#expand"> </a></td>
10747 <a id="Roo.Element-method-translatePoints" name=".translatePoints"></a>
10748 <div class="fixedFont">
10749 <span class="attributes"></span><b class="itemname">translatePoints</b>
10751 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
10757 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
10764 <div class="mdesc">
10766 <div class="short">Translates the passed page coordinates into left/top css values for this element</div>
10772 Translates the passed page coordinates into left/top css values for this element
10779 <dl class="detailList">
10780 <dt class="heading">Parameters:</dt>
10783 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array</span> <b>x</b>
10786 <dd>The page x or an array containing [x, y]</dd>
10789 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
10792 <dd>The page y</dd>
10800 <dl class="detailList">
10801 <dt class="heading">Returns:</dt>
10803 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object with left and top properties. e.g. {left: (value), top: (value)}</dd>
10817 <td class="msource">
10819 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10825 <tr class="method-row config-row-alt0 expandable">
10826 <td class="micon"><a class="exi" href="#expand"> </a></td>
10830 <a id="Roo.Element-method-un" name=".un"></a>
10831 <div class="fixedFont">
10832 <span class="attributes"></span><b class="itemname">un</b>
10834 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>)
10840 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10847 <div class="mdesc">
10849 <div class="short">Removes an event handler from this element (shorthand for removeListener)</div>
10855 Removes an event handler from this element (shorthand for removeListener)
10862 <dl class="detailList">
10863 <dt class="heading">Parameters:</dt>
10866 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
10869 <dd>the type of event to remove</dd>
10872 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
10875 <dd>the method the event invokes</dd>
10883 <dl class="detailList">
10884 <dt class="heading">Returns:</dt>
10886 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10900 <td class="msource">
10902 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10908 <tr class="method-row config-row-alt1 expandable">
10909 <td class="micon"><a class="exi" href="#expand"> </a></td>
10913 <a id="Roo.Element-method-unclip" name=".unclip"></a>
10914 <div class="fixedFont">
10915 <span class="attributes"></span><b class="itemname">unclip</b>
10923 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10930 <div class="mdesc">
10932 <div class="short">Return clipping (overflow) to original clipping before clip() was called</div>
10938 Return clipping (overflow) to original clipping before clip() was called
10949 <dl class="detailList">
10950 <dt class="heading">Returns:</dt>
10952 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10966 <td class="msource">
10968 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10974 <tr class="method-row config-row-alt0 expandable">
10975 <td class="micon"><a class="exi" href="#expand"> </a></td>
10979 <a id="Roo.Element-method-unmask" name=".unmask"></a>
10980 <div class="fixedFont">
10981 <span class="attributes"></span><b class="itemname">unmask</b>
10988 <div class="mdesc">
10990 <div class="short">Removes a previously applied mask.</div>
10996 Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise<br/>it is cached for reuse.
11017 <td class="msource">
11019 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11025 <tr class="method-row config-row-alt1 expandable">
11026 <td class="micon"><a class="exi" href="#expand"> </a></td>
11030 <a id="Roo.Element-method-unselectable" name=".unselectable"></a>
11031 <div class="fixedFont">
11032 <span class="attributes"></span><b class="itemname">unselectable</b>
11040 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11047 <div class="mdesc">
11049 <div class="short">Disables text selection for this element (normalized across browsers)</div>
11055 Disables text selection for this element (normalized across browsers)
11066 <dl class="detailList">
11067 <dt class="heading">Returns:</dt>
11069 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
11083 <td class="msource">
11085 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11091 <tr class="method-row config-row-alt0 expandable">
11092 <td class="micon"><a class="exi" href="#expand"> </a></td>
11096 <a id="Roo.Element-method-up" name=".up"></a>
11097 <div class="fixedFont">
11098 <span class="attributes"></span><b class="itemname">up</b>
11100 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>)
11106 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11113 <div class="mdesc">
11115 <div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g.</div>
11121 Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).<br/>This is a shortcut for findParentNode() that always returns an Roo.Element.
11128 <dl class="detailList">
11129 <dt class="heading">Parameters:</dt>
11132 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
11135 <dd>The simple selector to test</dd>
11138 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
11141 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
11149 <dl class="detailList">
11150 <dt class="heading">Returns:</dt>
11152 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The matching DOM node (or null if no match was found)</dd>
11166 <td class="msource">
11168 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11174 <tr class="method-row config-row-alt1 expandable">
11175 <td class="micon"><a class="exi" href="#expand"> </a></td>
11179 <a id="Roo.Element-method-update" name=".update"></a>
11180 <div class="fixedFont">
11181 <span class="attributes"></span><b class="itemname">update</b>
11183 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>loadScripts</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>)
11189 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11196 <div class="mdesc">
11198 <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div>
11204 Update the innerHTML of this element, optionally searching for and processing scripts
11211 <dl class="detailList">
11212 <dt class="heading">Parameters:</dt>
11215 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>html</b>
11218 <dd>The new HTML</dd>
11221 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>loadScripts</b>
11224 <dd>(optional) true to look for and process scripts</dd>
11227 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
11230 <dd>For async script loading you can be noticed when the update completes</dd>
11238 <dl class="detailList">
11239 <dt class="heading">Returns:</dt>
11241 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
11255 <td class="msource">
11257 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11263 <tr class="method-row config-row-alt0 expandable">
11264 <td class="micon"><a class="exi" href="#expand"> </a></td>
11268 <a id="Roo.Element-method-wrap" name=".wrap"></a>
11269 <div class="fixedFont">
11270 <span class="attributes"></span><b class="itemname">wrap</b>
11272 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
11278 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element
11285 <div class="mdesc">
11287 <div class="short">Creates and wraps this element with another element</div>
11293 Creates and wraps this element with another element
11300 <dl class="detailList">
11301 <dt class="heading">Parameters:</dt>
11304 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
11307 <dd>(optional) DomHelper element config object for the wrapper element or null for an empty div</dd>
11310 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
11313 <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
11321 <dl class="detailList">
11322 <dt class="heading">Returns:</dt>
11324 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element</span> The newly created wrapper element</dd>
11338 <td class="msource">
11340 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11349 <!-- ============================== events summary / details ======================== -->
11352 <a id="Roo.Layer-events"></a>
11358 <table cellspacing="0" class="member-table">
11359 <caption class="Empty">Events - Has None</caption>
11370 <!-- ============================== footer ================================= -->
11371 <div class="fineprint" style="clear:both">
11373 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
11375 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>