-<div
class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.Layer-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.Layer-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.Layer-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.Layer-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.Layer"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.Element.html" ext:member="" ext:cls="Ext.Element">Element</a> <img src="resources/elbow-end.gif">Layer</pre></div><h1>Class <a href="source/Layer.html#cls-Ext.Layer">Ext.Layer</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">Layer.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Layer.html#cls-Ext.Layer">Layer</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Element.html" ext:cls="Ext.Element" ext:member="">Element</a></td></tr><tr><td class="hd-info"></td></tr></table><div class="description">An extended <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> object that supports a shadow and shim, constrain to viewport and
+<div
xmlns:ext="http://www.extjs.com" class="body-wrap"><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.Element.html" ext:member="" ext:cls="Ext.Element">Element</a> <img src="resources/elbow-end.gif">Layer</pre></div><h1>Class <a href="source/Layer.html#cls-Ext.Layer">Ext.Layer</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">Layer.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Layer.html#cls-Ext.Layer">Layer</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Element.html" ext:cls="Ext.Element" ext:member="">Element</a></td></tr></table><div class="description">An extended <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> object that supports a shadow and shim, constrain to viewport and
automatic maintaining of shadow/shim positions.</div><div class="hr"></div><a id="Ext.Layer-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-cls"></a><b><a href="source/Layer.html#cfg-Ext.Layer-cls">cls</a></b> : String<div class="mdesc">CSS class to add to the element</div></td><td class="msource">Layer</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-constrain"></a><b><a href="source/Layer.html#cfg-Ext.Layer-constrain">constrain</a></b> : Boolean<div class="mdesc">False to disable constrain to viewport (defaults to true)</div></td><td class="msource">Layer</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-dh"></a><b><a href="source/Layer.html#cfg-Ext.Layer-dh">dh</a></b> : Object<div class="mdesc">DomHelper object config to create element with (defaults to {tag: 'div', cls: 'x-layer'}).</div></td><td class="msource">Layer</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-shadow"></a><b><a href="source/Layer.html#cfg-Ext.Layer-shadow">shadow</a></b> : String/Boolean<div class="mdesc"><div class="short">True to automatically create an Ext.Shadow, or a string indicating the\r
shadow's display Ext.Shadow.mode. False to dis...</div><div class="long">True to automatically create an <a href="output/Ext.Shadow.html" ext:cls="Ext.Shadow">Ext.Shadow</a>, or a string indicating the
shadow's display <a href="output/Ext.Shadow.html#Ext.Shadow-mode" ext:member="mode" ext:cls="Ext.Shadow">Ext.Shadow.mode</a>. False to disable the shadow. (defaults to false)</div></div></td><td class="msource">Layer</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-shadowOffset"></a><b><a href="source/Layer.html#cfg-Ext.Layer-shadowOffset">shadowOffset</a></b> : Number<div class="mdesc">Number of pixels to offset the shadow (defaults to 4)</div></td><td class="msource">Layer</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-shim"></a><b><a href="source/Layer.html#cfg-Ext.Layer-shim">shim</a></b> : Boolean<div class="mdesc">False to disable the iframe shim in browsers which need one (defaults to true)</div></td><td class="msource">Layer</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Layer-useDisplay"></a><b><a href="source/Layer.html#cfg-Ext.Layer-useDisplay">useDisplay</a></b> : Boolean<div class="mdesc">Defaults to use css offsets to hide the Layer. Specify <tt>true</tt>
Ext.Element<div class="mdesc"><div class="short">Sets up event handlers to add and remove a css class when the mouse is over this element</div><div class="long">Sets up event handlers to add and remove a css class when the mouse is over this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>className</code> : String<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#addClassOnOver" ext:member="#addClassOnOver" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-addKeyListener"></a><b><a href="source/Element.keys.html#method-Ext.Element-addKeyListener">addKeyListener</a></b>( <code>Number/Array/Object/String key</code>, <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )\r
:\r
Ext.KeyMap<div class="mdesc"><div class="short">Convenience method for constructing a KeyMap</div><div class="long">Convenience method for constructing a KeyMap<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>key</code> : Number/Array/Object/String<div class="sub-desc">Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\r
-
{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</div></li><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.KeyMap</code><div class="sub-desc">The KeyMap created</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#addKeyListener" ext:member="#addKeyListener" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-addKeyMap"></a><b><a href="source/Element.keys.html#method-Ext.Element-addKeyMap">addKeyMap</a></b>( <code>Object config</code> )
\r+
<code>{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</code></div></li><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code>this</code> reference) in which the specified function is executed. Defaults to this Element.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.KeyMap</code><div class="sub-desc">The KeyMap created</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#addKeyListener" ext:member="#addKeyListener" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-addKeyMap"></a><b><a href="source/Element.keys.html#method-Ext.Element-addKeyMap">addKeyMap</a></b>( <code>Object config</code> )
\r :\r
Ext.KeyMap<div class="mdesc"><div class="short">Creates a KeyMap for this element</div><div class="long">Creates a KeyMap for this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The KeyMap config. See <a href="output/Ext.KeyMap.html" ext:cls="Ext.KeyMap">Ext.KeyMap</a> for more details</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.KeyMap</code><div class="sub-desc">The KeyMap created</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#addKeyMap" ext:member="#addKeyMap" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-addListener"></a><b><a href="source/Element.html#method-Ext.Element-addListener">addListener</a></b>( <code>String eventName</code>, <code>Function fn</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Appends an event handler to this element. The shorthand version on is equivalent.</div><div class="long">Appends an event handler to this element. The shorthand version <a href="output/Ext.Element.html#Ext.Element-on" ext:member="on" ext:cls="Ext.Element">on</a> is equivalent.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of event to handle.</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function the event invokes. This function is passed\r
-the following parameters:<ul>\r
-<li><b>evt</b> : EventObject<div class="sub-desc">The <a href="output/Ext.EventObject.html" ext:cls="Ext.EventObject">EventObject</a> describing the event.</div></li>\r
-<li><b>el</b> : HtmlElement<div class="sub-desc">The DOM element which was the target of the event.\r
-Note that this may be filtered by using the <tt>delegate</tt> option.</div></li>\r
-<li><b>o</b> : Object<div class="sub-desc">The options object from the addListener call.</div></li>\r
-</ul></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.\r
-<b>If omitted, defaults to this Element.</b>.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration properties.\r
-This may contain any of the following properties:<ul>\r
-<li><b>scope</b> Object : <div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.\r
-<b>If omitted, defaults to this Element.</b></div></li>\r
-<li><b>delegate</b> String: <div class="sub-desc">A simple selector to filter the target or look for a descendant of the target. See below for additional details.</div></li>\r
-<li><b>stopEvent</b> Boolean: <div class="sub-desc">True to stop the event. That is stop propagation, and prevent the default action.</div></li>\r
-<li><b>preventDefault</b> Boolean: <div class="sub-desc">True to prevent the default action</div></li>\r
-<li><b>stopPropagation</b> Boolean: <div class="sub-desc">True to prevent event propagation</div></li>\r
-<li><b>normalized</b> Boolean: <div class="sub-desc">False to pass a browser event to the handler function instead of an Ext.EventObject</div></li>\r
-<li><b>target</b> Ext.Element: <div class="sub-desc">Only call the handler if the event was fired on the target Element, <i>not</i> if the event was bubbled up from a child node.</div></li>\r
-<li><b>delay</b> Number: <div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>\r
-<li><b>single</b> Boolean: <div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>\r
-<li><b>buffer</b> Number: <div class="sub-desc">Causes the handler to be scheduled to run in an <a href="output/Ext.util.DelayedTask.html" ext:cls="Ext.util.DelayedTask">Ext.util.DelayedTask</a> delayed\r
-by the specified number of milliseconds. If the event fires again within that time, the original\r
-handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>\r
-</ul><br>\r
-<p>\r
-<b>Combining Options</b><br>\r
-In the following examples, the shorthand form <a href="output/Ext.Element.html#Ext.Element-on" ext:member="on" ext:cls="Ext.Element">on</a> is used rather than the more verbose\r
-addListener. The two are equivalent. Using the options argument, it is possible to combine different\r
-types of listeners:<br>\r
-<br>\r
-A delayed, one-time listener that auto stops the event and adds a custom argument (forumId) to the\r
-options object. The options object is available as the third parameter in the handler function.<div style="margin: 5px 20px 20px;">\r
-Code:<pre><code>el.on(<em>'click'</em>, this.onClick, this, {\r
- single: true,\r
- delay: 100,\r
- stopEvent : true,\r
- forumId: 4\r
-});</code></pre></p>\r
-<p>\r
-<b>Attaching multiple handlers in 1 call</b><br>\r
-The method also allows for a single argument to be passed which is a config object containing properties\r
-which specify multiple handlers.</p>\r
-<p>\r
-Code:<pre><code>el.on({\r
- <em>'click'</em> : {\r
- fn: this.onClick,\r
- scope: this,\r
- delay: 100\r
- },\r
- <em>'mouseover'</em> : {\r
- fn: this.onMouseOver,\r
- scope: this\r
- },\r
- <em>'mouseout'</em> : {\r
- fn: this.onMouseOut,\r
- scope: this\r
- }\r
-});</code></pre>\r
-<p>\r
-Or a shorthand syntax:<br>\r
-Code:<pre><code></p>\r
-el.on({\r
- <em>'click'</em> : this.onClick,\r
- <em>'mouseover'</em> : this.onMouseOver,\r
- <em>'mouseout'</em> : this.onMouseOut,\r
- scope: this\r
-});</code></pre></p>\r
-<p><b>delegate</b></p>\r
-<p>This is a configuration option that you can pass along when registering a handler for\r
-an event to assist with event delegation. Event delegation is a technique that is used to\r
-reduce memory consumption and prevent exposure to memory-leaks. By registering an event\r
-for a container element as opposed to each element within a container. By setting this\r
-configuration option to a simple selector, the target element will be filtered to look for\r
-a descendant of the target.\r
-For example:<pre><code><i>// using this markup:\r</i>
-<div id=<em>'elId'</em>>\r
- <p id=<em>'p1'</em>>paragraph one</p>\r
- <p id=<em>'p2'</em> class=<em>'clickable'</em>>paragraph two</p>\r
- <p id=<em>'p3'</em>>paragraph three</p>\r
-</div>\r
-<i>// utilize event delegation to registering just one handler on the container element: \r</i>
-el = Ext.get(<em>'elId'</em>);\r
-el.on(\r
- <em>'click'</em>,\r
- <b>function</b>(e,t) {\r
- <i>// handle click\r</i>
- console.info(t.id); <i>// <em>'p2'</em>\r</i>
- },\r
- this,\r
- {\r
- <i>// filter the target element to be a descendant <b>with</b> the class <em>'clickable'</em>\r</i>
- delegate: <em>'.clickable'</em> \r
- }\r
+ Ext.Element<div class="mdesc"><div class="short">Appends an event handler to this element. The shorthand version on is equivalent.</div><div class="long">Appends an event handler to this element. The shorthand version <a href="output/Ext.Element.html#Ext.Element-on" ext:member="on" ext:cls="Ext.Element">on</a> is equivalent.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of event to handle.</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function the event invokes. This function is passed
+the following parameters:<ul>
+<li><b>evt</b> : EventObject<div class="sub-desc">The <a href="output/Ext.EventObject.html" ext:cls="Ext.EventObject">EventObject</a> describing the event.</div></li>
+<li><b>el</b> : HtmlElement<div class="sub-desc">The DOM element which was the target of the event.
+Note that this may be filtered by using the <tt>delegate</tt> option.</div></li>
+<li><b>o</b> : Object<div class="sub-desc">The options object from the addListener call.</div></li>
+</ul></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to this Element.</b>.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration properties.
+This may contain any of the following properties:<ul>
+<li><b>scope</b> Object : <div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to this Element.</b></div></li>
+<li><b>delegate</b> String: <div class="sub-desc">A simple selector to filter the target or look for a descendant of the target. See below for additional details.</div></li>
+<li><b>stopEvent</b> Boolean: <div class="sub-desc">True to stop the event. That is stop propagation, and prevent the default action.</div></li>
+<li><b>preventDefault</b> Boolean: <div class="sub-desc">True to prevent the default action</div></li>
+<li><b>stopPropagation</b> Boolean: <div class="sub-desc">True to prevent event propagation</div></li>
+<li><b>normalized</b> Boolean: <div class="sub-desc">False to pass a browser event to the handler function instead of an Ext.EventObject</div></li>
+<li><b>target</b> Ext.Element: <div class="sub-desc">Only call the handler if the event was fired on the target Element, <i>not</i> if the event was bubbled up from a child node.</div></li>
+<li><b>delay</b> Number: <div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
+<li><b>single</b> Boolean: <div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
+<li><b>buffer</b> Number: <div class="sub-desc">Causes the handler to be scheduled to run in an <a href="output/Ext.util.DelayedTask.html" ext:cls="Ext.util.DelayedTask">Ext.util.DelayedTask</a> delayed
+by the specified number of milliseconds. If the event fires again within that time, the original
+handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
+</ul><br>
+<p>
+<b>Combining Options</b><br>
+In the following examples, the shorthand form <a href="output/Ext.Element.html#Ext.Element-on" ext:member="on" ext:cls="Ext.Element">on</a> is used rather than the more verbose
+addListener. The two are equivalent. Using the options argument, it is possible to combine different
+types of listeners:<br>
+<br>
+A delayed, one-time listener that auto stops the event and adds a custom argument (forumId) to the
+options object. The options object is available as the third parameter in the handler function.<div style="margin: 5px 20px 20px;">
+Code:<pre><code>el.on(<em>'click'</em>, this.onClick, this, {
+ single: true,
+ delay: 100,
+ stopEvent : true,
+ forumId: 4
+});</code></pre></p>
+<p>
+<b>Attaching multiple handlers in 1 call</b><br>
+The method also allows for a single argument to be passed which is a config object containing properties
+which specify multiple handlers.</p>
+<p>
+Code:<pre><code>el.on({
+ <em>'click'</em> : {
+ fn: this.onClick,
+ scope: this,
+ delay: 100
+ },
+ <em>'mouseover'</em> : {
+ fn: this.onMouseOver,
+ scope: this
+ },
+ <em>'mouseout'</em> : {
+ fn: this.onMouseOut,
+ scope: this
+ }
+});</code></pre>
+<p>
+Or a shorthand syntax:<br>
+Code:<pre><code></p>
+el.on({
+ <em>'click'</em> : this.onClick,
+ <em>'mouseover'</em> : this.onMouseOver,
+ <em>'mouseout'</em> : this.onMouseOut,
+ scope: this
+});</code></pre></p>
+<p><b>delegate</b></p>
+<p>This is a configuration option that you can pass along when registering a handler for
+an event to assist with event delegation. Event delegation is a technique that is used to
+reduce memory consumption and prevent exposure to memory-leaks. By registering an event
+for a container element as opposed to each element within a container. By setting this
+configuration option to a simple selector, the target element will be filtered to look for
+a descendant of the target.
+For example:<pre><code><i>// using this markup:</i>
+<div id=<em>'elId'</em>>
+ <p id=<em>'p1'</em>>paragraph one</p>
+ <p id=<em>'p2'</em> class=<em>'clickable'</em>>paragraph two</p>
+ <p id=<em>'p3'</em>>paragraph three</p>
+</div>
+<i>// utilize event delegation to registering just one handler on the container element:</i>
+el = Ext.get(<em>'elId'</em>);
+el.on(
+ <em>'click'</em>,
+ <b>function</b>(e,t) {
+ <i>// handle click</i>
+ console.info(t.id); <i>// <em>'p2'</em></i>
+ },
+ this,
+ {
+ <i>// filter the target element to be a descendant <b>with</b> the class <em>'clickable'</em></i>
+ delegate: <em>'.clickable'</em>
+ }
);</code></pre></p></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#addListener" ext:member="#addListener" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-alignTo"></a><b><a href="source/Element.alignment.html#method-Ext.Element-alignTo">alignTo</a></b>( <code>Mixed element</code>, <code>String position</code>, <span title="Optional" class="optional">[<code>Array offsets</code>]</span>, <span title="Optional" class="optional">[<code>Boolean/Object animate</code>]</span> )\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Aligns this element with another element relative to the specified anchor points. If the other element is the \r
-docume...</div><div class="long">Aligns this element with another element relative to the specified anchor points. If the other element is the\r
-document it aligns it to the viewport.\r
-The position parameter is optional, and can be specified in any one of the following formats:\r
-<ul>\r
-<li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li>\r
-<li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.\r
-The element being aligned will position its top-left corner (tl) to that point. <i>This method has been\r
-deprecated in favor of the newer two anchor syntax below</i>.</li>\r
-<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\r
-element's anchor point, and the second value is used as the target's anchor point.</li>\r
-</ul>\r
-In addition to the anchor points, the position parameter also supports the "?" character. If "?" is passed at the end of\r
-the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to\r
-the viewport if necessary. Note that the element being aligned might be swapped to align to a different position than\r
-that specified in order to enforce the viewport constraints.\r
-Following are all of the supported anchor positions:\r
-<pre>\r
-Value Description\r
------ -----------------------------\r
-tl The top left corner (default)\r
-t The center of the top edge\r
-tr The top right corner\r
-l The center of the left edge\r
-c In the center of the element\r
-r The center of the right edge\r
-bl The bottom left corner\r
-b The center of the bottom edge\r
-br The bottom right corner\r
-</pre>\r
-Example Usage:\r
-<pre><code><i>// align el to other-el using the <b>default</b> positioning (<em>"tl-bl"</em>, non-constrained)\r</i>
-el.alignTo(<em>"other-el"</em>);\r
-\r
-<i>// align the top left corner of el <b>with</b> the top right corner of other-el (constrained to viewport)\r</i>
-el.alignTo(<em>"other-el"</em>, <em>"tr?"</em>);\r
-\r
-<i>// align the bottom right corner of el <b>with</b> the center left edge of other-el\r</i>
-el.alignTo(<em>"other-el"</em>, <em>"br-l?"</em>);\r
-\r
-<i>// align the center of el <b>with</b> the bottom left corner of other-el and\r</i>
-<i>// adjust the x position by -6 pixels (and the y position by 0)\r</i>
-el.alignTo(<em>"other-el"</em>, <em>"c-bl"</em>, [-6, 0]);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) true for the default animation or a standard Element animation config object</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#alignTo" ext:member="#alignTo" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-anchorTo"></a><b><a href="source/Element.alignment.html#method-Ext.Element-anchorTo">anchorTo</a></b>( <code>Mixed element</code>, <code>String position</code>, <span title="Optional" class="optional">[<code>Array offsets</code>]</span>, <span title="Optional" class="optional">[<code>Boolean/Object animate</code>]</span>, <span title="Optional" class="optional">[<code>Boolean/Number monitorScroll</code>]</span>, <code>Function callback</code> )\r
+ Ext.Element<div class="mdesc"><div class="short">Aligns this element with another element relative to the specified anchor points. If the other element is the\r
+documen...</div><div class="long">Aligns this element with another element relative to the specified anchor points. If the other element is the
+document it aligns it to the viewport.
+The position parameter is optional, and can be specified in any one of the following formats:
+<ul>
+<li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li>
+<li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.
+The element being aligned will position its top-left corner (tl) to that point. <i>This method has been
+deprecated in favor of the newer two anchor syntax below</i>.</li>
+<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
+element's anchor point, and the second value is used as the target's anchor point.</li>
+</ul>
+In addition to the anchor points, the position parameter also supports the "?" character. If "?" is passed at the end of
+the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to
+the viewport if necessary. Note that the element being aligned might be swapped to align to a different position than
+that specified in order to enforce the viewport constraints.
+Following are all of the supported anchor positions:
+<pre>
+Value Description
+----- -----------------------------
+tl The top left corner (default)
+t The center of the top edge
+tr The top right corner
+l The center of the left edge
+c In the center of the element
+r The center of the right edge
+bl The bottom left corner
+b The center of the bottom edge
+br The bottom right corner
+</pre>
+Example Usage:
+<pre><code><i>// align el to other-el using the <b>default</b> positioning (<em>"tl-bl"</em>, non-constrained)</i>
+el.alignTo(<em>"other-el"</em>);
+
+<i>// align the top left corner of el <b>with</b> the top right corner of other-el (constrained to viewport)</i>
+el.alignTo(<em>"other-el"</em>, <em>"tr?"</em>);
+
+<i>// align the bottom right corner of el <b>with</b> the center left edge of other-el</i>
+el.alignTo(<em>"other-el"</em>, <em>"br-l?"</em>);
+
+<i>// align the center of el <b>with</b> the bottom left corner of other-el and</i>
+<i>// adjust the x position by -6 pixels (and the y position by 0)</i>
+el.alignTo(<em>"other-el"</em>, <em>"c-bl"</em>, [-6, 0]);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">
(optional, defaults to "tl-bl?") The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) true for the default animation or a standard Element animation config object</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#alignTo" ext:member="#alignTo" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-anchorTo"></a><b><a href="source/Element.alignment.html#method-Ext.Element-anchorTo">anchorTo</a></b>( <code>Mixed element</code>, <code>String position</code>, <span title="Optional" class="optional">[<code>Array offsets</code>]</span>, <span title="Optional" class="optional">[<code>Boolean/Object animate</code>]</span>, <span title="Optional" class="optional">[<code>Boolean/Number monitorScroll</code>]</span>, <code>Function callback</code> )
\r :\r
- Ext.Element<div class="mdesc"><div class="short">Anchors an element to another element and realigns it when the window is resized.</div><div class="long">Anchors an element to another element and realigns it when the window is resized.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) True for the default animation or a standard Element animation config object</div></li><li><code>monitorScroll</code> : Boolean/Number<div class="sub-desc">(optional) True to monitor body scroll and reposition. If this parameter\r
+ Ext.Element<div class="mdesc"><div class="short">Anchors an element to another element and realigns it when the window is resized.</div><div class="long">Anchors an element to another element and realigns it when the window is resized.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) True for the default animation or a standard Element animation config object</div></li><li><code>monitorScroll</code> : Boolean/Number<div class="sub-desc">(optional) True to monitor body scroll and reposition. If this parameter
is a number, it is used as the buffer delay (defaults to 50ms).</div></li><li><code>callback</code> : Function<div class="sub-desc">The function to call after the animation finishes</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#anchorTo" ext:member="#anchorTo" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-animate"></a><b><a href="source/Element.fx.html#method-Ext.Element-animate">animate</a></b>( <code>Object args</code>, <span title="Optional" class="optional">[<code>Float duration</code>]</span>, <span title="Optional" class="optional">[<code>Function onComplete</code>]</span>, <span title="Optional" class="optional">[<code>String easing</code>]</span>, <span title="Optional" class="optional">[<code>String animType</code>]</span> )\r
:\r
Ext.Element<div class="mdesc"><div class="short">Perform custom animation on this element. \r
<div class=<em>"{0}-bl"</em>><div class=<em>"{0}-br"</em>><div class=<em>"{0}-bc"</em>></div></div></div>';</code></pre>\r
<p>Example usage:</p>\r
<pre><code><i>// Basic box wrap\r</i>
-Ext.get(<em>"foo"</em>).boxWrap();\r
+ Ext.get(<em>"foo"</em>).boxWrap();\r
\r
-<i>// You can also add a custom class and use CSS inheritance rules to customize the box look.\r</i>
-<i>// <em>'x-box-blue'</em> is a built-<b>in</b> alternative -- look at the related CSS definitions as an example\r</i>
-<i>// <b>for</b> how to create a custom box wrap style.\r</i>
-Ext.get(<em>"foo"</em>).boxWrap().addClass(<em>"x-box-blue"</em>);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>class</code> : String<div class="sub-desc">(optional) A base CSS class to apply to the containing wrapper element\r
+ <i>// You can also add a custom class and use CSS inheritance rules to customize the box look.\r</i>
+ <i>// <em>'x-box-blue'</em> is a built-<b>in</b> alternative -- look at the related CSS definitions as an example\r</i>
+ <i>// <b>for</b> how to create a custom box wrap style.\r</i>
+
Ext.get(<em>"foo"</em>).boxWrap().addClass(<em>"x-box-blue"</em>);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>class</code> : String<div class="sub-desc">(optional) A base CSS class to apply to the containing wrapper element
\r (defaults to <tt>'x-box'</tt>). Note that there are a number of CSS rules that are dependent on\r
this name to make the overall effect work, so if you supply an alternate base class, make sure you\r
-also supply all of the necessary rules.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">
this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#boxWrap" ext:member="#boxWrap" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-center"></a><b><a href="source/Element.alignment.html#method-Ext.Element-center">center</a></b>( <span title="Optional" class="optional">[<code>Mixed centerIn</code>]</span> )
\r+also supply all of the necessary rules.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">
The outermost wrapping element of the created box structure.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#boxWrap" ext:member="#boxWrap" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-center"></a><b><a href="source/Element.alignment.html#method-Ext.Element-center">center</a></b>( <span title="Optional" class="optional">[<code>Mixed centerIn</code>]</span> )
\r :\r
void<div class="mdesc"><div class="short">Centers the Element in either the viewport, or another Element.</div><div class="long">Centers the Element in either the viewport, or another Element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>centerIn</code> : Mixed<div class="sub-desc">(optional) The element in which to center the element.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#center" ext:member="#center" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-child"></a><b><a href="source/Element.traversal.html#method-Ext.Element-child">child</a></b>( <code>String selector</code>, <span title="Optional" class="optional">[<code>Boolean returnDom</code>]</span> )\r
:\r
HTMLElement/Ext.Element<div class="mdesc"><div class="short">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not cont...</div><div class="long">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the DOM node instead of Ext.Element (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement/Ext.Element</code><div class="sub-desc">The child Ext.Element (or DOM node if returnDom = true)</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#child" ext:member="#child" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-clean"></a><b><a href="source/Element-more.html#method-Ext.Element-clean">clean</a></b>( <span title="Optional" class="optional">[<code>Boolean forceReclean</code>]</span> )\r
:\r
- void<div class="mdesc"><div class="short">Removes worthless text nodes</div><div class="long">Removes worthless text nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>forceReclean</code> : Boolean<div class="sub-desc">(optional) By default the element\r
-keeps track if it has been cleaned already so\r
-you can call this over and over. However, if you update the element and\r
+ void<div class="mdesc"><div class="short">Removes worthless text nodes</div><div class="long">Removes worthless text nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>forceReclean</code> : Boolean<div class="sub-desc">(optional) By default the element
+keeps track if it has been cleaned already so
+you can call this over and over. However, if you update the element and
need to force a reclean, you can pass true.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#clean" ext:member="#clean" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-clearOpacity"></a><b><a href="source/Element.style.html#method-Ext.Element-clearOpacity">clearOpacity</a></b>()\r
:\r
Ext.Element<div class="mdesc"><div class="short">Clears any opacity settings from this element. Required in some cases for IE.</div><div class="long">Clears any opacity settings from this element. Required in some cases for IE.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#clearOpacity" ext:member="#clearOpacity" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-clearPositioning"></a><b><a href="source/Element.position.html#method-Ext.Element-clearPositioning">clearPositioning</a></b>( <span title="Optional" class="optional">[<code>String value</code>]</span> )\r
:\r
Ext.Element/HTMLElement<div class="mdesc"><div class="short">Gets the first child, skipping text nodes</div><div class="long">Gets the first child, skipping text nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the next sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The first child or null</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#first" ext:member="#first" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-fly"></a><b><a href="source/Element.html#method-Ext.Element-fly">fly</a></b>( <code>String/HTMLElement el</code>, <span title="Optional" class="optional">[<code>String named</code>]</span> )\r
:\r
- Element<div class="mdesc"><div class="short">Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to t...</div><div class="long"><p>Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -\r
-the dom node can be overwritten by other code. Shorthand of <a href="output/Ext.Element.html#Ext.Element-fly" ext:member="fly" ext:cls="Ext.Element">Ext.Element.fly</a></p>\r
-<p>Use this to make one-time references to DOM elements which are not going to be accessed again either by\r
-application code, or by Ext's classes. If accessing an element which will be processed regularly, then <a href="output/Ext.html#Ext-get" ext:member="get" ext:cls="Ext">Ext.get</a>\r
-will be more appropriate to take advantage of the caching provided by the Ext.Element class.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement<div class="sub-desc">The dom node or id</div></li><li><code>named</code> : String<div class="sub-desc">(optional) Allows for creation of named reusable flyweights to prevent conflicts\r
+ Element<div class="mdesc"><div class="short">Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to t...</div><div class="long"><p>Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -
+the dom node can be overwritten by other code. Shorthand of <a href="output/Ext.Element.html#Ext.Element-fly" ext:member="fly" ext:cls="Ext.Element">Ext.Element.fly</a></p>
+<p>Use this to make one-time references to DOM elements which are not going to be accessed again either by
+application code, or by Ext's classes. If accessing an element which will be processed regularly, then <a href="output/Ext.html#Ext-get" ext:member="get" ext:cls="Ext">Ext.get</a>
+will be more appropriate to take advantage of the caching provided by the Ext.Element class.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement<div class="sub-desc">The dom node or id</div></li><li><code>named</code> : String<div class="sub-desc">(optional) Allows for creation of named reusable flyweights to prevent conflicts
(e.g. internally Ext uses "_global")</div></li></ul><strong>Returns:</strong><ul><li><code>Element</code><div class="sub-desc">The shared Element object (or null if no matching element was found)</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#fly" ext:member="#fly" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-focus"></a><b><a href="source/Element.html#method-Ext.Element-focus">focus</a></b>( <span title="Optional" class="optional">[<code>Number defer</code>]</span> )\r
:\r
Ext.Element<div class="mdesc"><div class="short">Tries to focus the element. Any exceptions are caught and ignored.</div><div class="long">Tries to focus the element. Any exceptions are caught and ignored.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>defer</code> : Number<div class="sub-desc">(optional) Milliseconds to defer the focus</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#focus" ext:member="#focus" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getAlignToXY"></a><b><a href="source/Element.alignment.html#method-Ext.Element-getAlignToXY">getAlignToXY</a></b>( <code>Mixed element</code>, <code>String position</code>, <span title="Optional" class="optional">[<code>Array offsets</code>]</span> )\r
:\r
- Array<div class="mdesc"><div class="short">Gets the x,y coordinates to align this element with another element. See alignTo for more info on the \r
-supported posi...</div><div class="long">Gets the x,y coordinates to align this element with another element. See <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">alignTo</a> for more info on the\r
-supported position values.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">[x, y]</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getAlignToXY" ext:member="#getAlignToXY" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getAnchorXY"></a><b><a href="source/Element.alignment.html#method-Ext.Element-getAnchorXY">getAnchorXY</a></b>( <span title="Optional" class="optional">[<code>String anchor</code>]</span>, <span title="Optional" class="optional">[<code>Boolean local</code>]</span>, <span title="Optional" class="optional">[<code>Object size</code>]</span> )\r
+ Array<div class="mdesc"><div class="short">Gets the x,y coordinates to align this element with another element. See alignTo for more info on the\r
+supported posit...</div><div class="long">Gets the x,y coordinates to align this element with another element. See <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">alignTo</a> for more info on the
+supported position values.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">
(optional, defaults to "tl-bl?") The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">[x, y]</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getAlignToXY" ext:member="#getAlignToXY" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getAnchorXY"></a><b><a href="source/Element.alignment.html#method-Ext.Element-getAnchorXY">getAnchorXY</a></b>( <span title="Optional" class="optional">[<code>String anchor</code>]</span>, <span title="Optional" class="optional">[<code>Boolean local</code>]</span>, <span title="Optional" class="optional">[<code>Object size</code>]</span> )
\r :\r
- Array<div class="mdesc"><div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div><div class="long">Gets the x,y coordinates specified by the anchor position on the element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>anchor</code> : String<div class="sub-desc">(optional) The specified anchor position (defaults to "c"). See <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">alignTo</a>\r
-for details on supported anchor positions.</div></li><li><code>local</code> : Boolean<div class="sub-desc">(optional) True to get the local (element top/left-relative) anchor position instead\r
-of page coordinates</div></li><li><code>size</code> : Object<div class="sub-desc">(optional) An object containing the size to use for calculating anchor position\r
+ Array<div class="mdesc"><div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div><div class="long">Gets the x,y coordinates specified by the anchor position on the element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>anchor</code> : String<div class="sub-desc">(optional) The specified anchor position (defaults to "c"). See <a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">alignTo</a>
+for details on supported anchor positions.</div></li><li><code>local</code> : Boolean<div class="sub-desc">(optional) True to get the local (element top/left-relative) anchor position instead
+of page coordinates</div></li><li><code>size</code> : Object<div class="sub-desc">(optional) An object containing the size to use for calculating anchor position
{width: (target width), height: (target height)} (defaults to the element's current size)</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">[x, y] An array containing the element's x and y coordinates</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getAnchorXY" ext:member="#getAnchorXY" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getAttribute"></a><b><a href="source/Element.html#method-Ext.Element-getAttribute">getAttribute</a></b>( <code>String name</code>, <span title="Optional" class="optional">[<code>String namespace</code>]</span> )\r
:\r
String<div class="mdesc"><div class="short">Returns the value of an attribute from the element's underlying DOM node.</div><div class="long">Returns the value of an attribute from the element's underlying DOM node.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>name</code> : String<div class="sub-desc">The attribute name</div></li><li><code>namespace</code> : String<div class="sub-desc">(optional) The namespace in which to look for the attribute</div></li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The attribute value</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getAttribute" ext:member="#getAttribute" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getAttributeNS"></a><b><a href="source/Element.html#method-Ext.Element-getAttributeNS">getAttributeNS</a></b>( <code>String namespace</code>, <code>String name</code> )\r
:\r
Number<div class="mdesc"><div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div><div class="long">Gets the bottom Y coordinate of the element (element Y position + element height)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>local</code> : Boolean<div class="sub-desc">True to get the local css position instead of page coordinate</div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getBottom" ext:member="#getBottom" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getBox"></a><b><a href="source/Element.position-more.html#method-Ext.Element-getBox">getBox</a></b>( <span title="Optional" class="optional">[<code>Boolean contentBox</code>]</span>, <span title="Optional" class="optional">[<code>Boolean local</code>]</span> )\r
:\r
- Object<div class="mdesc"><div class="short">Return a box {x, y, width, height} that can be used to set another elements \r
-size/location to match this element.</div><div class="long">Return a box {x, y, width, height} that can be used to set another elements\r
-size/location to match this element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>contentBox</code> : Boolean<div class="sub-desc">(optional) If true a box for the content of the element is returned.</div></li><li><code>local</code> : Boolean<div class="sub-desc">(optional) If true the element's left and top are returned instead of page x/y.</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">box An object in the format {x, y, width, height}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getBox" ext:member="#getBox" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getCenterXY"></a><b><a href="source/Element.alignment.html#method-Ext.Element-getCenterXY">getCenterXY</a></b>()\r
+ Object<div class="mdesc"><div class="short">Return an object defining the area of this Element which can be passed to setBox to \r
+set another Element's size/locat...</div><div class="long">Return an object defining the area of this Element which can be passed to <a href="output/Ext.Element.html#Ext.Element-setBox" ext:member="setBox" ext:cls="Ext.Element">setBox</a> to\r
+set another Element's size/location to match this element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>contentBox</code> : Boolean<div class="sub-desc">(optional) If true a box for the content of the element is returned.</div></li><li><code>local</code> : Boolean<div class="sub-desc">(optional) If true the element's left and top are returned instead of page x/y.</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">box An object in the format<pre><code> \r
+{ \r
+ x: &lt;Element's X position>, \r
+ y: &lt;Element's Y position>, \r
+ width: &lt;Element's width>, \r
+ height: &lt;Element's height>, \r
+ bottom: &lt;Element's lower bound>, \r
+ right: &lt;Element's rightmost bound> \r
+} \r
+</code></pre> \r
+The returned object may also be addressed as an Array where index 0 contains the X position \r
+and index 1 contains the Y position. So the result may also be used for {@link #setXY}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getBox" ext:member="#getBox" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getCenterXY"></a><b><a href="source/Element.alignment.html#method-Ext.Element-getCenterXY">getCenterXY</a></b>()\r
:\r
Array<div class="mdesc"><div class="short">Calculates the x, y to center this element on the screen</div><div class="long">Calculates the x, y to center this element on the screen<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">The x, y values [x, y]</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getCenterXY" ext:member="#getCenterXY" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getColor"></a><b><a href="source/Element.style.html#method-Ext.Element-getColor">getColor</a></b>( <code>String attr</code>, <code>String defaultValue</code>, <span title="Optional" class="optional">[<code>String prefix</code>]</span> )\r
:\r
if a width has not been set using CSS.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getComputedWidth" ext:member="#getComputedWidth" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getFrameWidth"></a><b><a href="source/Element.style-more.html#method-Ext.Element-getFrameWidth">getFrameWidth</a></b>( <code>String sides</code> )\r
:\r
Number<div class="mdesc"><div class="short">Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth() \r
-
for more informa...</div><div class="long">Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
\r-
for more information about the sides.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>sides</code> : String<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getFrameWidth" ext:member="#getFrameWidth" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getHeight"></a><b><a href="source/Element.style.html#method-Ext.Element-getHeight">getHeight</a></b>( <span title="Optional" class="optional">[<code>Boolean contentHeight</code>]</span> )
\r+
for more info...</div><div class="long">Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
\r+ for more information about the sides.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>sides</code> : String<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getFrameWidth" ext:member="#getFrameWidth" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getHeight"></a><b><a href="source/Element.style.html#method-Ext.Element-getHeight">getHeight</a></b>( <span title="Optional" class="optional">[<code>Boolean contentHeight</code>]</span> )\r
:\r
Number<div class="mdesc"><div class="short">Returns the offset height of the element</div><div class="long">Returns the offset height of the element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>contentHeight</code> : Boolean<div class="sub-desc">(optional) true to get the height minus borders and padding</div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The element's height</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getHeight" ext:member="#getHeight" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getLeft"></a><b><a href="source/Element.position.html#method-Ext.Element-getLeft">getLeft</a></b>( <code>Boolean local</code> )\r
:\r
:\r
Ext.Updater<div class="mdesc"><div class="short">Gets this element's Updater</div><div class="long">Gets this element's <a href="output/Ext.Updater.html" ext:cls="Ext.Updater">Updater</a><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Updater</code><div class="sub-desc">The Updater</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getUpdater" ext:member="#getUpdater" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getValue"></a><b><a href="source/Element.html#method-Ext.Element-getValue">getValue</a></b>( <code>Boolean asNumber</code> )\r
:\r
- String/Number<div class="mdesc"><div class="short">Returns the value of the "value" attribute</div><div class="long">Returns the value of the "value" attribute<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>asNumber</code> : Boolean<div class="sub-desc">true to parse the value as a number</div></li></ul><strong>Returns:</strong><ul><li><code>String/Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getValue" ext:member="#getValue" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getViewSize"></a><b><a href="source/Element.style-more.html#method-Ext.Element-getViewSize">getViewSize</a></b>()\r
+ String/Number<div class="mdesc"><div class="short">Returns the value of the "value" attribute</div><div class="long">Returns the value of the "value" attribute<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>asNumber</code> : Boolean<div class="sub-desc">true to parse the value as a number</div></li></ul><strong>Returns:</strong><ul><li><code>String/Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getValue" ext:member="#getValue" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getViewSize"></a><b><a href="source/Element.style-more.html#method-Ext.Element-getViewSize">getViewSize</a></b>( <code>Boolean contentBox</code> )\r
:\r
- Object<div class="mdesc"><div class="short">Returns the width and height of the viewport. \r
-var vpSize = Ext.getBody().getViewSize(); \r
- \r
- // all Windows cr...</div><div class="long">Returns the width and height of the viewport.\r
-<pre><code><b>var</b> vpSize = Ext.getBody().getViewSize();\r
+ Object<div class="mdesc"><div class="short">Returns the dimensions of the element available to lay content out in. \r
+If the element (or any ancestor element) has ...</div><div class="long"><p>Returns the dimensions of the element available to lay content out in.<p>\r
+<p>If the element (or any ancestor element) has CSS style <code>display : none</code>, the dimensions will be zero.</p>\r
+example:<pre><code><b>var</b> vpSize = Ext.getBody().getViewSize();\r
\r
<i>// all Windows created afterwards will have a <b>default</b> value of 90% height and 95% width\r</i>
Ext.Window.override({\r
width: vpSize.width * 0.9,\r
height: vpSize.height * 0.95\r
});\r
- <i>// To handle window resizing you would have to hook onto onWindowResize.</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the viewport's size {width: (viewport width), height: (viewport height)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getViewSize" ext:member="#getViewSize" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getWidth"></a><b><a href="source/Element.style.html#method-Ext.Element-getWidth">getWidth</a></b>( <span title="Optional" class="optional">[<code>Boolean contentWidth</code>]</span> )\r
+ <i>// To handle window resizing you would have to hook onto onWindowResize.</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>contentBox</code> : Boolean<div class="sub-desc">True to return the W3 content box <i>within</i> the padding area of the element. False\r
+or omitted to return the full area of the element within the border. See <a href="http://www.w3.org/TR/CSS2/box.html">http://www.w3.org/TR/CSS2/box.html</a></div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the elements's area: <code>{width: &lt;element width>, height: &lt;element height>}</code></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getViewSize" ext:member="#getViewSize" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getWidth"></a><b><a href="source/Element.style.html#method-Ext.Element-getWidth">getWidth</a></b>( <span title="Optional" class="optional">[<code>Boolean contentWidth</code>]</span> )\r
:\r
Number<div class="mdesc"><div class="short">Returns the offset width of the element</div><div class="long">Returns the offset width of the element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>contentWidth</code> : Boolean<div class="sub-desc">(optional) true to get the width minus borders and padding</div></li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The element's width</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#getWidth" ext:member="#getWidth" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-getX"></a><b><a href="source/Element.position.html#method-Ext.Element-getX">getX</a></b>()\r
:\r
:\r
HTMLElement/Ext.Element<div class="mdesc"><div class="short">Inserts an html fragment into this element</div><div class="long">Inserts an html fragment into this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>where</code> : String<div class="sub-desc">Where to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</div></li><li><code>html</code> : String<div class="sub-desc">The HTML fragment</div></li><li><code>returnEl</code> : Boolean<div class="sub-desc">(optional) True to return an Ext.Element (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement/Ext.Element</code><div class="sub-desc">The inserted node (or nearest related if more than 1 inserted)</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#insertHtml" ext:member="#insertHtml" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-insertSibling"></a><b><a href="source/Element.insertion-more.html#method-Ext.Element-insertSibling">insertSibling</a></b>( <code>Mixed/Object/Array el</code>, <span title="Optional" class="optional">[<code>String where</code>]</span>, <span title="Optional" class="optional">[<code>Boolean returnDom</code>]</span> )\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div><div class="long">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : Mixed/Object/Array<div class="sub-desc">The id, element to insert or a DomHelper config to create and insert *or* an array of any of those.</div></li><li><code>where</code> : String<div class="sub-desc">(optional) 'before' or 'after' defaults to before</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the raw DOM element instead of Ext.Element</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">
the inserted Element</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#insertSibling" ext:member="#insertSibling" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-is"></a><b><a href="source/Element.html#method-Ext.Element-is">is</a></b>( <code>String selector</code> )
\r+ Ext.Element<div class="mdesc"><div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div><div class="long">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : Mixed/Object/Array<div class="sub-desc">The id, element to insert or a DomHelper config to create and insert *or* an array of any of those.</div></li><li><code>where</code> : String<div class="sub-desc">(optional) 'before' or 'after' defaults to before</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the raw DOM element instead of Ext.Element</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">
The inserted Element. If an array is passed, the last inserted element is returned.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#insertSibling" ext:member="#insertSibling" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-is"></a><b><a href="source/Element.html#method-Ext.Element-is">is</a></b>( <code>String selector</code> )
\r :\r
Boolean<div class="mdesc"><div class="short">Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)</div><div class="long">Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">The simple selector to test</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this element matches the selector, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#is" ext:member="#is" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-isBorderBox"></a><b><a href="source/Element.html#method-Ext.Element-isBorderBox">isBorderBox</a></b>()\r
:\r
:\r
Ext.Element/HTMLElement<div class="mdesc"><div class="short">Gets the last child, skipping text nodes</div><div class="long">Gets the last child, skipping text nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the previous sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The last child or null</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#last" ext:member="#last" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-load"></a><b><a href="source/Element-more.html#method-Ext.Element-load">load</a></b>()\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Direct access to the Updater Ext.Updater.update method. The method takes the same object \r
-parameter as Ext.Updater.up...</div><div class="long">Direct access to the Updater <a href="output/Ext.Updater.html#Ext.Updater-update" ext:member="update" ext:cls="Ext.Updater">Ext.Updater.update</a> method. The method takes the same object\r
+ Ext.Element<div class="mdesc"><div class="short">Direct access to the Updater Ext.Updater.update method. The method takes the same object\r
+parameter as Ext.Updater.upd...</div><div class="long">Direct access to the Updater <a href="output/Ext.Updater.html#Ext.Updater-update" ext:member="update" ext:cls="Ext.Updater">Ext.Updater.update</a> method. The method takes the same object
parameter as <a href="output/Ext.Updater.html#Ext.Updater-update" ext:member="update" ext:cls="Ext.Updater">Ext.Updater.update</a><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#load" ext:member="#load" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-mask"></a><b><a href="source/Element.fx-more.html#method-Ext.Element-mask">mask</a></b>( <span title="Optional" class="optional">[<code>String msg</code>]</span>, <span title="Optional" class="optional">[<code>String msgCls</code>]</span> )\r
:\r
Element<div class="mdesc"><div class="short">Puts a mask over this element to disable user interaction. Requires core.css. \r
the element positione...</div><div class="long">Initializes positioning on this element. If a desired position is not passed, it will make the\r
the element positioned relative IF it is not already positioned.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>pos</code> : String<div class="sub-desc">(optional) Positioning to use "relative", "absolute" or "fixed"</div></li><li><code>zIndex</code> : Number<div class="sub-desc">(optional) The zIndex to apply</div></li><li><code>x</code> : Number<div class="sub-desc">(optional) Set the page X position</div></li><li><code>y</code> : Number<div class="sub-desc">(optional) Set the page Y position</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#position" ext:member="#position" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-prev"></a><b><a href="source/Element.traversal.html#method-Ext.Element-prev">prev</a></b>( <span title="Optional" class="optional">[<code>String selector</code>]</span>, <span title="Optional" class="optional">[<code>Boolean returnDom</code>]</span> )\r
:\r
- Ext.Element/HTMLElement<div class="mdesc"><div class="short">Gets the previous sibling, skipping text nodes</div><div class="long">Gets the previous sibling, skipping text nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the previous sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The previous sibling or null</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#prev" ext:member="#prev" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-query"></a><b><a href="source/Element.traversal.html#method-Ext.Element-query">query</a></b>( <code>String selector</code> )\r
+ Ext.Element/HTMLElement<div class="mdesc"><div class="short">Gets the previous sibling, skipping text nodes</div><div class="long">Gets the previous sibling, skipping text nodes<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the previous sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The previous sibling or null</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#prev" ext:member="#prev" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-purgeAllListeners"></a><b><a href="source/Element.html#method-Ext.Element-purgeAllListeners">purgeAllListeners</a></b>()\r
+ :\r
+ Ext.Element<div class="mdesc"><div class="short">Recursively removes all previous added listeners from this element and its children</div><div class="long">Recursively removes all previous added listeners from this element and its children<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#purgeAllListeners" ext:member="#purgeAllListeners" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-query"></a><b><a href="source/Element.traversal.html#method-Ext.Element-query">query</a></b>( <code>String selector</code> )\r
:\r
Array<div class="mdesc"><div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div><div class="long">Selects child nodes based on the passed CSS selector (the selector should not contain an id).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">An array of the matched nodes</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#query" ext:member="#query" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-radioClass"></a><b><a href="source/Element.style.html#method-Ext.Element-radioClass">radioClass</a></b>( <code>String/Array className</code> )\r
:\r
Ext.Element<div class="mdesc"><div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div><div class="long">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to add, or an array of classes</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#radioClass" ext:member="#radioClass" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-relayEvent"></a><b><a href="source/Element-more.html#method-Ext.Element-relayEvent">relayEvent</a></b>( <code>String eventName</code>, <code>Object object</code> )\r
:\r
- void<div class="mdesc"><div class="short">Create an event handler on this element such that when the event fires and is handled by this element, \r
-it will be re...</div><div class="long">Create an event handler on this element such that when the event fires and is handled by this element,\r
-it will be relayed to another object (i.e., fired again as if it originated from that object instead).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to relay</div></li><li><code>object</code> : Object<div class="sub-desc">Any object that extends <a href="output/Ext.util.Observable.html" ext:cls="Ext.util.Observable">Ext.util.Observable</a> that will provide the context\r
+ void<div class="mdesc"><div class="short">Create an event handler on this element such that when the event fires and is handled by this element,\r
+it will be rel...</div><div class="long">Create an event handler on this element such that when the event fires and is handled by this element,
+it will be relayed to another object (i.e., fired again as if it originated from that object instead).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to relay</div></li><li><code>object</code> : Object<div class="sub-desc">Any object that extends <a href="output/Ext.util.Observable.html" ext:cls="Ext.util.Observable">Ext.util.Observable</a> that will provide the context
for firing the relayed event</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#relayEvent" ext:member="#relayEvent" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-remove"></a><b><a href="source/Element.html#method-Ext.Element-remove">remove</a></b>()\r
:\r
- void<div class="mdesc"><div class="short">Removes this element from the DOM and deletes it from the cache</div><div class="long">Removes this element from the DOM and deletes it from the cache<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#remove" ext:member="#remove" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-removeAllListeners"></a><b><a href="source/Element.html#method-Ext.Element-removeAllListeners">removeAllListeners</a></b>()\r
+ void<div class="mdesc"><div class="short">Removes this element's dom reference. Note that event and cache removal is handled at Ext.removeNode</div><div class="long"><p>Removes this element's dom reference. Note that event and cache removal is handled at <a href="output/Ext.html#Ext-removeNode" ext:member="removeNode" ext:cls="Ext">Ext.removeNode</a></p><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#remove" ext:member="#remove" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-removeAllListeners"></a><b><a href="source/Element.html#method-Ext.Element-removeAllListeners">removeAllListeners</a></b>()\r
+ :\r
+ Ext.Element<div class="mdesc"><div class="short">Removes all previous added listeners from this element</div><div class="long">Removes all previous added listeners from this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#removeAllListeners" ext:member="#removeAllListeners" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-removeAnchor"></a><b><a href="source/Element.alignment.html#method-Ext.Element-removeAnchor">removeAnchor</a></b>()\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Remove
s all previous added listeners from this element</div><div class="long">Removes all previous added listeners from this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#removeAllListeners" ext:member="#removeAllListeners" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-removeClass"></a><b><a href="source/Element.style.html#method-Ext.Element-removeClass">removeClass</a></b>( <code>String/Array className</code> )
\r+ Ext.Element<div class="mdesc"><div class="short">Remove
any anchor to this element. See anchorTo.</div><div class="long">Remove any anchor to this element. See <a href="output/Ext.Element.html#Ext.Element-anchorTo" ext:member="anchorTo" ext:cls="Ext.Element">anchorTo</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#removeAnchor" ext:member="#removeAnchor" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-removeClass"></a><b><a href="source/Element.style.html#method-Ext.Element-removeClass">removeClass</a></b>( <code>String/Array className</code> )
\r :\r
Ext.Element<div class="mdesc"><div class="short">Removes one or more CSS classes from the element.</div><div class="long">Removes one or more CSS classes from the element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to remove, or an array of classes</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#removeClass" ext:member="#removeClass" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-removeListener"></a><b><a href="source/Element.html#method-Ext.Element-removeListener">removeListener</a></b>( <code>String eventName</code>, <code>Function fn</code>, <code>Object scope</code> )\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Removes an event handler from this element. The shorthand version un is equivalent. \r
-Note: if a scope was explicitly...</div><div class="long">Removes an event handler from this element. The shorthand version <a href="output/Ext.Element.html#Ext.Element-un" ext:member="un" ext:cls="Ext.Element">un</a> is equivalent.\r
-<b>Note</b>: if a <i>scope</i> was explicitly specified when <a href="output/Ext.Element.html#Ext.Element-addListener" ext:member="addListener" ext:cls="Ext.Element">adding</a> the\r
-listener, the same scope must be specified here.\r
-Example:\r
-<pre><code>el.removeListener(<em>'click'</em>, this.handlerFn);\r
-<i>// or\r</i>
-el.un(<em>'click'</em>, this.handlerFn);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event from which to remove the handler.</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.Element.html#Ext.Element-addListener" ext:member="addListener" ext:cls="Ext.Element">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">If a scope (<b><code>this</code></b> reference) was specified when the listener was added,\r
+ Ext.Element<div class="mdesc"><div class="short">Removes an event handler from this element. The shorthand version un is equivalent.\r
+Note: if a scope was explicitly ...</div><div class="long">Removes an event handler from this element. The shorthand version <a href="output/Ext.Element.html#Ext.Element-un" ext:member="un" ext:cls="Ext.Element">un</a> is equivalent.
+<b>Note</b>: if a <i>scope</i> was explicitly specified when <a href="output/Ext.Element.html#Ext.Element-addListener" ext:member="addListener" ext:cls="Ext.Element">adding</a> the
+listener, the same scope must be specified here.
+Example:
+<pre><code>el.removeListener(<em>'click'</em>, this.handlerFn);
+<i>// or</i>
+el.un(<em>'click'</em>, this.handlerFn);</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event from which to remove the handler.</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.Element.html#Ext.Element-addListener" ext:member="addListener" ext:cls="Ext.Element">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">If a scope (<b><code>this</code></b> reference) was specified when the listener was added,
then this must refer to the same object.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#removeListener" ext:member="#removeListener" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-repaint"></a><b><a href="source/Element.style-more.html#method-Ext.Element-repaint">repaint</a></b>()\r
:\r
Ext.Element<div class="mdesc"><div class="short">Forces the browser to repaint this element</div><div class="long">Forces the browser to repaint this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#repaint" ext:member="#repaint" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-replace"></a><b><a href="source/Element.insertion.html#method-Ext.Element-replace">replace</a></b>( <code>Mixed el</code> )\r
Ext.Element<div class="mdesc"><div class="short">Scrolls this element into view within the passed container.</div><div class="long">Scrolls this element into view within the passed container.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>container</code> : Mixed<div class="sub-desc">(optional) The container element to scroll (defaults to document.body). Should be a\r
string (id), dom node, or Ext.Element.</div></li><li><code>hscroll</code> : Boolean<div class="sub-desc">(optional) False to disable horizontal scroll (defaults to true)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#scrollIntoView" ext:member="#scrollIntoView" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-scrollTo"></a><b><a href="source/Element.scroll-more.html#method-Ext.Element-scrollTo">scrollTo</a></b>( <code>String side</code>, <code>Number value</code>, <span title="Optional" class="optional">[<code>Boolean/Object animate</code>]</span> )\r
:\r
- Element<div class="mdesc"><div class="short">Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it ...</div><div class="long">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().<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>side</code> : String<div class="sub-desc">Either "left" for scrollLeft values or "top" for scrollTop values.</div></li><li><code>value</code> : Number<div class="sub-desc">The new scroll value</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) true for the default animation or a standard Element animation config object</div></li></ul><strong>Returns:</strong><ul><li><code>Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#scrollTo" ext:member="#scrollTo" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-select"></a><b><a href="source/Element.traversal.html#method-Ext.Element-select">select</a></b>( <code>String selector</code>, <span title="Optional" class="optional">[<code>Boolean unique</code>]</span> )\r
+ Element<div class="mdesc"><div class="short">Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it ...</div><div class="long">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().<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>side</code> : String<div class="sub-desc">Either "left" for scrollLeft values or "top" for scrollTop values.</div></li><li><code>value</code> : Number<div class="sub-desc">The new scroll value</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) true for the default animation or a standard Element animation config object</div></li></ul><strong>Returns:</strong><ul><li><code>Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#scrollTo" ext:member="#scrollTo" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-select"></a><b><a href="source/Element.traversal-more.html#method-Ext.Element-select">select</a></b>( <code>String selector</code>, <span title="Optional" class="optional">[<code>Boolean unique</code>]</span> )\r
:\r
CompositeElement/CompositeElementLite<div class="mdesc"><div class="short">Creates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an i...</div><div class="long">Creates a <a href="output/Ext.CompositeElement.html" ext:cls="Ext.CompositeElement">Ext.CompositeElement</a> for child nodes based on the passed CSS selector (the selector should not contain an id).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li><li><code>unique</code> : Boolean<div class="sub-desc">(optional) True to create a unique Ext.Element for each child (defaults to false, which creates a single shared flyweight object)</div></li></ul><strong>Returns:</strong><ul><li><code>CompositeElement/CompositeElementLite</code><div class="sub-desc">The composite element</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#select" ext:member="#select" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-set"></a><b><a href="source/Element.html#method-Ext.Element-set">set</a></b>( <code>Object o</code>, <span title="Optional" class="optional">[<code>Boolean useSet</code>]</span> )\r
:\r
Ext.fly(<em>'elId'</em>).setHeight(150, {
duration : .5, <i>// animation will have a duration of .5 seconds</i>
<i>// will change the content to <em>"finished"</em></i>
- callback: <b>function</b>(){ this.<a href="output/Ext.Element.html#Ext.Element-update" ext:member="update" ext:cls="Ext.Element">update</a>(<em>"finished"</em>); }
+ callback: <b>function</b>(){ this.<a href="output/Ext.Element.html#Ext.Element-update" ext:member="update" ext:cls="Ext.Element">update</a>(<em>"finished"</em>); }
});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> : Mixed<div class="sub-desc">The new height. This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new height in this Element's <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">defaultUnit</a>s (by default, pixels.)</li>
<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
:\r
Object<div class="mdesc"><div class="short">Translates the passed page coordinates into left/top css values for this element</div><div class="long">Translates the passed page coordinates into left/top css values for this element<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>x</code> : Number/Array<div class="sub-desc">The page x or an array containing [x, y]</div></li><li><code>y</code> : Number<div class="sub-desc">(optional) The page y, required if x is not an array</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object with left and top properties. e.g. {left: (value), top: (value)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#translatePoints" ext:member="#translatePoints" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-un"></a><b><a href="source/Element.html#method-Ext.Element-un">un</a></b>( <code>String eventName</code>, <code>Function fn</code>, <code>Object scope</code> )\r
:\r
- Ext.Element<div class="mdesc"><div class="short">Removes an event handler from this element (see removeListener for additional notes).</div><div class="long">Removes an event handler from this element (see <a href="output/Ext.Element.html#Ext.Element-removeListener" ext:member="removeListener" ext:cls="Ext.Element">removeListener</a> for additional notes).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event from which to remove the handler.</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.Element.html#Ext.Element-addListener" ext:member="addListener" ext:cls="Ext.Element">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">If a scope (<b><code>this</code></b> reference) was specified when the listener was added,\r
+ Ext.Element<div class="mdesc"><div class="short">Removes an event handler from this element (see removeListener for additional notes).</div><div class="long">Removes an event handler from this element (see <a href="output/Ext.Element.html#Ext.Element-removeListener" ext:member="removeListener" ext:cls="Ext.Element">removeListener</a> for additional notes).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event from which to remove the handler.</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.Element.html#Ext.Element-addListener" ext:member="addListener" ext:cls="Ext.Element">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">If a scope (<b><code>this</code></b> reference) was specified when the listener was added,
then this must refer to the same object.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#un" ext:member="#un" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-unclip"></a><b><a href="source/Element.style.html#method-Ext.Element-unclip">unclip</a></b>()\r
:\r
Ext.Element<div class="mdesc"><div class="short">Return clipping (overflow) to original clipping before clip was called</div><div class="long">Return clipping (overflow) to original clipping before <tt><a href="output/Ext.Element.html#Ext.Element-clip" ext:member="clip" ext:cls="Ext.Element">clip</a></tt> was called<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Element.html#unclip" ext:member="#unclip" ext:cls="Ext.Element">Element</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Element-unmask"></a><b><a href="source/Element.fx-more.html#method-Ext.Element-unmask">unmask</a></b>()\r
git.ithinksw.org / extjs.git / blobdiff