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>
143 <div class="long">CSS class to add to the element</div>
157 <tr class="config-row expandable config-row-alt1 notInherited">
158 <td class="micon"><a class="exi" href="#expand"> </a></td>
161 <a id="Roo.Layer-cfg-constrain" name=".constrain"></a>
162 <div class="fixedFont">
163 <b class="itemname">constrain</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
169 <div class="short">False to disable constrain to viewport (defaults to true)</div>
173 <div class="long">False to disable constrain to viewport (defaults to true)</div>
187 <tr class="config-row expandable config-row-alt0 notInherited">
188 <td class="micon"><a class="exi" href="#expand"> </a></td>
191 <a id="Roo.Layer-cfg-dh" name=".dh"></a>
192 <div class="fixedFont">
193 <b class="itemname">dh</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
199 <div class="short">DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).</div>
203 <div class="long">DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).</div>
217 <tr class="config-row expandable config-row-alt1 notInherited">
218 <td class="micon"><a class="exi" href="#expand"> </a></td>
221 <a id="Roo.Layer-cfg-shadow" name=".shadow"></a>
222 <div class="fixedFont">
223 <b class="itemname">shadow</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
229 <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>
233 <div class="long">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.</div>
247 <tr class="config-row expandable config-row-alt0 notInherited">
248 <td class="micon"><a class="exi" href="#expand"> </a></td>
251 <a id="Roo.Layer-cfg-shadowOffset" name=".shadowOffset"></a>
252 <div class="fixedFont">
253 <b class="itemname">shadowOffset</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
259 <div class="short">Number of pixels to offset the shadow (defaults to 3)</div>
263 <div class="long">Number of pixels to offset the shadow (defaults to 3)</div>
277 <tr class="config-row expandable config-row-alt1 notInherited">
278 <td class="micon"><a class="exi" href="#expand"> </a></td>
281 <a id="Roo.Layer-cfg-shim" name=".shim"></a>
282 <div class="fixedFont">
283 <b class="itemname">shim</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
289 <div class="short">False to disable the iframe shim in browsers which need one (defaults to true)</div>
293 <div class="long">False to disable the iframe shim in browsers which need one (defaults to true)</div>
307 <tr class="config-row expandable config-row-alt0 notInherited">
308 <td class="micon"><a class="exi" href="#expand"> </a></td>
311 <a id="Roo.Layer-cfg-zindex" name=".zindex"></a>
312 <div class="fixedFont">
313 <b class="itemname">zindex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
319 <div class="short">Starting z-index (defaults to 11000)</div>
323 <div class="long">Starting z-index (defaults to 11000)</div>
347 <!-- ============================== public properties ==================== -->
351 <a id="Roo.Layer-props"></a>
359 <table cellspacing="0" class="member-table">
360 <caption>Public Properties </caption>
362 <th class="sig-header" colspan="2">Property</th>
363 <th class="sig-header">Description</th>
364 <th class="msource-header">Defined By</th>
374 <tr class="property-row config-row-alt0">
376 <a class="exi" href="#expand"> </a>
379 <a id="Roo.Element-prop-DISPLAY" name=".DISPLAY"></a>
380 <div class="fixedFont">
381 <span class="attributes">Roo.Layer.</span><b class="itemname">DISPLAY</b> :
382 <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
390 Visibility mode constant - Use display to hide element
398 Visibility mode constant - Use display to hide element
405 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
413 <tr class="property-row config-row-alt1">
415 <a class="exi" href="#expand"> </a>
418 <a id="Roo.Element-prop-VISIBILITY" name=".VISIBILITY"></a>
419 <div class="fixedFont">
420 <span class="attributes">Roo.Layer.</span><b class="itemname">VISIBILITY</b> :
421 <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
429 Visibility mode constant - Use visibility to hide element
437 Visibility mode constant - Use visibility to hide element
444 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
453 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
454 <tr class="property-row alt">
461 <!-- ============================== methods summary / details ======================== -->
464 <a id="Roo.Layer-methods"></a>
465 <!-- constructor?? -->
472 <!-- then dynamics first -->
479 <table cellspacing="0" class="member-table">
480 <caption>Public Methods</caption>
482 <th class="sig-header" colspan="2">Method</th>
483 <th class="msource-header">Defined By</th>
493 <tr class="method-row config-row-alt0 expandable notInherited">
494 <td class="micon"><a class="exi" href="#expand"> </a></td>
498 <a id="Roo-method-Layer" name=".Layer"></a>
499 <div class="fixedFont">
500 <span class="attributes">new <B>Roo.</B></span><b class="itemname">Layer</b>
502 (<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>)
510 <div class="short">Create a new Roo.Layer</div>
517 Create a new Roo.Layer
520 <dl class="detailList">
521 <dt class="heading">Parameters:</dt>
524 <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>
527 <dd>An object with config options.</dd>
530 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span> <b>existingEl</b>
533 <dd>(optional) Uses an existing DOM element. If the element is not found it creates it.</dd>
557 <tr class="method-row config-row-alt1 expandable">
558 <td class="micon"><a class="exi" href="#expand"> </a></td>
562 <a id="Roo.Element-method-addClass" name=".addClass"></a>
563 <div class="fixedFont">
564 <span class="attributes"></span><b class="itemname">addClass</b>
566 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
572 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
581 <div class="short">Adds one or more CSS classes to the element.</div>
587 Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.
594 <dl class="detailList">
595 <dt class="heading">Parameters:</dt>
598 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
601 <dd>The CSS class to add, or an array of classes</dd>
609 <dl class="detailList">
610 <dt class="heading">Returns:</dt>
612 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
628 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
634 <tr class="method-row config-row-alt0 expandable">
635 <td class="micon"><a class="exi" href="#expand"> </a></td>
639 <a id="Roo.Element-method-addClassOnClick" name=".addClassOnClick"></a>
640 <div class="fixedFont">
641 <span class="attributes"></span><b class="itemname">addClassOnClick</b>
643 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
649 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
658 <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>
664 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)
671 <dl class="detailList">
672 <dt class="heading">Parameters:</dt>
675 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
686 <dl class="detailList">
687 <dt class="heading">Returns:</dt>
689 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
705 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
711 <tr class="method-row config-row-alt1 expandable">
712 <td class="micon"><a class="exi" href="#expand"> </a></td>
716 <a id="Roo.Element-method-addClassOnFocus" name=".addClassOnFocus"></a>
717 <div class="fixedFont">
718 <span class="attributes"></span><b class="itemname">addClassOnFocus</b>
720 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
726 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
735 <div class="short">Sets up event handlers to add and remove a css class when this element has the focus</div>
741 Sets up event handlers to add and remove a css class when this element has the focus
748 <dl class="detailList">
749 <dt class="heading">Parameters:</dt>
752 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
763 <dl class="detailList">
764 <dt class="heading">Returns:</dt>
766 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
782 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
788 <tr class="method-row config-row-alt0 expandable">
789 <td class="micon"><a class="exi" href="#expand"> </a></td>
793 <a id="Roo.Element-method-addClassOnOver" name=".addClassOnOver"></a>
794 <div class="fixedFont">
795 <span class="attributes"></span><b class="itemname">addClassOnOver</b>
797 (<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>)
803 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
812 <div class="short">Sets up event handlers to add and remove a css class when the mouse is over this element</div>
818 Sets up event handlers to add and remove a css class when the mouse is over this element
825 <dl class="detailList">
826 <dt class="heading">Parameters:</dt>
829 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
835 <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>
838 <dd>(optional) If set to true, it prevents flickering by filtering<br/>mouseout events for children elements</dd>
846 <dl class="detailList">
847 <dt class="heading">Returns:</dt>
849 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
865 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
871 <tr class="method-row config-row-alt1 expandable">
872 <td class="micon"><a class="exi" href="#expand"> </a></td>
876 <a id="Roo.Element-method-addKeyListener" name=".addKeyListener"></a>
877 <div class="fixedFont">
878 <span class="attributes"></span><b class="itemname">addKeyListener</b>
880 (<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>)
886 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
895 <div class="short">Convenience method for constructing a KeyMap</div>
901 Convenience method for constructing a KeyMap
908 <dl class="detailList">
909 <dt class="heading">Parameters:</dt>
912 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String</span> <b>key</b>
915 <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>
918 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
921 <dd>The function to call</dd>
924 <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>
927 <dd>(optional) The scope of the function</dd>
935 <dl class="detailList">
936 <dt class="heading">Returns:</dt>
938 <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span> The KeyMap created</dd>
954 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
960 <tr class="method-row config-row-alt0 expandable">
961 <td class="micon"><a class="exi" href="#expand"> </a></td>
965 <a id="Roo.Element-method-addKeyMap" name=".addKeyMap"></a>
966 <div class="fixedFont">
967 <span class="attributes"></span><b class="itemname">addKeyMap</b>
969 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
975 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
984 <div class="short">Creates a KeyMap for this element</div>
990 Creates a KeyMap for this element
997 <dl class="detailList">
998 <dt class="heading">Parameters:</dt>
1001 <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>
1004 <dd>The KeyMap config. See {<b>link</b> Roo.KeyMap} for more details</dd>
1012 <dl class="detailList">
1013 <dt class="heading">Returns:</dt>
1015 <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span> The KeyMap created</dd>
1029 <td class="msource">
1031 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1037 <tr class="method-row config-row-alt1 expandable">
1038 <td class="micon"><a class="exi" href="#expand"> </a></td>
1042 <a id="Roo.Element-method-addListener" name=".addListener"></a>
1043 <div class="fixedFont">
1044 <span class="attributes"></span><b class="itemname">addListener</b>
1046 (<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>)
1053 <div class="short">Appends an event handler</div>
1059 Appends an event handler
1066 <dl class="detailList">
1067 <dt class="heading">Parameters:</dt>
1070 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1073 <dd>The type of event to append</dd>
1076 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
1079 <dd>The method the event invokes</dd>
1082 <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>
1085 <dd>(optional) The scope (this object) of the fn</dd>
1088 <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>
1091 <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
1109 <td class="msource">
1111 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1117 <tr class="method-row config-row-alt0 expandable">
1118 <td class="micon"><a class="exi" href="#expand"> </a></td>
1122 <a id="Roo.Element-method-alignTo" name=".alignTo"></a>
1123 <div class="fixedFont">
1124 <span class="attributes"></span><b class="itemname">alignTo</b>
1126 (<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>)
1132 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1141 <div class="short">Aligns this element with another element relative to the specified anchor points.</div>
1147 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>
1154 <dl class="detailList">
1155 <dt class="heading">Parameters:</dt>
1158 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
1161 <dd>The element to align to.</dd>
1164 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
1167 <dd>The position to align to.</dd>
1170 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
1173 <dd>(optional) Offset the positioning by [x, y]</dd>
1176 <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>
1179 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
1187 <dl class="detailList">
1188 <dt class="heading">Returns:</dt>
1190 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1204 <td class="msource">
1206 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1212 <tr class="method-row config-row-alt1 expandable">
1213 <td class="micon"><a class="exi" href="#expand"> </a></td>
1217 <a id="Roo.Element-method-anchorTo" name=".anchorTo"></a>
1218 <div class="fixedFont">
1219 <span class="attributes"></span><b class="itemname">anchorTo</b>
1221 (<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>)
1227 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1236 <div class="short">Anchors an element to another element and realigns it when the window is resized.</div>
1242 Anchors an element to another element and realigns it when the window is resized.
1249 <dl class="detailList">
1250 <dt class="heading">Parameters:</dt>
1253 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
1256 <dd>The element to align to.</dd>
1259 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
1262 <dd>The position to align to.</dd>
1265 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
1268 <dd>(optional) Offset the positioning by [x, y]</dd>
1271 <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>
1274 <dd>(optional) True for the default animation or a standard Element animation config object</dd>
1277 <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>
1280 <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>
1283 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
1286 <dd>The function to call after the animation finishes</dd>
1294 <dl class="detailList">
1295 <dt class="heading">Returns:</dt>
1297 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1311 <td class="msource">
1313 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1319 <tr class="method-row config-row-alt0 expandable">
1320 <td class="micon"><a class="exi" href="#expand"> </a></td>
1324 <a id="Roo.Element-method-animate" name=".animate"></a>
1325 <div class="fixedFont">
1326 <span class="attributes"></span><b class="itemname">animate</b>
1328 (<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>)
1334 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1343 <div class="short">Perform animation on this element.</div>
1349 Perform animation on this element.
1356 <dl class="detailList">
1357 <dt class="heading">Parameters:</dt>
1360 <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>
1363 <dd>The YUI animation control args</dd>
1366 <span class="fixedFont">Float</span> <b>duration</b>
1369 <dd>(optional) How long the animation lasts in seconds (defaults to .35)</dd>
1372 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>onComplete</b>
1375 <dd>(optional) Function to call when animation completes</dd>
1378 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>easing</b>
1381 <dd>(optional) Easing method to use (defaults to 'easeOut')</dd>
1384 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>animType</b>
1387 <dd>(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'</dd>
1395 <dl class="detailList">
1396 <dt class="heading">Returns:</dt>
1398 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1412 <td class="msource">
1414 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1420 <tr class="method-row config-row-alt1 expandable">
1421 <td class="micon"><a class="exi" href="#expand"> </a></td>
1425 <a id="Roo.Element-method-appendChild" name=".appendChild"></a>
1426 <div class="fixedFont">
1427 <span class="attributes"></span><b class="itemname">appendChild</b>
1429 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement <B><i>el</i></B>)
1435 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1444 <div class="short">Appends the passed element(s) to this element</div>
1450 Appends the passed element(s) to this element
1457 <dl class="detailList">
1458 <dt class="heading">Parameters:</dt>
1461 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement</span> <b>el</b>
1472 <dl class="detailList">
1473 <dt class="heading">Returns:</dt>
1475 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1489 <td class="msource">
1491 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1497 <tr class="method-row config-row-alt0 expandable">
1498 <td class="micon"><a class="exi" href="#expand"> </a></td>
1502 <a id="Roo.Element-method-appendTo" name=".appendTo"></a>
1503 <div class="fixedFont">
1504 <span class="attributes"></span><b class="itemname">appendTo</b>
1506 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
1512 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1521 <div class="short">Appends this element to the passed element</div>
1527 Appends this element to the passed element
1534 <dl class="detailList">
1535 <dt class="heading">Parameters:</dt>
1538 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
1541 <dd>The new parent element</dd>
1549 <dl class="detailList">
1550 <dt class="heading">Returns:</dt>
1552 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1566 <td class="msource">
1568 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1574 <tr class="method-row config-row-alt1 expandable">
1575 <td class="micon"><a class="exi" href="#expand"> </a></td>
1579 <a id="Roo.Element-method-applyStyles" name=".applyStyles"></a>
1580 <div class="fixedFont">
1581 <span class="attributes"></span><b class="itemname">applyStyles</b>
1583 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function <B><i>styles</i></B>)
1589 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1598 <div class="short">More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.</div>
1604 More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.
1611 <dl class="detailList">
1612 <dt class="heading">Parameters:</dt>
1615 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function</span> <b>styles</b>
1618 <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>
1626 <dl class="detailList">
1627 <dt class="heading">Returns:</dt>
1629 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1643 <td class="msource">
1645 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1651 <tr class="method-row config-row-alt0 expandable">
1652 <td class="micon"><a class="exi" href="#expand"> </a></td>
1656 <a id="Roo.Element-method-autoHeight" name=".autoHeight"></a>
1657 <div class="fixedFont">
1658 <span class="attributes"></span><b class="itemname">autoHeight</b>
1660 (<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>)
1666 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1675 <div class="short">Measures the element's content height and updates height to match.</div>
1681 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.
1688 <dl class="detailList">
1689 <dt class="heading">Parameters:</dt>
1692 <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>
1695 <dd>(optional) Animate the transition (defaults to false)</dd>
1698 <span class="fixedFont">Float</span> <b>duration</b>
1701 <dd>(optional) Length of the animation in seconds (defaults to .35)</dd>
1704 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>onComplete</b>
1707 <dd>(optional) Function to call when animation completes</dd>
1710 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>easing</b>
1713 <dd>(optional) Easing method to use (defaults to easeOut)</dd>
1721 <dl class="detailList">
1722 <dt class="heading">Returns:</dt>
1724 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1738 <td class="msource">
1740 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1746 <tr class="method-row config-row-alt1 expandable">
1747 <td class="micon"><a class="exi" href="#expand"> </a></td>
1751 <a id="Roo.Element-method-beginMeasure" name=".beginMeasure"></a>
1752 <div class="fixedFont">
1753 <span class="attributes"></span><b class="itemname">beginMeasure</b>
1761 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1770 <div class="short">Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.</div>
1776 Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.
1787 <dl class="detailList">
1788 <dt class="heading">Returns:</dt>
1790 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1804 <td class="msource">
1806 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1812 <tr class="method-row config-row-alt0 expandable">
1813 <td class="micon"><a class="exi" href="#expand"> </a></td>
1817 <a id="Roo.Element-method-blur" name=".blur"></a>
1818 <div class="fixedFont">
1819 <span class="attributes"></span><b class="itemname">blur</b>
1827 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1836 <div class="short">Tries to blur the element.</div>
1842 Tries to blur the element. Any exceptions are caught and ignored.
1853 <dl class="detailList">
1854 <dt class="heading">Returns:</dt>
1856 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1870 <td class="msource">
1872 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1878 <tr class="method-row config-row-alt1 expandable">
1879 <td class="micon"><a class="exi" href="#expand"> </a></td>
1883 <a id="Roo.Element-method-boxWrap" name=".boxWrap"></a>
1884 <div class="fixedFont">
1885 <span class="attributes"></span><b class="itemname">boxWrap</b>
1887 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>class</i></B>)
1893 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1902 <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>
1908 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.
1915 <dl class="detailList">
1916 <dt class="heading">Parameters:</dt>
1919 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>class</b>
1922 <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>
1930 <dl class="detailList">
1931 <dt class="heading">Returns:</dt>
1933 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1947 <td class="msource">
1949 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1955 <tr class="method-row config-row-alt0 expandable">
1956 <td class="micon"><a class="exi" href="#expand"> </a></td>
1960 <a id="Roo.Element-method-center" name=".center"></a>
1961 <div class="fixedFont">
1962 <span class="attributes"></span><b class="itemname">center</b>
1964 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>centerIn</i></B>)
1971 <div class="short">Centers the Element in either the viewport, or another Element.</div>
1977 Centers the Element in either the viewport, or another Element.
1984 <dl class="detailList">
1985 <dt class="heading">Parameters:</dt>
1988 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>centerIn</b>
1991 <dd>(optional) The element in which to center the element.</dd>
2009 <td class="msource">
2011 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2017 <tr class="method-row config-row-alt1 expandable">
2018 <td class="micon"><a class="exi" href="#expand"> </a></td>
2022 <a id="Roo.Element-method-child" name=".child"></a>
2023 <div class="fixedFont">
2024 <span class="attributes"></span><b class="itemname">child</b>
2026 (<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>)
2032 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2041 <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>
2047 Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
2054 <dl class="detailList">
2055 <dt class="heading">Parameters:</dt>
2058 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2061 <dd>The CSS selector</dd>
2064 <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>
2067 <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2075 <dl class="detailList">
2076 <dt class="heading">Returns:</dt>
2078 <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>
2092 <td class="msource">
2094 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2100 <tr class="method-row config-row-alt0 expandable">
2101 <td class="micon"><a class="exi" href="#expand"> </a></td>
2105 <a id="Roo.Element-method-clean" name=".clean"></a>
2106 <div class="fixedFont">
2107 <span class="attributes"></span><b class="itemname">clean</b>
2109 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceReclean</i></B>)
2116 <div class="short">Removes worthless text nodes</div>
2122 Removes worthless text nodes
2129 <dl class="detailList">
2130 <dt class="heading">Parameters:</dt>
2133 <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>
2136 <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>
2154 <td class="msource">
2156 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2162 <tr class="method-row config-row-alt1 expandable">
2163 <td class="micon"><a class="exi" href="#expand"> </a></td>
2167 <a id="Roo.Element-method-clearOpacity" name=".clearOpacity"></a>
2168 <div class="fixedFont">
2169 <span class="attributes"></span><b class="itemname">clearOpacity</b>
2177 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2186 <div class="short">Clears any opacity settings from this element.</div>
2192 Clears any opacity settings from this element. Required in some cases for IE.
2203 <dl class="detailList">
2204 <dt class="heading">Returns:</dt>
2206 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2220 <td class="msource">
2222 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2228 <tr class="method-row config-row-alt0 expandable">
2229 <td class="micon"><a class="exi" href="#expand"> </a></td>
2233 <a id="Roo.Element-method-clearPositioning" name=".clearPositioning"></a>
2234 <div class="fixedFont">
2235 <span class="attributes"></span><b class="itemname">clearPositioning</b>
2237 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
2243 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2252 <div class="short">Clear positioning back to the default when the document was loaded</div>
2258 Clear positioning back to the default when the document was loaded
2265 <dl class="detailList">
2266 <dt class="heading">Parameters:</dt>
2269 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
2272 <dd>(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</dd>
2280 <dl class="detailList">
2281 <dt class="heading">Returns:</dt>
2283 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2297 <td class="msource">
2299 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2305 <tr class="method-row config-row-alt1 expandable">
2306 <td class="micon"><a class="exi" href="#expand"> </a></td>
2310 <a id="Roo.Element-method-clip" name=".clip"></a>
2311 <div class="fixedFont">
2312 <span class="attributes"></span><b class="itemname">clip</b>
2320 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2329 <div class="short">Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove</div>
2335 Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove
2346 <dl class="detailList">
2347 <dt class="heading">Returns:</dt>
2349 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2363 <td class="msource">
2365 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2371 <tr class="method-row config-row-alt0 expandable">
2372 <td class="micon"><a class="exi" href="#expand"> </a></td>
2376 <a id="Roo.Element-method-contains" name=".contains"></a>
2377 <div class="fixedFont">
2378 <span class="attributes"></span><b class="itemname">contains</b>
2380 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String <B><i>el</i></B>)
2386 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2395 <div class="short">Returns true if this element is an ancestor of the passed element</div>
2401 Returns true if this element is an ancestor of the passed element
2408 <dl class="detailList">
2409 <dt class="heading">Parameters:</dt>
2412 <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>
2415 <dd>The element to check</dd>
2423 <dl class="detailList">
2424 <dt class="heading">Returns:</dt>
2426 <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>
2440 <td class="msource">
2442 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2448 <tr class="method-row config-row-alt1 expandable">
2449 <td class="micon"><a class="exi" href="#expand"> </a></td>
2453 <a id="Roo.Element-method-createChild" name=".createChild"></a>
2454 <div class="fixedFont">
2455 <span class="attributes"></span><b class="itemname">createChild</b>
2457 (<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>)
2463 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2472 <div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.</div>
2478 Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
2485 <dl class="detailList">
2486 <dt class="heading">Parameters:</dt>
2489 <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>
2492 <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>
2495 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>insertBefore</b>
2498 <dd>(optional) a child element of this element</dd>
2501 <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>
2504 <dd>(optional) true to return the dom node instead of creating an Element</dd>
2512 <dl class="detailList">
2513 <dt class="heading">Returns:</dt>
2515 <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>
2529 <td class="msource">
2531 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2537 <tr class="method-row config-row-alt0 expandable">
2538 <td class="micon"><a class="exi" href="#expand"> </a></td>
2542 <a id="Roo.Element-method-createProxy" name=".createProxy"></a>
2543 <div class="fixedFont">
2544 <span class="attributes"></span><b class="itemname">createProxy</b>
2546 (<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>)
2552 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2561 <div class="short">Creates a proxy element of this element</div>
2567 Creates a proxy element of this element
2574 <dl class="detailList">
2575 <dt class="heading">Parameters:</dt>
2578 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>config</b>
2581 <dd>The class name of the proxy element or a DomHelper config object</dd>
2584 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span> <b>renderTo</b>
2587 <dd>(optional) The element or element id to render the proxy to (defaults to document.body)</dd>
2590 <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>
2593 <dd>(optional) True to align and size the proxy to this element now (defaults to false)</dd>
2601 <dl class="detailList">
2602 <dt class="heading">Returns:</dt>
2604 <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>
2618 <td class="msource">
2620 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2626 <tr class="method-row config-row-alt1 expandable">
2627 <td class="micon"><a class="exi" href="#expand"> </a></td>
2631 <a id="Roo.Element-method-createShim" name=".createShim"></a>
2632 <div class="fixedFont">
2633 <span class="attributes"></span><b class="itemname">createShim</b>
2641 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2650 <div class="short">Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.</div>
2656 Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.
2667 <dl class="detailList">
2668 <dt class="heading">Returns:</dt>
2670 <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>
2684 <td class="msource">
2686 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2692 <tr class="method-row config-row-alt0 expandable">
2693 <td class="micon"><a class="exi" href="#expand"> </a></td>
2697 <a id="Roo.Element-method-down" name=".down"></a>
2698 <div class="fixedFont">
2699 <span class="attributes"></span><b class="itemname">down</b>
2701 (<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>)
2707 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2716 <div class="short">Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).</div>
2722 Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).
2729 <dl class="detailList">
2730 <dt class="heading">Parameters:</dt>
2733 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2736 <dd>The CSS selector</dd>
2739 <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>
2742 <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2750 <dl class="detailList">
2751 <dt class="heading">Returns:</dt>
2753 <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>
2767 <td class="msource">
2769 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2775 <tr class="method-row config-row-alt1 expandable">
2776 <td class="micon"><a class="exi" href="#expand"> </a></td>
2780 <a id="Roo.Element-method-enableDisplayMode" name=".enableDisplayMode"></a>
2781 <div class="fixedFont">
2782 <span class="attributes"></span><b class="itemname">enableDisplayMode</b>
2784 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>display</i></B>)
2790 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2799 <div class="short">Convenience method for setVisibilityMode(Element.DISPLAY)</div>
2805 Convenience method for setVisibilityMode(Element.DISPLAY)
2812 <dl class="detailList">
2813 <dt class="heading">Parameters:</dt>
2816 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>display</b>
2819 <dd>(optional) What to set display to when visible</dd>
2827 <dl class="detailList">
2828 <dt class="heading">Returns:</dt>
2830 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2844 <td class="msource">
2846 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2852 <tr class="method-row config-row-alt0 expandable">
2853 <td class="micon"><a class="exi" href="#expand"> </a></td>
2857 <a id="Roo.Element-method-endMeasure" name=".endMeasure"></a>
2858 <div class="fixedFont">
2859 <span class="attributes"></span><b class="itemname">endMeasure</b>
2867 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2876 <div class="short">Restores displays to before beginMeasure was called</div>
2882 Restores displays to before beginMeasure was called
2893 <dl class="detailList">
2894 <dt class="heading">Returns:</dt>
2896 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2910 <td class="msource">
2912 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2918 <tr class="method-row config-row-alt1 expandable">
2919 <td class="micon"><a class="exi" href="#expand"> </a></td>
2923 <a id="Roo.Element-method-findParent" name=".findParent"></a>
2924 <div class="fixedFont">
2925 <span class="attributes"></span><b class="itemname">findParent</b>
2927 (<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>)
2933 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2942 <div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g.</div>
2948 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)
2955 <dl class="detailList">
2956 <dt class="heading">Parameters:</dt>
2959 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2962 <dd>The simple selector to test</dd>
2965 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
2968 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
2971 <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>
2974 <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
2982 <dl class="detailList">
2983 <dt class="heading">Returns:</dt>
2985 <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>
2999 <td class="msource">
3001 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3007 <tr class="method-row config-row-alt0 expandable">
3008 <td class="micon"><a class="exi" href="#expand"> </a></td>
3012 <a id="Roo.Element-method-findParentNode" name=".findParentNode"></a>
3013 <div class="fixedFont">
3014 <span class="attributes"></span><b class="itemname">findParentNode</b>
3016 (<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>)
3022 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3031 <div class="short">Looks at parent nodes for a match of the passed simple selector (e.g.</div>
3037 Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
3044 <dl class="detailList">
3045 <dt class="heading">Parameters:</dt>
3048 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
3051 <dd>The simple selector to test</dd>
3054 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
3057 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
3060 <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>
3063 <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
3071 <dl class="detailList">
3072 <dt class="heading">Returns:</dt>
3074 <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>
3088 <td class="msource">
3090 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3096 <tr class="method-row config-row-alt1 expandable">
3097 <td class="micon"><a class="exi" href="#expand"> </a></td>
3101 <a id="Roo.Element-method-fitToParent" name=".fitToParent"></a>
3102 <div class="fixedFont">
3103 <span class="attributes"></span><b class="itemname">fitToParent</b>
3105 (<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>)
3111 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3120 <div class="short">Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.</div>
3126 Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.
3133 <dl class="detailList">
3134 <dt class="heading">Parameters:</dt>
3137 <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>
3140 <dd>(optional) If true maintains the fit when the browser window is resized.</dd>
3143 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element</span> <b>targetParent</b>
3146 <dd>(optional) The target parent, default to the parentNode.</dd>
3154 <dl class="detailList">
3155 <dt class="heading">Returns:</dt>
3157 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3171 <td class="msource">
3173 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3179 <tr class="method-row config-row-alt0 expandable">
3180 <td class="micon"><a class="exi" href="#expand"> </a></td>
3184 <a id="Roo.Element-method-focus" name=".focus"></a>
3185 <div class="fixedFont">
3186 <span class="attributes"></span><b class="itemname">focus</b>
3194 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3203 <div class="short">Tries to focus the element.</div>
3209 Tries to focus the element. Any exceptions are caught and ignored.
3220 <dl class="detailList">
3221 <dt class="heading">Returns:</dt>
3223 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3237 <td class="msource">
3239 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3245 <tr class="method-row config-row-alt1 expandable">
3246 <td class="micon"><a class="exi" href="#expand"> </a></td>
3250 <a id="Roo.Element-method-getAlignToXY" name=".getAlignToXY"></a>
3251 <div class="fixedFont">
3252 <span class="attributes"></span><b class="itemname">getAlignToXY</b>
3254 (<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>)
3260 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3269 <div class="short">Gets the x,y coordinates to align this element with another element.</div>
3275 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.
3282 <dl class="detailList">
3283 <dt class="heading">Parameters:</dt>
3286 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
3289 <dd>The element to align to.</dd>
3292 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
3295 <dd>The position to align to.</dd>
3298 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
3301 <dd>(optional) Offset the positioning by [x, y]</dd>
3309 <dl class="detailList">
3310 <dt class="heading">Returns:</dt>
3312 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> [x, y]</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-getAnchorXY" name=".getAnchorXY"></a>
3340 <div class="fixedFont">
3341 <span class="attributes"></span><b class="itemname">getAnchorXY</b>
3343 (<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>)
3349 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3358 <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div>
3364 Gets the x,y coordinates specified by the anchor position on the element.
3371 <dl class="detailList">
3372 <dt class="heading">Parameters:</dt>
3375 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>anchor</b>
3378 <dd>(optional) The specified anchor position (defaults to "c"). See {<b>link</b> <b>alignTo</b>} for details on supported anchor positions.</dd>
3381 <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>
3384 <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>
3387 <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>
3390 <dd>(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates</dd>
3398 <dl class="detailList">
3399 <dt class="heading">Returns:</dt>
3401 <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>
3415 <td class="msource">
3417 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3423 <tr class="method-row config-row-alt1 expandable">
3424 <td class="micon"><a class="exi" href="#expand"> </a></td>
3428 <a id="Roo.Element-method-getAttributeNS" name=".getAttributeNS"></a>
3429 <div class="fixedFont">
3430 <span class="attributes"></span><b class="itemname">getAttributeNS</b>
3432 (<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>)
3438 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3447 <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div>
3453 Returns the value of a namespaced attribute from the element's underlying DOM node.
3460 <dl class="detailList">
3461 <dt class="heading">Parameters:</dt>
3464 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>namespace</b>
3467 <dd>The namespace in which to look for the attribute</dd>
3470 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>name</b>
3473 <dd>The attribute name</dd>
3481 <dl class="detailList">
3482 <dt class="heading">Returns:</dt>
3484 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The attribute value</dd>
3498 <td class="msource">
3500 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3506 <tr class="method-row config-row-alt0 expandable">
3507 <td class="micon"><a class="exi" href="#expand"> </a></td>
3511 <a id="Roo.Element-method-getBorderWidth" name=".getBorderWidth"></a>
3512 <div class="fixedFont">
3513 <span class="attributes"></span><b class="itemname">getBorderWidth</b>
3515 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
3521 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3530 <div class="short">Gets the width of the border(s) for the specified side(s)</div>
3536 Gets the width of the border(s) for the specified side(s)
3543 <dl class="detailList">
3544 <dt class="heading">Parameters:</dt>
3547 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
3550 <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>
3558 <dl class="detailList">
3559 <dt class="heading">Returns:</dt>
3561 <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>
3575 <td class="msource">
3577 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3583 <tr class="method-row config-row-alt1 expandable">
3584 <td class="micon"><a class="exi" href="#expand"> </a></td>
3588 <a id="Roo.Element-method-getBottom" name=".getBottom"></a>
3589 <div class="fixedFont">
3590 <span class="attributes"></span><b class="itemname">getBottom</b>
3592 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3598 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3607 <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div>
3613 Gets the bottom Y coordinate of the element (element Y position + element height)
3620 <dl class="detailList">
3621 <dt class="heading">Parameters:</dt>
3624 <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>
3627 <dd>True to get the local css position instead of page coordinate</dd>
3635 <dl class="detailList">
3636 <dt class="heading">Returns:</dt>
3638 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
3652 <td class="msource">
3654 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3660 <tr class="method-row config-row-alt0 expandable">
3661 <td class="micon"><a class="exi" href="#expand"> </a></td>
3665 <a id="Roo.Element-method-getBox" name=".getBox"></a>
3666 <div class="fixedFont">
3667 <span class="attributes"></span><b class="itemname">getBox</b>
3669 (<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>)
3675 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3684 <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>
3690 Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.
3697 <dl class="detailList">
3698 <dt class="heading">Parameters:</dt>
3701 <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>
3704 <dd>(optional) If true a box for the content of the element is returned.</dd>
3707 <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>
3710 <dd>(optional) If true the element's left and top are returned instead of page x/y.</dd>
3718 <dl class="detailList">
3719 <dt class="heading">Returns:</dt>
3721 <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>
3735 <td class="msource">
3737 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3743 <tr class="method-row config-row-alt1 expandable">
3744 <td class="micon"><a class="exi" href="#expand"> </a></td>
3748 <a id="Roo.Element-method-getCenterXY" name=".getCenterXY"></a>
3749 <div class="fixedFont">
3750 <span class="attributes"></span><b class="itemname">getCenterXY</b>
3758 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3767 <div class="short">Calculates the x, y to center this element on the screen</div>
3773 Calculates the x, y to center this element on the screen
3784 <dl class="detailList">
3785 <dt class="heading">Returns:</dt>
3787 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The x, y values [x, y]</dd>
3801 <td class="msource">
3803 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3809 <tr class="method-row config-row-alt0 expandable">
3810 <td class="micon"><a class="exi" href="#expand"> </a></td>
3814 <a id="Roo.Element-method-getColor" name=".getColor"></a>
3815 <div class="fixedFont">
3816 <span class="attributes"></span><b class="itemname">getColor</b>
3818 (<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>)
3825 <div class="short">Return the CSS color for the specified CSS attribute.</div>
3831 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.
3838 <dl class="detailList">
3839 <dt class="heading">Parameters:</dt>
3842 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>attr</b>
3845 <dd>The css attribute</dd>
3848 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>defaultValue</b>
3851 <dd>The default value to use when a valid color isn't found</dd>
3854 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>prefix</b>
3857 <dd>(optional) defaults to #. Use an empty string when working with<br/>YUI color anims.</dd>
3875 <td class="msource">
3877 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3883 <tr class="method-row config-row-alt1 expandable">
3884 <td class="micon"><a class="exi" href="#expand"> </a></td>
3888 <a id="Roo.Element-method-getComputedHeight" name=".getComputedHeight"></a>
3889 <div class="fixedFont">
3890 <span class="attributes"></span><b class="itemname">getComputedHeight</b>
3898 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3907 <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>
3913 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.
3924 <dl class="detailList">
3925 <dt class="heading">Returns:</dt>
3927 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
3941 <td class="msource">
3943 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3949 <tr class="method-row config-row-alt0 expandable">
3950 <td class="micon"><a class="exi" href="#expand"> </a></td>
3954 <a id="Roo.Element-method-getComputedWidth" name=".getComputedWidth"></a>
3955 <div class="fixedFont">
3956 <span class="attributes"></span><b class="itemname">getComputedWidth</b>
3964 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3973 <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>
3979 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.
3990 <dl class="detailList">
3991 <dt class="heading">Returns:</dt>
3993 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4007 <td class="msource">
4009 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4015 <tr class="method-row config-row-alt1 expandable">
4016 <td class="micon"><a class="exi" href="#expand"> </a></td>
4020 <a id="Roo.Element-method-getFrameWidth" name=".getFrameWidth"></a>
4021 <div class="fixedFont">
4022 <span class="attributes"></span><b class="itemname">getFrameWidth</b>
4024 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4030 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4039 <div class="short">Returns the sum width of the padding and borders for the passed "sides".</div>
4045 Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()<br/> for more information about the sides.
4052 <dl class="detailList">
4053 <dt class="heading">Parameters:</dt>
4056 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sides</b>
4067 <dl class="detailList">
4068 <dt class="heading">Returns:</dt>
4070 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4084 <td class="msource">
4086 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4092 <tr class="method-row config-row-alt0 expandable">
4093 <td class="micon"><a class="exi" href="#expand"> </a></td>
4097 <a id="Roo.Element-method-getHeight" name=".getHeight"></a>
4098 <div class="fixedFont">
4099 <span class="attributes"></span><b class="itemname">getHeight</b>
4101 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentHeight</i></B>)
4107 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4116 <div class="short">Returns the offset height of the element</div>
4122 Returns the offset height of the element
4129 <dl class="detailList">
4130 <dt class="heading">Parameters:</dt>
4133 <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>
4136 <dd>(optional) true to get the height minus borders and padding</dd>
4144 <dl class="detailList">
4145 <dt class="heading">Returns:</dt>
4147 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The element's height</dd>
4161 <td class="msource">
4163 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4169 <tr class="method-row config-row-alt1 expandable">
4170 <td class="micon"><a class="exi" href="#expand"> </a></td>
4174 <a id="Roo.Element-method-getLeft" name=".getLeft"></a>
4175 <div class="fixedFont">
4176 <span class="attributes"></span><b class="itemname">getLeft</b>
4178 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4184 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4193 <div class="short">Gets the left X coordinate</div>
4199 Gets the left X coordinate
4206 <dl class="detailList">
4207 <dt class="heading">Parameters:</dt>
4210 <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>
4213 <dd>True to get the local css position instead of page coordinate</dd>
4221 <dl class="detailList">
4222 <dt class="heading">Returns:</dt>
4224 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4238 <td class="msource">
4240 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4246 <tr class="method-row config-row-alt0 expandable">
4247 <td class="micon"><a class="exi" href="#expand"> </a></td>
4251 <a id="Roo.Element-method-getMargins" name=".getMargins"></a>
4252 <div class="fixedFont">
4253 <span class="attributes"></span><b class="itemname">getMargins</b>
4255 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4261 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number
4270 <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>
4276 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)
4283 <dl class="detailList">
4284 <dt class="heading">Parameters:</dt>
4287 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sides</b>
4290 <dd>(optional) Any combination of l, r, t, b to get the sum of those sides</dd>
4298 <dl class="detailList">
4299 <dt class="heading">Returns:</dt>
4301 <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>
4315 <td class="msource">
4317 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4323 <tr class="method-row config-row-alt1 expandable">
4324 <td class="micon"><a class="exi" href="#expand"> </a></td>
4328 <a id="Roo.Element-method-getNextSibling" name=".getNextSibling"></a>
4329 <div class="fixedFont">
4330 <span class="attributes"></span><b class="itemname">getNextSibling</b>
4338 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4347 <div class="short">Gets the next sibling, skipping text nodes</div>
4353 Gets the next sibling, skipping text nodes
4364 <dl class="detailList">
4365 <dt class="heading">Returns:</dt>
4367 <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>
4381 <td class="msource">
4383 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4389 <tr class="method-row config-row-alt0 expandable">
4390 <td class="micon"><a class="exi" href="#expand"> </a></td>
4394 <a id="Roo.Element-method-getPadding" name=".getPadding"></a>
4395 <div class="fixedFont">
4396 <span class="attributes"></span><b class="itemname">getPadding</b>
4398 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
4404 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4413 <div class="short">Gets the width of the padding(s) for the specified side(s)</div>
4419 Gets the width of the padding(s) for the specified side(s)
4426 <dl class="detailList">
4427 <dt class="heading">Parameters:</dt>
4430 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
4433 <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>
4441 <dl class="detailList">
4442 <dt class="heading">Returns:</dt>
4444 <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>
4458 <td class="msource">
4460 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4466 <tr class="method-row config-row-alt1 expandable">
4467 <td class="micon"><a class="exi" href="#expand"> </a></td>
4471 <a id="Roo.Element-method-getPositioning" name=".getPositioning"></a>
4472 <div class="fixedFont">
4473 <span class="attributes"></span><b class="itemname">getPositioning</b>
4481 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4490 <div class="short">Gets an object with all CSS positioning properties.</div>
4496 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.
4507 <dl class="detailList">
4508 <dt class="heading">Returns:</dt>
4510 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> </dd>
4524 <td class="msource">
4526 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4532 <tr class="method-row config-row-alt0 expandable">
4533 <td class="micon"><a class="exi" href="#expand"> </a></td>
4537 <a id="Roo.Element-method-getPrevSibling" name=".getPrevSibling"></a>
4538 <div class="fixedFont">
4539 <span class="attributes"></span><b class="itemname">getPrevSibling</b>
4547 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4556 <div class="short">Gets the previous sibling, skipping text nodes</div>
4562 Gets the previous sibling, skipping text nodes
4573 <dl class="detailList">
4574 <dt class="heading">Returns:</dt>
4576 <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>
4590 <td class="msource">
4592 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4598 <tr class="method-row config-row-alt1 expandable">
4599 <td class="micon"><a class="exi" href="#expand"> </a></td>
4603 <a id="Roo.Element-method-getRegion" name=".getRegion"></a>
4604 <div class="fixedFont">
4605 <span class="attributes"></span><b class="itemname">getRegion</b>
4622 <div class="short">Returns the region of the given element.</div>
4628 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).
4639 <dl class="detailList">
4640 <dt class="heading">Returns:</dt>
4642 <dd><span class="fixedFont">Region</span> A Roo.lib.Region containing "top, left, bottom, right" member data.</dd>
4656 <td class="msource">
4658 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4664 <tr class="method-row config-row-alt0 expandable">
4665 <td class="micon"><a class="exi" href="#expand"> </a></td>
4669 <a id="Roo.Element-method-getRight" name=".getRight"></a>
4670 <div class="fixedFont">
4671 <span class="attributes"></span><b class="itemname">getRight</b>
4673 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4679 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4688 <div class="short">Gets the right X coordinate of the element (element X position + element width)</div>
4694 Gets the right X coordinate of the element (element X position + element width)
4701 <dl class="detailList">
4702 <dt class="heading">Parameters:</dt>
4705 <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>
4708 <dd>True to get the local css position instead of page coordinate</dd>
4716 <dl class="detailList">
4717 <dt class="heading">Returns:</dt>
4719 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4733 <td class="msource">
4735 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4741 <tr class="method-row config-row-alt1 expandable">
4742 <td class="micon"><a class="exi" href="#expand"> </a></td>
4746 <a id="Roo.Element-method-getScroll" name=".getScroll"></a>
4747 <div class="fixedFont">
4748 <span class="attributes"></span><b class="itemname">getScroll</b>
4756 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4765 <div class="short">Returns the current scroll position of the element.</div>
4771 Returns the current scroll position of the element.
4782 <dl class="detailList">
4783 <dt class="heading">Returns:</dt>
4785 <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>
4799 <td class="msource">
4801 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4807 <tr class="method-row config-row-alt0 expandable">
4808 <td class="micon"><a class="exi" href="#expand"> </a></td>
4812 <a id="Roo.Element-method-getSize" name=".getSize"></a>
4813 <div class="fixedFont">
4814 <span class="attributes"></span><b class="itemname">getSize</b>
4816 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentSize</i></B>)
4822 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4831 <div class="short">Returns the size of the element.</div>
4837 Returns the size of the element.
4844 <dl class="detailList">
4845 <dt class="heading">Parameters:</dt>
4848 <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>
4851 <dd>(optional) true to get the width/size minus borders and padding</dd>
4859 <dl class="detailList">
4860 <dt class="heading">Returns:</dt>
4862 <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>
4876 <td class="msource">
4878 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4884 <tr class="method-row config-row-alt1 expandable">
4885 <td class="micon"><a class="exi" href="#expand"> </a></td>
4889 <a id="Roo.Element-method-getStyle" name=".getStyle"></a>
4890 <div class="fixedFont">
4891 <span class="attributes"></span><b class="itemname">getStyle</b>
4893 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>property</i></B>)
4899 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
4908 <div class="short">Normalizes currentStyle and computedStyle.</div>
4914 Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.
4921 <dl class="detailList">
4922 <dt class="heading">Parameters:</dt>
4925 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>property</b>
4928 <dd>The style property whose value is returned.</dd>
4936 <dl class="detailList">
4937 <dt class="heading">Returns:</dt>
4939 <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>
4953 <td class="msource">
4955 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4961 <tr class="method-row config-row-alt0 expandable">
4962 <td class="micon"><a class="exi" href="#expand"> </a></td>
4966 <a id="Roo.Element-method-getStyles" name=".getStyles"></a>
4967 <div class="fixedFont">
4968 <span class="attributes"></span><b class="itemname">getStyles</b>
4970 (<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>)
4976 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4985 <div class="short">Returns an object with properties matching the styles requested.</div>
4991 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'}.
4998 <dl class="detailList">
4999 <dt class="heading">Parameters:</dt>
5002 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>style1</b>
5005 <dd>A style name</dd>
5008 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>style2</b>
5011 <dd>A style name</dd>
5014 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>etc.</b>
5025 <dl class="detailList">
5026 <dt class="heading">Returns:</dt>
5028 <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>
5042 <td class="msource">
5044 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5050 <tr class="method-row config-row-alt1 expandable">
5051 <td class="micon"><a class="exi" href="#expand"> </a></td>
5055 <a id="Roo.Element-method-getTop" name=".getTop"></a>
5056 <div class="fixedFont">
5057 <span class="attributes"></span><b class="itemname">getTop</b>
5059 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
5065 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5074 <div class="short">Gets the top Y coordinate</div>
5080 Gets the top Y coordinate
5087 <dl class="detailList">
5088 <dt class="heading">Parameters:</dt>
5091 <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>
5094 <dd>True to get the local css position instead of page coordinate</dd>
5102 <dl class="detailList">
5103 <dt class="heading">Returns:</dt>
5105 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
5119 <td class="msource">
5121 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5127 <tr class="method-row config-row-alt0 expandable">
5128 <td class="micon"><a class="exi" href="#expand"> </a></td>
5132 <a id="Roo.Element-method-getUpdateManager" name=".getUpdateManager"></a>
5133 <div class="fixedFont">
5134 <span class="attributes"></span><b class="itemname">getUpdateManager</b>
5142 <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>
5151 <div class="short">Gets this element's UpdateManager</div>
5157 Gets this element's UpdateManager
5168 <dl class="detailList">
5169 <dt class="heading">Returns:</dt>
5171 <dd><span class="fixedFont"><a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a></span> The UpdateManager</dd>
5185 <td class="msource">
5187 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5193 <tr class="method-row config-row-alt1 expandable">
5194 <td class="micon"><a class="exi" href="#expand"> </a></td>
5198 <a id="Roo.Element-method-getValue" name=".getValue"></a>
5199 <div class="fixedFont">
5200 <span class="attributes"></span><b class="itemname">getValue</b>
5202 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asNumber</i></B>)
5208 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number
5217 <div class="short">Returns the value of the "value" attribute</div>
5223 Returns the value of the "value" attribute
5230 <dl class="detailList">
5231 <dt class="heading">Parameters:</dt>
5234 <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>
5237 <dd>true to parse the value as a number</dd>
5245 <dl class="detailList">
5246 <dt class="heading">Returns:</dt>
5248 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> </dd>
5262 <td class="msource">
5264 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5270 <tr class="method-row config-row-alt0 expandable">
5271 <td class="micon"><a class="exi" href="#expand"> </a></td>
5275 <a id="Roo.Element-method-getViewSize" name=".getViewSize"></a>
5276 <div class="fixedFont">
5277 <span class="attributes"></span><b class="itemname">getViewSize</b>
5285 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5294 <div class="short">Returns the width and height of the viewport.</div>
5300 Returns the width and height of the viewport.
5311 <dl class="detailList">
5312 <dt class="heading">Returns:</dt>
5314 <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>
5328 <td class="msource">
5330 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5336 <tr class="method-row config-row-alt1 expandable">
5337 <td class="micon"><a class="exi" href="#expand"> </a></td>
5341 <a id="Roo.Element-method-getWidth" name=".getWidth"></a>
5342 <div class="fixedFont">
5343 <span class="attributes"></span><b class="itemname">getWidth</b>
5345 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentWidth</i></B>)
5351 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5360 <div class="short">Returns the offset width of the element</div>
5366 Returns the offset width of the element
5373 <dl class="detailList">
5374 <dt class="heading">Parameters:</dt>
5377 <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>
5380 <dd>(optional) true to get the width minus borders and padding</dd>
5388 <dl class="detailList">
5389 <dt class="heading">Returns:</dt>
5391 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The element's width</dd>
5405 <td class="msource">
5407 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5413 <tr class="method-row config-row-alt0 expandable">
5414 <td class="micon"><a class="exi" href="#expand"> </a></td>
5418 <a id="Roo.Element-method-getX" name=".getX"></a>
5419 <div class="fixedFont">
5420 <span class="attributes"></span><b class="itemname">getX</b>
5428 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5437 <div class="short">Gets the current X position of the element based on page coordinates.</div>
5443 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).
5454 <dl class="detailList">
5455 <dt class="heading">Returns:</dt>
5457 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The X position of the element</dd>
5471 <td class="msource">
5473 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5479 <tr class="method-row config-row-alt1 expandable">
5480 <td class="micon"><a class="exi" href="#expand"> </a></td>
5484 <a id="Roo.Element-method-getXY" name=".getXY"></a>
5485 <div class="fixedFont">
5486 <span class="attributes"></span><b class="itemname">getXY</b>
5494 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
5503 <div class="short">Gets the current position of the element based on page coordinates.</div>
5509 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).
5520 <dl class="detailList">
5521 <dt class="heading">Returns:</dt>
5523 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The XY position of the element</dd>
5537 <td class="msource">
5539 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5545 <tr class="method-row config-row-alt0 expandable">
5546 <td class="micon"><a class="exi" href="#expand"> </a></td>
5550 <a id="Roo.Element-method-getY" name=".getY"></a>
5551 <div class="fixedFont">
5552 <span class="attributes"></span><b class="itemname">getY</b>
5560 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5569 <div class="short">Gets the current Y position of the element based on page coordinates.</div>
5575 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).
5586 <dl class="detailList">
5587 <dt class="heading">Returns:</dt>
5589 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The Y position of the element</dd>
5603 <td class="msource">
5605 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5611 <tr class="method-row config-row-alt1 expandable">
5612 <td class="micon"><a class="exi" href="#expand"> </a></td>
5616 <a id="Roo.Element-method-hasClass" name=".hasClass"></a>
5617 <div class="fixedFont">
5618 <span class="attributes"></span><b class="itemname">hasClass</b>
5620 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
5626 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5635 <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div>
5641 Checks if the specified CSS class exists on this element's DOM node.
5648 <dl class="detailList">
5649 <dt class="heading">Parameters:</dt>
5652 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
5655 <dd>The CSS class to check for</dd>
5663 <dl class="detailList">
5664 <dt class="heading">Returns:</dt>
5666 <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>
5680 <td class="msource">
5682 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5688 <tr class="method-row config-row-alt0 expandable">
5689 <td class="micon"><a class="exi" href="#expand"> </a></td>
5693 <a id="Roo.Element-method-hide" name=".hide"></a>
5694 <div class="fixedFont">
5695 <span class="attributes"></span><b class="itemname">hide</b>
5697 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
5703 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5712 <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility".</div>
5718 Hide this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
5725 <dl class="detailList">
5726 <dt class="heading">Parameters:</dt>
5729 <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>
5732 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
5740 <dl class="detailList">
5741 <dt class="heading">Returns:</dt>
5743 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
5757 <td class="msource">
5759 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5765 <tr class="method-row config-row-alt1 expandable">
5766 <td class="micon"><a class="exi" href="#expand"> </a></td>
5770 <a id="Roo.Element-method-initDD" name=".initDD"></a>
5771 <div class="fixedFont">
5772 <span class="attributes"></span><b class="itemname">initDD</b>
5774 (<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>)
5780 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
5789 <div class="short">Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.</div>
5795 Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.
5802 <dl class="detailList">
5803 <dt class="heading">Parameters:</dt>
5806 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
5809 <dd>The group the DD object is member of</dd>
5812 <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>
5815 <dd>The DD config object</dd>
5818 <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>
5821 <dd>An object containing methods to override/implement on the DD object</dd>
5829 <dl class="detailList">
5830 <dt class="heading">Returns:</dt>
5832 <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>
5846 <td class="msource">
5848 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5854 <tr class="method-row config-row-alt0 expandable">
5855 <td class="micon"><a class="exi" href="#expand"> </a></td>
5859 <a id="Roo.Element-method-initDDProxy" name=".initDDProxy"></a>
5860 <div class="fixedFont">
5861 <span class="attributes"></span><b class="itemname">initDDProxy</b>
5863 (<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>)
5869 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
5878 <div class="short">Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.</div>
5884 Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.
5891 <dl class="detailList">
5892 <dt class="heading">Parameters:</dt>
5895 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
5898 <dd>The group the DDProxy object is member of</dd>
5901 <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>
5904 <dd>The DDProxy config object</dd>
5907 <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>
5910 <dd>An object containing methods to override/implement on the DDProxy object</dd>
5918 <dl class="detailList">
5919 <dt class="heading">Returns:</dt>
5921 <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>
5935 <td class="msource">
5937 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5943 <tr class="method-row config-row-alt1 expandable">
5944 <td class="micon"><a class="exi" href="#expand"> </a></td>
5948 <a id="Roo.Element-method-initDDTarget" name=".initDDTarget"></a>
5949 <div class="fixedFont">
5950 <span class="attributes"></span><b class="itemname">initDDTarget</b>
5952 (<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>)
5958 <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>
5967 <div class="short">Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.</div>
5973 Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.
5980 <dl class="detailList">
5981 <dt class="heading">Parameters:</dt>
5984 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
5987 <dd>The group the DDTarget object is member of</dd>
5990 <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>
5993 <dd>The DDTarget config object</dd>
5996 <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>
5999 <dd>An object containing methods to override/implement on the DDTarget object</dd>
6007 <dl class="detailList">
6008 <dt class="heading">Returns:</dt>
6010 <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>
6024 <td class="msource">
6026 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6032 <tr class="method-row config-row-alt0 expandable">
6033 <td class="micon"><a class="exi" href="#expand"> </a></td>
6037 <a id="Roo.Element-method-insertAfter" name=".insertAfter"></a>
6038 <div class="fixedFont">
6039 <span class="attributes"></span><b class="itemname">insertAfter</b>
6041 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6047 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6056 <div class="short">Inserts this element after the passed element in the DOM</div>
6062 Inserts this element after the passed element in the DOM
6069 <dl class="detailList">
6070 <dt class="heading">Parameters:</dt>
6073 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
6076 <dd>The element to insert after</dd>
6084 <dl class="detailList">
6085 <dt class="heading">Returns:</dt>
6087 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6101 <td class="msource">
6103 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6109 <tr class="method-row config-row-alt1 expandable">
6110 <td class="micon"><a class="exi" href="#expand"> </a></td>
6114 <a id="Roo.Element-method-insertBefore" name=".insertBefore"></a>
6115 <div class="fixedFont">
6116 <span class="attributes"></span><b class="itemname">insertBefore</b>
6118 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6124 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6133 <div class="short">Inserts this element before the passed element in the DOM</div>
6139 Inserts this element before the passed element in the DOM
6146 <dl class="detailList">
6147 <dt class="heading">Parameters:</dt>
6150 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
6153 <dd>The element to insert before</dd>
6161 <dl class="detailList">
6162 <dt class="heading">Returns:</dt>
6164 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6178 <td class="msource">
6180 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6186 <tr class="method-row config-row-alt0 expandable">
6187 <td class="micon"><a class="exi" href="#expand"> </a></td>
6191 <a id="Roo.Element-method-insertFirst" name=".insertFirst"></a>
6192 <div class="fixedFont">
6193 <span class="attributes"></span><b class="itemname">insertFirst</b>
6195 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>)
6201 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6210 <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of the this element</div>
6216 Inserts (or creates) an element (or DomHelper config) as the first child of the this element
6223 <dl class="detailList">
6224 <dt class="heading">Parameters:</dt>
6227 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span> <b>el</b>
6230 <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6238 <dl class="detailList">
6239 <dt class="heading">Returns:</dt>
6241 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new child</dd>
6255 <td class="msource">
6257 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6263 <tr class="method-row config-row-alt1 expandable">
6264 <td class="micon"><a class="exi" href="#expand"> </a></td>
6268 <a id="Roo.Element-method-insertHtml" name=".insertHtml"></a>
6269 <div class="fixedFont">
6270 <span class="attributes"></span><b class="itemname">insertHtml</b>
6272 (<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>)
6278 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
6287 <div class="short">Inserts an html fragment into this element</div>
6293 Inserts an html fragment into this element
6300 <dl class="detailList">
6301 <dt class="heading">Parameters:</dt>
6304 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>where</b>
6307 <dd>Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
6310 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>html</b>
6313 <dd>The HTML fragment</dd>
6316 <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>
6319 <dd>True to return an Roo.Element</dd>
6327 <dl class="detailList">
6328 <dt class="heading">Returns:</dt>
6330 <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>
6344 <td class="msource">
6346 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6352 <tr class="method-row config-row-alt0 expandable">
6353 <td class="micon"><a class="exi" href="#expand"> </a></td>
6357 <a id="Roo.Element-method-insertSibling" name=".insertSibling"></a>
6358 <div class="fixedFont">
6359 <span class="attributes"></span><b class="itemname">insertSibling</b>
6361 (<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>)
6367 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6376 <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div>
6382 Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element
6389 <dl class="detailList">
6390 <dt class="heading">Parameters:</dt>
6393 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span> <b>el</b>
6396 <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6399 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>where</b>
6402 <dd>(optional) 'before' or 'after' defaults to before</dd>
6405 <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>
6408 <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
6416 <dl class="detailList">
6417 <dt class="heading">Returns:</dt>
6419 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> the inserted Element</dd>
6433 <td class="msource">
6435 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6441 <tr class="method-row config-row-alt1 expandable">
6442 <td class="micon"><a class="exi" href="#expand"> </a></td>
6446 <a id="Roo.Element-method-is" name=".is"></a>
6447 <div class="fixedFont">
6448 <span class="attributes"></span><b class="itemname">is</b>
6450 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
6456 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6465 <div class="short">Returns true if this element matches the passed simple selector (e.g.</div>
6471 Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)
6478 <dl class="detailList">
6479 <dt class="heading">Parameters:</dt>
6482 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
6485 <dd>The simple selector to test</dd>
6493 <dl class="detailList">
6494 <dt class="heading">Returns:</dt>
6496 <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>
6510 <td class="msource">
6512 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6518 <tr class="method-row config-row-alt0 expandable">
6519 <td class="micon"><a class="exi" href="#expand"> </a></td>
6523 <a id="Roo.Element-method-isBorderBox" name=".isBorderBox"></a>
6524 <div class="fixedFont">
6525 <span class="attributes"></span><b class="itemname">isBorderBox</b>
6533 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6542 <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div>
6548 Tests various css rules/browsers to determine if this element uses a border box
6559 <dl class="detailList">
6560 <dt class="heading">Returns:</dt>
6562 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6576 <td class="msource">
6578 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6584 <tr class="method-row config-row-alt1 expandable">
6585 <td class="micon"><a class="exi" href="#expand"> </a></td>
6589 <a id="Roo.Element-method-isDisplayed" name=".isDisplayed"></a>
6590 <div class="fixedFont">
6591 <span class="attributes"></span><b class="itemname">isDisplayed</b>
6599 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6608 <div class="short">Returns true if display is not "none"</div>
6614 Returns true if display is not "none"
6625 <dl class="detailList">
6626 <dt class="heading">Returns:</dt>
6628 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6642 <td class="msource">
6644 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6650 <tr class="method-row config-row-alt0 expandable">
6651 <td class="micon"><a class="exi" href="#expand"> </a></td>
6655 <a id="Roo.Element-method-isMasked" name=".isMasked"></a>
6656 <div class="fixedFont">
6657 <span class="attributes"></span><b class="itemname">isMasked</b>
6665 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6674 <div class="short">Returns true if this element is masked</div>
6680 Returns true if this element is masked
6691 <dl class="detailList">
6692 <dt class="heading">Returns:</dt>
6694 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6708 <td class="msource">
6710 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6716 <tr class="method-row config-row-alt1 expandable">
6717 <td class="micon"><a class="exi" href="#expand"> </a></td>
6721 <a id="Roo.Element-method-isScrollable" name=".isScrollable"></a>
6722 <div class="fixedFont">
6723 <span class="attributes"></span><b class="itemname">isScrollable</b>
6731 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6740 <div class="short">Returns true if this element is scrollable.</div>
6746 Returns true if this element is scrollable.
6757 <dl class="detailList">
6758 <dt class="heading">Returns:</dt>
6760 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6774 <td class="msource">
6776 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6782 <tr class="method-row config-row-alt0 expandable">
6783 <td class="micon"><a class="exi" href="#expand"> </a></td>
6787 <a id="Roo.Element-method-isVisible" name=".isVisible"></a>
6788 <div class="fixedFont">
6789 <span class="attributes"></span><b class="itemname">isVisible</b>
6791 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>deep</i></B>)
6797 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6806 <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div>
6812 Checks whether the element is currently visible using both visibility and display properties.
6819 <dl class="detailList">
6820 <dt class="heading">Parameters:</dt>
6823 <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>
6826 <dd>(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</dd>
6834 <dl class="detailList">
6835 <dt class="heading">Returns:</dt>
6837 <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>
6851 <td class="msource">
6853 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6859 <tr class="method-row config-row-alt1 expandable">
6860 <td class="micon"><a class="exi" href="#expand"> </a></td>
6864 <a id="Roo.Element-method-load" name=".load"></a>
6865 <div class="fixedFont">
6866 <span class="attributes"></span><b class="itemname">load</b>
6868 (<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>)
6874 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6883 <div class="short">Direct access to the UpdateManager update() method (takes the same parameters).</div>
6889 Direct access to the UpdateManager update() method (takes the same parameters).
6896 <dl class="detailList">
6897 <dt class="heading">Parameters:</dt>
6900 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function</span> <b>url</b>
6903 <dd>The url for this request or a function to call to get the url</dd>
6906 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>params</b>
6909 <dd>(optional) The parameters to pass as either a url encoded string "param1=1&param2=2" or an object {param1: 1, param2: 2}</dd>
6912 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
6915 <dd>(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)</dd>
6918 <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>
6921 <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>
6929 <dl class="detailList">
6930 <dt class="heading">Returns:</dt>
6932 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6946 <td class="msource">
6948 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6954 <tr class="method-row config-row-alt0 expandable">
6955 <td class="micon"><a class="exi" href="#expand"> </a></td>
6959 <a id="Roo.Element-method-mask" name=".mask"></a>
6960 <div class="fixedFont">
6961 <span class="attributes"></span><b class="itemname">mask</b>
6963 (<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>)
6978 <div class="short">Puts a mask over this element to disable user interaction.</div>
6984 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.
6991 <dl class="detailList">
6992 <dt class="heading">Parameters:</dt>
6995 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
6998 <dd>(optional) A message to display in the mask</dd>
7001 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msgCls</b>
7004 <dd>(optional) A css class to apply to the msg element</dd>
7012 <dl class="detailList">
7013 <dt class="heading">Returns:</dt>
7015 <dd><span class="fixedFont">Element</span> The mask element</dd>
7029 <td class="msource">
7031 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7037 <tr class="method-row config-row-alt1 expandable">
7038 <td class="micon"><a class="exi" href="#expand"> </a></td>
7042 <a id="Roo.Element-method-move" name=".move"></a>
7043 <div class="fixedFont">
7044 <span class="attributes"></span><b class="itemname">move</b>
7046 (<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>)
7052 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7061 <div class="short">Move this element relative to its current position.</div>
7067 Move this element relative to its current position.
7074 <dl class="detailList">
7075 <dt class="heading">Parameters:</dt>
7078 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>direction</b>
7081 <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
7084 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>distance</b>
7087 <dd>How far to move the element in pixels</dd>
7090 <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>
7093 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
7101 <dl class="detailList">
7102 <dt class="heading">Returns:</dt>
7104 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7118 <td class="msource">
7120 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7126 <tr class="method-row config-row-alt0 expandable">
7127 <td class="micon"><a class="exi" href="#expand"> </a></td>
7131 <a id="Roo.Element-method-moveTo" name=".moveTo"></a>
7132 <div class="fixedFont">
7133 <span class="attributes"></span><b class="itemname">moveTo</b>
7135 (<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>)
7141 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7150 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
7156 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).
7163 <dl class="detailList">
7164 <dt class="heading">Parameters:</dt>
7167 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7170 <dd>X value for new position (coordinates are page-based)</dd>
7173 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7176 <dd>Y value for new position (coordinates are page-based)</dd>
7179 <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>
7182 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
7190 <dl class="detailList">
7191 <dt class="heading">Returns:</dt>
7193 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7207 <td class="msource">
7209 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7215 <tr class="method-row config-row-alt1 expandable">
7216 <td class="micon"><a class="exi" href="#expand"> </a></td>
7220 <a id="Roo.Element-method-on" name=".on"></a>
7221 <div class="fixedFont">
7222 <span class="attributes"></span><b class="itemname">on</b>
7224 (<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>)
7231 <div class="short">Appends an event handler (Shorthand for addListener)</div>
7237 Appends an event handler (Shorthand for addListener)
7244 <dl class="detailList">
7245 <dt class="heading">Parameters:</dt>
7248 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
7251 <dd>The type of event to append</dd>
7254 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
7257 <dd>The method the event invokes</dd>
7260 <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>
7263 <dd>(optional) The scope (this object) of the fn</dd>
7266 <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>
7269 <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
7287 <td class="msource">
7289 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7295 <tr class="method-row config-row-alt0 expandable">
7296 <td class="micon"><a class="exi" href="#expand"> </a></td>
7300 <a id="Roo.Element-method-position" name=".position"></a>
7301 <div class="fixedFont">
7302 <span class="attributes"></span><b class="itemname">position</b>
7304 (<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>)
7311 <div class="short">Initializes positioning on this element.</div>
7317 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.
7324 <dl class="detailList">
7325 <dt class="heading">Parameters:</dt>
7328 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>pos</b>
7331 <dd>(optional) Positioning to use "relative", "absolute" or "fixed"</dd>
7334 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zIndex</b>
7337 <dd>(optional) The zIndex to apply</dd>
7340 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7343 <dd>(optional) Set the page X position</dd>
7346 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7349 <dd>(optional) Set the page Y position</dd>
7367 <td class="msource">
7369 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7375 <tr class="method-row config-row-alt1 expandable">
7376 <td class="micon"><a class="exi" href="#expand"> </a></td>
7380 <a id="Roo.Element-method-query" name=".query"></a>
7381 <div class="fixedFont">
7382 <span class="attributes"></span><b class="itemname">query</b>
7384 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
7390 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
7399 <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div>
7405 Selects child nodes based on the passed CSS selector (the selector should not contain an id).
7412 <dl class="detailList">
7413 <dt class="heading">Parameters:</dt>
7416 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
7419 <dd>The CSS selector</dd>
7427 <dl class="detailList">
7428 <dt class="heading">Returns:</dt>
7430 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> An array of the matched nodes</dd>
7444 <td class="msource">
7446 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7452 <tr class="method-row config-row-alt0 expandable">
7453 <td class="micon"><a class="exi" href="#expand"> </a></td>
7457 <a id="Roo.Element-method-radioClass" name=".radioClass"></a>
7458 <div class="fixedFont">
7459 <span class="attributes"></span><b class="itemname">radioClass</b>
7461 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7467 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7476 <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div>
7482 Adds one or more CSS classes to this element and removes the same class(es) from all siblings.
7489 <dl class="detailList">
7490 <dt class="heading">Parameters:</dt>
7493 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
7496 <dd>The CSS class to add, or an array of classes</dd>
7504 <dl class="detailList">
7505 <dt class="heading">Returns:</dt>
7507 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7521 <td class="msource">
7523 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7529 <tr class="method-row config-row-alt1 expandable">
7530 <td class="micon"><a class="exi" href="#expand"> </a></td>
7534 <a id="Roo.Element-method-remove" name=".remove"></a>
7535 <div class="fixedFont">
7536 <span class="attributes"></span><b class="itemname">remove</b>
7545 <div class="short">Removes this element from the DOM and deletes it from the cache</div>
7551 Removes this element from the DOM and deletes it from the cache
7572 <td class="msource">
7574 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7580 <tr class="method-row config-row-alt0 expandable">
7581 <td class="micon"><a class="exi" href="#expand"> </a></td>
7585 <a id="Roo.Element-method-removeAllListeners" name=".removeAllListeners"></a>
7586 <div class="fixedFont">
7587 <span class="attributes"></span><b class="itemname">removeAllListeners</b>
7595 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7604 <div class="short">Removes all previous added listeners from this element</div>
7610 Removes all previous added listeners from this element
7621 <dl class="detailList">
7622 <dt class="heading">Returns:</dt>
7624 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7638 <td class="msource">
7640 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7646 <tr class="method-row config-row-alt1 expandable">
7647 <td class="micon"><a class="exi" href="#expand"> </a></td>
7651 <a id="Roo.Element-method-removeClass" name=".removeClass"></a>
7652 <div class="fixedFont">
7653 <span class="attributes"></span><b class="itemname">removeClass</b>
7655 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7661 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7670 <div class="short">Removes one or more CSS classes from the element.</div>
7676 Removes one or more CSS classes from the element.
7683 <dl class="detailList">
7684 <dt class="heading">Parameters:</dt>
7687 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
7690 <dd>The CSS class to remove, or an array of classes</dd>
7698 <dl class="detailList">
7699 <dt class="heading">Returns:</dt>
7701 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7715 <td class="msource">
7717 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7723 <tr class="method-row config-row-alt0 expandable">
7724 <td class="micon"><a class="exi" href="#expand"> </a></td>
7728 <a id="Roo.Element-method-removeListener" name=".removeListener"></a>
7729 <div class="fixedFont">
7730 <span class="attributes"></span><b class="itemname">removeListener</b>
7732 (<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>)
7738 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7747 <div class="short">Removes an event handler from this element</div>
7753 Removes an event handler from this element
7760 <dl class="detailList">
7761 <dt class="heading">Parameters:</dt>
7764 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
7767 <dd>the type of event to remove</dd>
7770 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
7773 <dd>the method the event invokes</dd>
7781 <dl class="detailList">
7782 <dt class="heading">Returns:</dt>
7784 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7798 <td class="msource">
7800 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7806 <tr class="method-row config-row-alt1 expandable">
7807 <td class="micon"><a class="exi" href="#expand"> </a></td>
7811 <a id="Roo.Element-method-repaint" name=".repaint"></a>
7812 <div class="fixedFont">
7813 <span class="attributes"></span><b class="itemname">repaint</b>
7821 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7830 <div class="short">Forces the browser to repaint this element</div>
7836 Forces the browser to repaint this element
7847 <dl class="detailList">
7848 <dt class="heading">Returns:</dt>
7850 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7864 <td class="msource">
7866 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7872 <tr class="method-row config-row-alt0 expandable">
7873 <td class="micon"><a class="exi" href="#expand"> </a></td>
7877 <a id="Roo.Element-method-replace" name=".replace"></a>
7878 <div class="fixedFont">
7879 <span class="attributes"></span><b class="itemname">replace</b>
7881 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
7887 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7896 <div class="short">Replaces the passed element with this element</div>
7902 Replaces the passed element with this element
7909 <dl class="detailList">
7910 <dt class="heading">Parameters:</dt>
7913 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
7916 <dd>The element to replace</dd>
7924 <dl class="detailList">
7925 <dt class="heading">Returns:</dt>
7927 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7941 <td class="msource">
7943 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7949 <tr class="method-row config-row-alt1 expandable">
7950 <td class="micon"><a class="exi" href="#expand"> </a></td>
7954 <a id="Roo.Element-method-replaceClass" name=".replaceClass"></a>
7955 <div class="fixedFont">
7956 <span class="attributes"></span><b class="itemname">replaceClass</b>
7958 (<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>)
7964 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7973 <div class="short">Replaces a CSS class on the element with another.</div>
7979 Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.
7986 <dl class="detailList">
7987 <dt class="heading">Parameters:</dt>
7990 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>oldClassName</b>
7993 <dd>The CSS class to replace</dd>
7996 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>newClassName</b>
7999 <dd>The replacement CSS class</dd>
8007 <dl class="detailList">
8008 <dt class="heading">Returns:</dt>
8010 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8024 <td class="msource">
8026 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8032 <tr class="method-row config-row-alt0 expandable">
8033 <td class="micon"><a class="exi" href="#expand"> </a></td>
8037 <a id="Roo.Element-method-scroll" name=".scroll"></a>
8038 <div class="fixedFont">
8039 <span class="attributes"></span><b class="itemname">scroll</b>
8041 (<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>)
8047 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
8056 <div class="short">Scrolls this element the specified direction.</div>
8062 Scrolls this element the specified direction. Does bounds checking to make sure the scroll is<br/>within this element's scrollable range.
8069 <dl class="detailList">
8070 <dt class="heading">Parameters:</dt>
8073 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>direction</b>
8076 <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
8079 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>distance</b>
8082 <dd>How far to scroll the element in pixels</dd>
8085 <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>
8088 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8096 <dl class="detailList">
8097 <dt class="heading">Returns:</dt>
8099 <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>
8113 <td class="msource">
8115 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8121 <tr class="method-row config-row-alt1 expandable">
8122 <td class="micon"><a class="exi" href="#expand"> </a></td>
8126 <a id="Roo.Element-method-scrollIntoView" name=".scrollIntoView"></a>
8127 <div class="fixedFont">
8128 <span class="attributes"></span><b class="itemname">scrollIntoView</b>
8130 (<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>)
8136 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8145 <div class="short">Scrolls this element into view within the passed container.</div>
8151 Scrolls this element into view within the passed container.
8158 <dl class="detailList">
8159 <dt class="heading">Parameters:</dt>
8162 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
8165 <dd>(optional) The container element to scroll (defaults to document.body)</dd>
8168 <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>
8171 <dd>(optional) False to disable horizontal scroll (defaults to true)</dd>
8179 <dl class="detailList">
8180 <dt class="heading">Returns:</dt>
8182 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8196 <td class="msource">
8198 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8204 <tr class="method-row config-row-alt0 expandable">
8205 <td class="micon"><a class="exi" href="#expand"> </a></td>
8209 <a id="Roo.Element-method-scrollTo" name=".scrollTo"></a>
8210 <div class="fixedFont">
8211 <span class="attributes"></span><b class="itemname">scrollTo</b>
8213 (<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>)
8228 <div class="short">Scrolls this element the specified scroll point.</div>
8234 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().
8241 <dl class="detailList">
8242 <dt class="heading">Parameters:</dt>
8245 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
8248 <dd>Either "left" for scrollLeft values or "top" for scrollTop values.</dd>
8251 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>value</b>
8254 <dd>The new scroll value</dd>
8257 <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>
8260 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8268 <dl class="detailList">
8269 <dt class="heading">Returns:</dt>
8271 <dd><span class="fixedFont">Element</span> this</dd>
8285 <td class="msource">
8287 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8293 <tr class="method-row config-row-alt1 expandable">
8294 <td class="micon"><a class="exi" href="#expand"> </a></td>
8298 <a id="Roo.Element-method-select" name=".select"></a>
8299 <div class="fixedFont">
8300 <span class="attributes"></span><b class="itemname">select</b>
8302 (<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>)
8308 CompositeElement/CompositeElementLite
8317 <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>
8323 Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).
8330 <dl class="detailList">
8331 <dt class="heading">Parameters:</dt>
8334 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
8337 <dd>The CSS selector</dd>
8340 <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>
8343 <dd>(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)</dd>
8351 <dl class="detailList">
8352 <dt class="heading">Returns:</dt>
8354 <dd><span class="fixedFont">CompositeElement/CompositeElementLite</span> The composite element</dd>
8368 <td class="msource">
8370 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8376 <tr class="method-row config-row-alt0 expandable">
8377 <td class="micon"><a class="exi" href="#expand"> </a></td>
8381 <a id="Roo.Element-method-set" name=".set"></a>
8382 <div class="fixedFont">
8383 <span class="attributes"></span><b class="itemname">set</b>
8385 (<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>)
8391 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8400 <div class="short">Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</div>
8406 Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
8413 <dl class="detailList">
8414 <dt class="heading">Parameters:</dt>
8417 <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>
8420 <dd>The object with the attributes</dd>
8423 <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>
8426 <dd>(optional) false to override the default setAttribute to use expandos.</dd>
8434 <dl class="detailList">
8435 <dt class="heading">Returns:</dt>
8437 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8451 <td class="msource">
8453 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8459 <tr class="method-row config-row-alt1 expandable">
8460 <td class="micon"><a class="exi" href="#expand"> </a></td>
8464 <a id="Roo.Element-method-setBottom" name=".setBottom"></a>
8465 <div class="fixedFont">
8466 <span class="attributes"></span><b class="itemname">setBottom</b>
8468 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>bottom</i></B>)
8474 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8483 <div class="short">Sets the element's CSS bottom style.</div>
8489 Sets the element's CSS bottom style.
8496 <dl class="detailList">
8497 <dt class="heading">Parameters:</dt>
8500 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>bottom</b>
8503 <dd>The bottom CSS property value</dd>
8511 <dl class="detailList">
8512 <dt class="heading">Returns:</dt>
8514 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8528 <td class="msource">
8530 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8536 <tr class="method-row config-row-alt0 expandable">
8537 <td class="micon"><a class="exi" href="#expand"> </a></td>
8541 <a id="Roo.Element-method-setBounds" name=".setBounds"></a>
8542 <div class="fixedFont">
8543 <span class="attributes"></span><b class="itemname">setBounds</b>
8545 (<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>)
8551 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8560 <div class="short">Sets the element's position and size in one shot.</div>
8566 Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.
8573 <dl class="detailList">
8574 <dt class="heading">Parameters:</dt>
8577 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
8580 <dd>X value for new position (coordinates are page-based)</dd>
8583 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
8586 <dd>Y value for new position (coordinates are page-based)</dd>
8589 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
8592 <dd>The new width</dd>
8595 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
8598 <dd>The new height</dd>
8601 <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>
8604 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8612 <dl class="detailList">
8613 <dt class="heading">Returns:</dt>
8615 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8629 <td class="msource">
8631 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8637 <tr class="method-row config-row-alt1 expandable">
8638 <td class="micon"><a class="exi" href="#expand"> </a></td>
8642 <a id="Roo.Element-method-setBox" name=".setBox"></a>
8643 <div class="fixedFont">
8644 <span class="attributes"></span><b class="itemname">setBox</b>
8646 (<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>)
8652 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8661 <div class="short">Sets the element's box.</div>
8667 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.
8674 <dl class="detailList">
8675 <dt class="heading">Parameters:</dt>
8678 <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>
8681 <dd>The box to fill {x, y, width, height}</dd>
8684 <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>
8687 <dd>(optional) Whether to adjust for box-model issues automatically</dd>
8690 <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>
8693 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8701 <dl class="detailList">
8702 <dt class="heading">Returns:</dt>
8704 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8718 <td class="msource">
8720 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8726 <tr class="method-row config-row-alt0 expandable">
8727 <td class="micon"><a class="exi" href="#expand"> </a></td>
8731 <a id="Roo.Element-method-setDisplayed" name=".setDisplayed"></a>
8732 <div class="fixedFont">
8733 <span class="attributes"></span><b class="itemname">setDisplayed</b>
8735 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
8741 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8750 <div class="short">Sets the CSS display property.</div>
8756 Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.
8763 <dl class="detailList">
8764 <dt class="heading">Parameters:</dt>
8767 <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>
8770 <dd>Boolean value to display the element using its default display, or a string to set the display directly</dd>
8778 <dl class="detailList">
8779 <dt class="heading">Returns:</dt>
8781 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8795 <td class="msource">
8797 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8803 <tr class="method-row config-row-alt1 expandable">
8804 <td class="micon"><a class="exi" href="#expand"> </a></td>
8808 <a id="Roo.Element-method-setHeight" name=".setHeight"></a>
8809 <div class="fixedFont">
8810 <span class="attributes"></span><b class="itemname">setHeight</b>
8812 (<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>)
8818 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8827 <div class="short">Set the height of the element</div>
8833 Set the height of the element
8840 <dl class="detailList">
8841 <dt class="heading">Parameters:</dt>
8844 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
8847 <dd>The new height</dd>
8850 <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>
8853 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8861 <dl class="detailList">
8862 <dt class="heading">Returns:</dt>
8864 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8878 <td class="msource">
8880 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8886 <tr class="method-row config-row-alt0 expandable">
8887 <td class="micon"><a class="exi" href="#expand"> </a></td>
8891 <a id="Roo.Element-method-setLeft" name=".setLeft"></a>
8892 <div class="fixedFont">
8893 <span class="attributes"></span><b class="itemname">setLeft</b>
8895 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>)
8901 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8910 <div class="short">Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).</div>
8916 Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).
8923 <dl class="detailList">
8924 <dt class="heading">Parameters:</dt>
8927 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>left</b>
8930 <dd>The left CSS property value</dd>
8938 <dl class="detailList">
8939 <dt class="heading">Returns:</dt>
8941 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8955 <td class="msource">
8957 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8963 <tr class="method-row config-row-alt1 expandable">
8964 <td class="micon"><a class="exi" href="#expand"> </a></td>
8968 <a id="Roo.Element-method-setLeftTop" name=".setLeftTop"></a>
8969 <div class="fixedFont">
8970 <span class="attributes"></span><b class="itemname">setLeftTop</b>
8972 (<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>)
8978 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8987 <div class="short">Quick set left and top adding default units</div>
8993 Quick set left and top adding default units
9000 <dl class="detailList">
9001 <dt class="heading">Parameters:</dt>
9004 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>left</b>
9007 <dd>The left CSS property value</dd>
9010 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>top</b>
9013 <dd>The top CSS property value</dd>
9021 <dl class="detailList">
9022 <dt class="heading">Returns:</dt>
9024 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9038 <td class="msource">
9040 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9046 <tr class="method-row config-row-alt0 expandable">
9047 <td class="micon"><a class="exi" href="#expand"> </a></td>
9051 <a id="Roo.Element-method-setLocation" name=".setLocation"></a>
9052 <div class="fixedFont">
9053 <span class="attributes"></span><b class="itemname">setLocation</b>
9055 (<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>)
9061 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9070 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
9076 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).
9083 <dl class="detailList">
9084 <dt class="heading">Parameters:</dt>
9087 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
9090 <dd>X value for new position (coordinates are page-based)</dd>
9093 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
9096 <dd>Y value for new position (coordinates are page-based)</dd>
9099 <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>
9102 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9110 <dl class="detailList">
9111 <dt class="heading">Returns:</dt>
9113 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9127 <td class="msource">
9129 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9135 <tr class="method-row config-row-alt1 expandable">
9136 <td class="micon"><a class="exi" href="#expand"> </a></td>
9140 <a id="Roo.Element-method-setOpacity" name=".setOpacity"></a>
9141 <div class="fixedFont">
9142 <span class="attributes"></span><b class="itemname">setOpacity</b>
9144 (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>)
9150 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9159 <div class="short">Set the opacity of the element</div>
9165 Set the opacity of the element
9172 <dl class="detailList">
9173 <dt class="heading">Parameters:</dt>
9176 <span class="fixedFont">Float</span> <b>opacity</b>
9179 <dd>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</dd>
9182 <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>
9185 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9193 <dl class="detailList">
9194 <dt class="heading">Returns:</dt>
9196 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9210 <td class="msource">
9212 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9218 <tr class="method-row config-row-alt0 expandable">
9219 <td class="micon"><a class="exi" href="#expand"> </a></td>
9223 <a id="Roo.Element-method-setPositioning" name=".setPositioning"></a>
9224 <div class="fixedFont">
9225 <span class="attributes"></span><b class="itemname">setPositioning</b>
9227 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>posCfg</i></B>)
9233 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9242 <div class="short">Set positioning with an object returned by getPositioning().</div>
9248 Set positioning with an object returned by getPositioning().
9255 <dl class="detailList">
9256 <dt class="heading">Parameters:</dt>
9259 <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>
9270 <dl class="detailList">
9271 <dt class="heading">Returns:</dt>
9273 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9287 <td class="msource">
9289 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9295 <tr class="method-row config-row-alt1 expandable">
9296 <td class="micon"><a class="exi" href="#expand"> </a></td>
9300 <a id="Roo.Element-method-setRegion" name=".setRegion"></a>
9301 <div class="fixedFont">
9302 <span class="attributes"></span><b class="itemname">setRegion</b>
9304 (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>)
9310 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9319 <div class="short">Sets the element's position and size the the specified region.</div>
9325 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.
9332 <dl class="detailList">
9333 <dt class="heading">Parameters:</dt>
9336 <span class="fixedFont">Roo.lib.Region</span> <b>region</b>
9339 <dd>The region to fill</dd>
9342 <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>
9345 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9353 <dl class="detailList">
9354 <dt class="heading">Returns:</dt>
9356 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9370 <td class="msource">
9372 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9378 <tr class="method-row config-row-alt0 expandable">
9379 <td class="micon"><a class="exi" href="#expand"> </a></td>
9383 <a id="Roo.Element-method-setRight" name=".setRight"></a>
9384 <div class="fixedFont">
9385 <span class="attributes"></span><b class="itemname">setRight</b>
9387 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>right</i></B>)
9393 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9402 <div class="short">Sets the element's CSS right style.</div>
9408 Sets the element's CSS right style.
9415 <dl class="detailList">
9416 <dt class="heading">Parameters:</dt>
9419 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>right</b>
9422 <dd>The right CSS property value</dd>
9430 <dl class="detailList">
9431 <dt class="heading">Returns:</dt>
9433 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9447 <td class="msource">
9449 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9455 <tr class="method-row config-row-alt1 expandable">
9456 <td class="micon"><a class="exi" href="#expand"> </a></td>
9460 <a id="Roo.Element-method-setSize" name=".setSize"></a>
9461 <div class="fixedFont">
9462 <span class="attributes"></span><b class="itemname">setSize</b>
9464 (<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>)
9470 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9479 <div class="short">Set the size of the element.</div>
9485 Set the size of the element. If animation is true, both width an height will be animated concurrently.
9492 <dl class="detailList">
9493 <dt class="heading">Parameters:</dt>
9496 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
9499 <dd>The new width</dd>
9502 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
9505 <dd>The new height</dd>
9508 <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>
9511 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9519 <dl class="detailList">
9520 <dt class="heading">Returns:</dt>
9522 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9536 <td class="msource">
9538 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9544 <tr class="method-row config-row-alt0 expandable">
9545 <td class="micon"><a class="exi" href="#expand"> </a></td>
9549 <a id="Roo.Element-method-setStyle" name=".setStyle"></a>
9550 <div class="fixedFont">
9551 <span class="attributes"></span><b class="itemname">setStyle</b>
9553 (<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>)
9559 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9568 <div class="short">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div>
9574 Wrapper for setting style properties, also takes single object parameter of multiple styles.
9581 <dl class="detailList">
9582 <dt class="heading">Parameters:</dt>
9585 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>property</b>
9588 <dd>The style property to be set, or an object of multiple styles.</dd>
9591 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
9594 <dd>(optional) The value to apply to the given property, or null if an object was passed.</dd>
9602 <dl class="detailList">
9603 <dt class="heading">Returns:</dt>
9605 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9619 <td class="msource">
9621 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9627 <tr class="method-row config-row-alt1 expandable">
9628 <td class="micon"><a class="exi" href="#expand"> </a></td>
9632 <a id="Roo.Element-method-setTop" name=".setTop"></a>
9633 <div class="fixedFont">
9634 <span class="attributes"></span><b class="itemname">setTop</b>
9636 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9642 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9651 <div class="short">Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).</div>
9657 Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).
9664 <dl class="detailList">
9665 <dt class="heading">Parameters:</dt>
9668 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>top</b>
9671 <dd>The top CSS property value</dd>
9679 <dl class="detailList">
9680 <dt class="heading">Returns:</dt>
9682 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9696 <td class="msource">
9698 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9704 <tr class="method-row config-row-alt0 expandable">
9705 <td class="micon"><a class="exi" href="#expand"> </a></td>
9709 <a id="Roo.Element-method-setVisibilityMode" name=".setVisibilityMode"></a>
9710 <div class="fixedFont">
9711 <span class="attributes"></span><b class="itemname">setVisibilityMode</b>
9713 (<B><i>visMode</i></B>)
9719 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9728 <div class="short">Sets the element's visibility mode.</div>
9734 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.
9741 <dl class="detailList">
9742 <dt class="heading">Parameters:</dt>
9748 <dd>Element.VISIBILITY or Element.DISPLAY</dd>
9756 <dl class="detailList">
9757 <dt class="heading">Returns:</dt>
9759 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9773 <td class="msource">
9775 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9781 <tr class="method-row config-row-alt1 expandable">
9782 <td class="micon"><a class="exi" href="#expand"> </a></td>
9786 <a id="Roo.Element-method-setVisible" name=".setVisible"></a>
9787 <div class="fixedFont">
9788 <span class="attributes"></span><b class="itemname">setVisible</b>
9790 (<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>)
9796 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9805 <div class="short">Sets the visibility of the element (see details).</div>
9811 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.
9818 <dl class="detailList">
9819 <dt class="heading">Parameters:</dt>
9822 <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>
9825 <dd>Whether the element is visible</dd>
9828 <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>
9831 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9839 <dl class="detailList">
9840 <dt class="heading">Returns:</dt>
9842 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9856 <td class="msource">
9858 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9864 <tr class="method-row config-row-alt0 expandable">
9865 <td class="micon"><a class="exi" href="#expand"> </a></td>
9869 <a id="Roo.Element-method-setWidth" name=".setWidth"></a>
9870 <div class="fixedFont">
9871 <span class="attributes"></span><b class="itemname">setWidth</b>
9873 (<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>)
9879 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9888 <div class="short">Set the width of the element</div>
9894 Set the width of the element
9901 <dl class="detailList">
9902 <dt class="heading">Parameters:</dt>
9905 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
9908 <dd>The new width</dd>
9911 <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>
9914 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9922 <dl class="detailList">
9923 <dt class="heading">Returns:</dt>
9925 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9939 <td class="msource">
9941 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9947 <tr class="method-row config-row-alt1 expandable">
9948 <td class="micon"><a class="exi" href="#expand"> </a></td>
9952 <a id="Roo.Element-method-setX" name=".setX"></a>
9953 <div class="fixedFont">
9954 <span class="attributes"></span><b class="itemname">setX</b>
9956 (<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>)
9962 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9971 <div class="short">Sets the X position of the element based on page coordinates.</div>
9977 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).
9984 <dl class="detailList">
9985 <dt class="heading">Parameters:</dt>
9988 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
9991 <dd>X position of the element</dd>
9994 <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>
9997 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10005 <dl class="detailList">
10006 <dt class="heading">Returns:</dt>
10008 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10022 <td class="msource">
10024 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10030 <tr class="method-row config-row-alt0 expandable">
10031 <td class="micon"><a class="exi" href="#expand"> </a></td>
10035 <a id="Roo.Element-method-setXY" name=".setXY"></a>
10036 <div class="fixedFont">
10037 <span class="attributes"></span><b class="itemname">setXY</b>
10039 (<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>)
10045 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10052 <div class="mdesc">
10054 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
10060 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).
10067 <dl class="detailList">
10068 <dt class="heading">Parameters:</dt>
10071 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>pos</b>
10074 <dd>Contains X & Y [x, y] values for new position (coordinates are page-based)</dd>
10077 <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>
10080 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10088 <dl class="detailList">
10089 <dt class="heading">Returns:</dt>
10091 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10105 <td class="msource">
10107 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10113 <tr class="method-row config-row-alt1 expandable">
10114 <td class="micon"><a class="exi" href="#expand"> </a></td>
10118 <a id="Roo.Element-method-setY" name=".setY"></a>
10119 <div class="fixedFont">
10120 <span class="attributes"></span><b class="itemname">setY</b>
10122 (<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>)
10128 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10135 <div class="mdesc">
10137 <div class="short">Sets the Y position of the element based on page coordinates.</div>
10143 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).
10150 <dl class="detailList">
10151 <dt class="heading">Parameters:</dt>
10154 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
10157 <dd>Y position of the element</dd>
10160 <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>
10163 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10171 <dl class="detailList">
10172 <dt class="heading">Returns:</dt>
10174 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10188 <td class="msource">
10190 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10196 <tr class="method-row config-row-alt0 expandable notInherited">
10197 <td class="micon"><a class="exi" href="#expand"> </a></td>
10201 <a id="Roo.Layer-method-setZIndex" name=".setZIndex"></a>
10202 <div class="fixedFont">
10203 <span class="attributes"></span><b class="itemname">setZIndex</b>
10205 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zindex</i></B>)
10211 <a href="./this.html#constructor" roo:cls="this.html#constructor">this</a>
10218 <div class="mdesc">
10220 <div class="short">Sets the z-index of this layer and adjusts any shadow and shim z-indexes.</div>
10226 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).
10233 <dl class="detailList">
10234 <dt class="heading">Parameters:</dt>
10237 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zindex</b>
10240 <dd>The new z-index to set</dd>
10248 <dl class="detailList">
10249 <dt class="heading">Returns:</dt>
10251 <dd><span class="fixedFont"><a href="./this.html#constructor" roo:cls="this.html#constructor">this</a></span> The Layer</dd>
10265 <td class="msource">
10273 <tr class="method-row config-row-alt1 expandable">
10274 <td class="micon"><a class="exi" href="#expand"> </a></td>
10278 <a id="Roo.Element-method-show" name=".show"></a>
10279 <div class="fixedFont">
10280 <span class="attributes"></span><b class="itemname">show</b>
10282 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10288 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10295 <div class="mdesc">
10297 <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility".</div>
10303 Show this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
10310 <dl class="detailList">
10311 <dt class="heading">Parameters:</dt>
10314 <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>
10317 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10325 <dl class="detailList">
10326 <dt class="heading">Returns:</dt>
10328 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10342 <td class="msource">
10344 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10350 <tr class="method-row config-row-alt0 expandable">
10351 <td class="micon"><a class="exi" href="#expand"> </a></td>
10355 <a id="Roo.Element-method-swallowEvent" name=".swallowEvent"></a>
10356 <div class="fixedFont">
10357 <span class="attributes"></span><b class="itemname">swallowEvent</b>
10359 (<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>)
10365 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10372 <div class="mdesc">
10374 <div class="short">Stops the specified event from bubbling and optionally prevents the default action</div>
10380 Stops the specified event from bubbling and optionally prevents the default action
10387 <dl class="detailList">
10388 <dt class="heading">Parameters:</dt>
10391 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
10397 <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>
10400 <dd>(optional) true to prevent the default action too</dd>
10408 <dl class="detailList">
10409 <dt class="heading">Returns:</dt>
10411 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10425 <td class="msource">
10427 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10433 <tr class="method-row config-row-alt1 expandable">
10434 <td class="micon"><a class="exi" href="#expand"> </a></td>
10438 <a id="Roo.Element-method-toggle" name=".toggle"></a>
10439 <div class="fixedFont">
10440 <span class="attributes"></span><b class="itemname">toggle</b>
10442 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10448 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10455 <div class="mdesc">
10457 <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div>
10463 Toggles the element's visibility or display, depending on visibility mode.
10470 <dl class="detailList">
10471 <dt class="heading">Parameters:</dt>
10474 <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>
10477 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10485 <dl class="detailList">
10486 <dt class="heading">Returns:</dt>
10488 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10502 <td class="msource">
10504 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10510 <tr class="method-row config-row-alt0 expandable">
10511 <td class="micon"><a class="exi" href="#expand"> </a></td>
10515 <a id="Roo.Element-method-toggleClass" name=".toggleClass"></a>
10516 <div class="fixedFont">
10517 <span class="attributes"></span><b class="itemname">toggleClass</b>
10519 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
10525 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10532 <div class="mdesc">
10534 <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div>
10540 Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
10547 <dl class="detailList">
10548 <dt class="heading">Parameters:</dt>
10551 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
10554 <dd>The CSS class to toggle</dd>
10562 <dl class="detailList">
10563 <dt class="heading">Returns:</dt>
10565 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10579 <td class="msource">
10581 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10587 <tr class="method-row config-row-alt1 expandable">
10588 <td class="micon"><a class="exi" href="#expand"> </a></td>
10592 <a id="Roo.Element-method-translatePoints" name=".translatePoints"></a>
10593 <div class="fixedFont">
10594 <span class="attributes"></span><b class="itemname">translatePoints</b>
10596 (<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>)
10602 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
10609 <div class="mdesc">
10611 <div class="short">Translates the passed page coordinates into left/top css values for this element</div>
10617 Translates the passed page coordinates into left/top css values for this element
10624 <dl class="detailList">
10625 <dt class="heading">Parameters:</dt>
10628 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array</span> <b>x</b>
10631 <dd>The page x or an array containing [x, y]</dd>
10634 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
10637 <dd>The page y</dd>
10645 <dl class="detailList">
10646 <dt class="heading">Returns:</dt>
10648 <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>
10662 <td class="msource">
10664 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10670 <tr class="method-row config-row-alt0 expandable">
10671 <td class="micon"><a class="exi" href="#expand"> </a></td>
10675 <a id="Roo.Element-method-un" name=".un"></a>
10676 <div class="fixedFont">
10677 <span class="attributes"></span><b class="itemname">un</b>
10679 (<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>)
10685 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10692 <div class="mdesc">
10694 <div class="short">Removes an event handler from this element (shorthand for removeListener)</div>
10700 Removes an event handler from this element (shorthand for removeListener)
10707 <dl class="detailList">
10708 <dt class="heading">Parameters:</dt>
10711 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
10714 <dd>the type of event to remove</dd>
10717 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
10720 <dd>the method the event invokes</dd>
10728 <dl class="detailList">
10729 <dt class="heading">Returns:</dt>
10731 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10745 <td class="msource">
10747 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10753 <tr class="method-row config-row-alt1 expandable">
10754 <td class="micon"><a class="exi" href="#expand"> </a></td>
10758 <a id="Roo.Element-method-unclip" name=".unclip"></a>
10759 <div class="fixedFont">
10760 <span class="attributes"></span><b class="itemname">unclip</b>
10768 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10775 <div class="mdesc">
10777 <div class="short">Return clipping (overflow) to original clipping before clip() was called</div>
10783 Return clipping (overflow) to original clipping before clip() was called
10794 <dl class="detailList">
10795 <dt class="heading">Returns:</dt>
10797 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10811 <td class="msource">
10813 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10819 <tr class="method-row config-row-alt0 expandable">
10820 <td class="micon"><a class="exi" href="#expand"> </a></td>
10824 <a id="Roo.Element-method-unmask" name=".unmask"></a>
10825 <div class="fixedFont">
10826 <span class="attributes"></span><b class="itemname">unmask</b>
10833 <div class="mdesc">
10835 <div class="short">Removes a previously applied mask.</div>
10841 Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise<br/>it is cached for reuse.
10862 <td class="msource">
10864 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10870 <tr class="method-row config-row-alt1 expandable">
10871 <td class="micon"><a class="exi" href="#expand"> </a></td>
10875 <a id="Roo.Element-method-unselectable" name=".unselectable"></a>
10876 <div class="fixedFont">
10877 <span class="attributes"></span><b class="itemname">unselectable</b>
10885 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10892 <div class="mdesc">
10894 <div class="short">Disables text selection for this element (normalized across browsers)</div>
10900 Disables text selection for this element (normalized across browsers)
10911 <dl class="detailList">
10912 <dt class="heading">Returns:</dt>
10914 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10928 <td class="msource">
10930 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10936 <tr class="method-row config-row-alt0 expandable">
10937 <td class="micon"><a class="exi" href="#expand"> </a></td>
10941 <a id="Roo.Element-method-up" name=".up"></a>
10942 <div class="fixedFont">
10943 <span class="attributes"></span><b class="itemname">up</b>
10945 (<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>)
10951 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10958 <div class="mdesc">
10960 <div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g.</div>
10966 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.
10973 <dl class="detailList">
10974 <dt class="heading">Parameters:</dt>
10977 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
10980 <dd>The simple selector to test</dd>
10983 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
10986 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
10994 <dl class="detailList">
10995 <dt class="heading">Returns:</dt>
10997 <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>
11011 <td class="msource">
11013 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11019 <tr class="method-row config-row-alt1 expandable">
11020 <td class="micon"><a class="exi" href="#expand"> </a></td>
11024 <a id="Roo.Element-method-update" name=".update"></a>
11025 <div class="fixedFont">
11026 <span class="attributes"></span><b class="itemname">update</b>
11028 (<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>)
11034 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11041 <div class="mdesc">
11043 <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div>
11049 Update the innerHTML of this element, optionally searching for and processing scripts
11056 <dl class="detailList">
11057 <dt class="heading">Parameters:</dt>
11060 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>html</b>
11063 <dd>The new HTML</dd>
11066 <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>
11069 <dd>(optional) true to look for and process scripts</dd>
11072 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
11075 <dd>For async script loading you can be noticed when the update completes</dd>
11083 <dl class="detailList">
11084 <dt class="heading">Returns:</dt>
11086 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
11100 <td class="msource">
11102 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11108 <tr class="method-row config-row-alt0 expandable">
11109 <td class="micon"><a class="exi" href="#expand"> </a></td>
11113 <a id="Roo.Element-method-wrap" name=".wrap"></a>
11114 <div class="fixedFont">
11115 <span class="attributes"></span><b class="itemname">wrap</b>
11117 (<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>)
11123 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element
11130 <div class="mdesc">
11132 <div class="short">Creates and wraps this element with another element</div>
11138 Creates and wraps this element with another element
11145 <dl class="detailList">
11146 <dt class="heading">Parameters:</dt>
11149 <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>
11152 <dd>(optional) DomHelper element config object for the wrapper element or null for an empty div</dd>
11155 <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>
11158 <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
11166 <dl class="detailList">
11167 <dt class="heading">Returns:</dt>
11169 <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>
11183 <td class="msource">
11185 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11194 <!-- ============================== events summary / details ======================== -->
11197 <a id="Roo.Layer-events"></a>
11203 <table cellspacing="0" class="member-table">
11204 <caption class="Empty">Events - Has None</caption>
11215 <!-- ============================== footer ================================= -->
11216 <div class="fineprint" style="clear:both">
11218 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Wed Aug 04 2010 10:58:35 GMT+0800 (HKT)
11220 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>