|
| Layer( Object config , [String/HTMLElement existingEl ] )
+ | Layer |
| addClass( String/Array className )
+ :
+ Ext.ElementAdds one or more CSS classes to the element. Duplicate classes are automatically filtered out. Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out. | Element |
| addClassOnClick( String className )
+ :
+ Ext.ElementSets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effe... Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect) | Element |
| addClassOnFocus( String className )
+ :
+ Ext.ElementSets up event handlers to add and remove a css class when this element has the focus Sets up event handlers to add and remove a css class when this element has the focus | Element |
| addClassOnOver( String className )
+ :
+ Ext.ElementSets up event handlers to add and remove a css class when the mouse is over this element Sets up event handlers to add and remove a css class when the mouse is over this element | Element |
| addKeyListener( Number/Array/Object/String key , Function fn , [Object scope ] )
+ :
Ext.KeyMapConvenience method for constructing a KeyMap Convenience method for constructing a KeyMap Parameters:key : Number/Array/Object/StringEither a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:
-{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)} fn : FunctionThe function to call scope : Object(optional) The scope of the function Returns:Ext.KeyMap The KeyMap created
| Element |
| addKeyMap( Object config )
- :
- Ext.KeyMapCreates a KeyMap for this element Creates a KeyMap for this element Parameters:config : ObjectThe KeyMap config. See Ext.KeyMap for more details Returns:Ext.KeyMap The KeyMap created
| Element |
| addListener( String eventName , Function fn , [Object scope ], [Object options ] )
- :
- Ext.ElementAppends an event handler to this element. The shorthand version on is equivalent. Appends an event handler to this element. The shorthand version on is equivalent. Parameters:eventName : StringThe type of event to handle fn : FunctionThe handler function the event invokes. This function is passed
-the following parameters: scope : Object(optional) The scope (this reference) in which the handler function is executed.
-If omitted, defaults to this Element.. options : Object(optional) An object containing handler configuration properties.
-This may contain any of the following properties:
-- scope Object :
The scope (this reference) in which the handler function is executed.
-If omitted, defaults to this Element.
-- delegate String:
A simple selector to filter the target or look for a descendant of the target. See below for additional details.
-- stopEvent Boolean:
True to stop the event. That is stop propagation, and prevent the default action.
-- preventDefault Boolean:
True to prevent the default action
-- stopPropagation Boolean:
True to prevent event propagation
-- normalized Boolean:
False to pass a browser event to the handler function instead of an Ext.EventObject
-- target Ext.Element:
Only call the handler if the event was fired on the target Element, not if the event was bubbled up from a child node.
-- delay Number:
The number of milliseconds to delay the invocation of the handler after the event fires.
-- single Boolean:
True to add a handler to handle just the next firing of the event, and then remove itself.
-- buffer Number:
Causes the handler to be scheduled to run in an Ext.util.DelayedTask delayed
-by the specified number of milliseconds. If the event fires again within that time, the original
-handler is not invoked, but the new handler is scheduled in its place.
-
-
-Combining Options
-In the following examples, the shorthand form on 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:
-
-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.
-Code: el.on('click', this.onClick, this, {
- single: true,
- delay: 100,
- stopEvent : true,
- forumId: 4
-});
-
-Attaching multiple handlers in 1 call
-The method also allows for a single argument to be passed which is a config object containing properties
-which specify multiple handlers.
-
-Code: el.on({
- 'click' : {
- fn: this.onClick,
- scope: this,
- delay: 100
- },
- 'mouseover' : {
- fn: this.onMouseOver,
- scope: this
- },
- 'mouseout' : {
- fn: this.onMouseOut,
- scope: this
- }
-});
-
-Or a shorthand syntax:
-Code:
-el.on({
- 'click' : this.onClick,
- 'mouseover' : this.onMouseOver,
- 'mouseout' : this.onMouseOut,
- scope: this
-});
- delegate
- 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: // using this markup:
-<div id='elId'>
- <p id='p1'>paragraph one</p>
- <p id='p2' class='clickable'>paragraph two</p>
- <p id='p3'>paragraph three</p>
-</div>
-// utilize event delegation to registering just one handler on the container element:
-el = Ext.get('elId');
-el.on(
- 'click',
- function(e,t) {
- // handle click
- console.info(t.id); // 'p2'
- },
- this,
- {
- // filter the target element to be a descendant with the class 'clickable'
- delegate: '.clickable'
- }
-);
Returns:
| Element |
| alignTo( Mixed element , String position , [Array offsets ], [Boolean/Object animate ] )
- :
- Ext.ElementAligns this element with another element relative to the specified anchor points. If the other element is the
-docume... 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:
-
-- Blank: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").
-- One anchor (deprecated): 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. This method has been
-deprecated in favor of the newer two anchor syntax below.
-- Two anchors: 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.
-
-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:
-
-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
-
-Example Usage:
- // align el to other-el using the default positioning ("tl-bl", non-constrained)
-el.alignTo("other-el");
-
-// align the top left corner of el with the top right corner of other-el (constrained to viewport)
-el.alignTo("other-el", "tr?");
-
-// align the bottom right corner of el with the center left edge of other-el
-el.alignTo("other-el", "br-l?");
-
-// align the center of el with the bottom left corner of other-el and
-// adjust the x position by -6 pixels (and the y position by 0)
-el.alignTo("other-el", "c-bl", [-6, 0]);
Parameters:element : MixedThe element to align to. position : StringThe position to align to. offsets : Array(optional) Offset the positioning by [x, y] animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| anchorTo( Mixed element , String position , [Array offsets ], [Boolean/Object animate ], [Boolean/Number monitorScroll ], Function callback )
- :
- Ext.ElementAnchors an element to another element and realigns it when the window is resized. Anchors an element to another element and realigns it when the window is resized. Parameters:element : MixedThe element to align to. position : StringThe position to align to. offsets : Array(optional) Offset the positioning by [x, y] animate : Boolean/Object(optional) True for the default animation or a standard Element animation config object monitorScroll : Boolean/Number(optional) True to monitor body scroll and reposition. If this parameter
-is a number, it is used as the buffer delay (defaults to 50ms). callback : FunctionThe function to call after the animation finishes Returns: | Element |
| animate( Object args , [Float duration ], [Function onComplete ], [String easing ], [String animType ] )
- :
- Ext.ElementPerform custom animation on this element.
-<ul class="mdetail-params">
-Animation Properties
+{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)} fn : FunctionThe function to call scope : Object(optional) The scope (this reference) in which the specified function is executed. Defaults to this Element. Returns:Ext.KeyMap The KeyMap created
| Element |
| addKeyMap( Object config )
+ :
+ Ext.KeyMapCreates a KeyMap for this element Creates a KeyMap for this element Parameters:config : ObjectThe KeyMap config. See Ext.KeyMap for more details Returns:Ext.KeyMap The KeyMap created
| Element |
| addListener( String eventName , Function fn , [Object scope ], [Object options ] )
+ :
+ Ext.ElementAppends an event handler to this element. The shorthand version on is equivalent. Appends an event handler to this element. The shorthand version on is equivalent. Parameters:eventName : StringThe name of event to handle. fn : FunctionThe handler function the event invokes. This function is passed
+the following parameters: scope : Object(optional) The scope (this reference) in which the handler function is executed.
+If omitted, defaults to this Element.. options : Object(optional) An object containing handler configuration properties.
+This may contain any of the following properties:
+- scope Object :
The scope (this reference) in which the handler function is executed.
+If omitted, defaults to this Element.
+- delegate String:
A simple selector to filter the target or look for a descendant of the target. See below for additional details.
+- stopEvent Boolean:
True to stop the event. That is stop propagation, and prevent the default action.
+- preventDefault Boolean:
True to prevent the default action
+- stopPropagation Boolean:
True to prevent event propagation
+- normalized Boolean:
False to pass a browser event to the handler function instead of an Ext.EventObject
+- target Ext.Element:
Only call the handler if the event was fired on the target Element, not if the event was bubbled up from a child node.
+- delay Number:
The number of milliseconds to delay the invocation of the handler after the event fires.
+- single Boolean:
True to add a handler to handle just the next firing of the event, and then remove itself.
+- buffer Number:
Causes the handler to be scheduled to run in an Ext.util.DelayedTask delayed
+by the specified number of milliseconds. If the event fires again within that time, the original
+handler is not invoked, but the new handler is scheduled in its place.
+
+
+Combining Options
+In the following examples, the shorthand form on 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:
+
+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.
+Code: el.on('click', this.onClick, this, {
+ single: true,
+ delay: 100,
+ stopEvent : true,
+ forumId: 4
+});
+
+Attaching multiple handlers in 1 call
+The method also allows for a single argument to be passed which is a config object containing properties
+which specify multiple handlers.
+
+Code: el.on({
+ 'click' : {
+ fn: this.onClick,
+ scope: this,
+ delay: 100
+ },
+ 'mouseover' : {
+ fn: this.onMouseOver,
+ scope: this
+ },
+ 'mouseout' : {
+ fn: this.onMouseOut,
+ scope: this
+ }
+});
+
+Or a shorthand syntax:
+Code:
+el.on({
+ 'click' : this.onClick,
+ 'mouseover' : this.onMouseOver,
+ 'mouseout' : this.onMouseOut,
+ scope: this
+});
+ delegate
+ 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: // using this markup:
+<div id='elId'>
+ <p id='p1'>paragraph one</p>
+ <p id='p2' class='clickable'>paragraph two</p>
+ <p id='p3'>paragraph three</p>
+</div>
+// utilize event delegation to registering just one handler on the container element:
+el = Ext.get('elId');
+el.on(
+ 'click',
+ function(e,t) {
+ // handle click
+ console.info(t.id); // 'p2'
+ },
+ this,
+ {
+ // filter the target element to be a descendant with the class 'clickable'
+ delegate: '.clickable'
+ }
+);
Returns:
| Element |
| alignTo( Mixed element , String position , [Array offsets ], [Boolean/Object animate ] )
+ :
+ Ext.ElementAligns this element with another element relative to the specified anchor points. If the other element is the
+documen... 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:
+
+- Blank: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").
+- One anchor (deprecated): 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. This method has been
+deprecated in favor of the newer two anchor syntax below.
+- Two anchors: 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.
+
+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:
+
+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
+
+Example Usage:
+ // align el to other-el using the default positioning ("tl-bl", non-constrained)
+el.alignTo("other-el");
+
+// align the top left corner of el with the top right corner of other-el (constrained to viewport)
+el.alignTo("other-el", "tr?");
+
+// align the bottom right corner of el with the center left edge of other-el
+el.alignTo("other-el", "br-l?");
+
+// align the center of el with the bottom left corner of other-el and
+// adjust the x position by -6 pixels (and the y position by 0)
+el.alignTo("other-el", "c-bl", [-6, 0]);
Parameters:element : MixedThe element to align to. position : String(optional, defaults to "tl-bl?") The position to align to. offsets : Array(optional) Offset the positioning by [x, y] animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| anchorTo( Mixed element , String position , [Array offsets ], [Boolean/Object animate ], [Boolean/Number monitorScroll ], Function callback )
+ :
+ Ext.ElementAnchors an element to another element and realigns it when the window is resized. Anchors an element to another element and realigns it when the window is resized. Parameters:element : MixedThe element to align to. position : StringThe position to align to. offsets : Array(optional) Offset the positioning by [x, y] animate : Boolean/Object(optional) True for the default animation or a standard Element animation config object monitorScroll : Boolean/Number(optional) True to monitor body scroll and reposition. If this parameter
+is a number, it is used as the buffer delay (defaults to 50ms). callback : FunctionThe function to call after the animation finishes Returns: | Element |
| animate( Object args , [Float duration ], [Function onComplete ], [String easing ], [String animType ] )
+ :
+ Ext.ElementPerform custom animation on this element.
+<ul class="mdetail-params">
+Animation Properties
The Animation Control O... Perform custom animation on this element.
- Animation Properties
@@ -258,22 +258,22 @@ way points during transit.
Parameters:args : ObjectThe animation control args duration : Float(optional) How long the animation lasts in seconds (defaults to .35) onComplete : Function(optional) Function to call when animation completes easing : StringanimType : String(optional) 'run' is the default. Can also be 'color',
-'motion', or 'scroll' Returns: | Element |
| appendChild( String/HTMLElement/Array/Element/CompositeElement el )
- :
- Ext.ElementAppends the passed element(s) to this element Appends the passed element(s) to this element Parameters:el : String/HTMLElement/Array/Element/CompositeElement Returns: | Element |
| appendTo( Mixed el )
- :
- Ext.ElementAppends this element to the passed element Appends this element to the passed element Parameters:el : MixedThe new parent element Returns: | Element |
| applyStyles( String/Object/Function styles )
- :
+'motion', or 'scroll'Returns: | Element |
| appendChild( String/HTMLElement/Array/Element/CompositeElement el )
+ :
+ Ext.ElementAppends the passed element(s) to this element Appends the passed element(s) to this element Parameters:el : String/HTMLElement/Array/Element/CompositeElement Returns: | Element |
| appendTo( Mixed el )
+ :
+ Ext.ElementAppends this element to the passed element Appends this element to the passed element Parameters:el : MixedThe new parent element Returns: | Element |
| applyStyles( String/Object/Function styles )
+ :
Ext.ElementMore flexible version of setStyle for setting style properties. More flexible version of setStyle for setting style properties. Parameters:styles : String/Object/FunctionA style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or
-a function which returns such a specification. Returns: | Element |
| autoHeight( [Boolean animate ], [Float duration ], [Function onComplete ], [String easing ] )
- :
- Ext.ElementMeasures the element's content height and updates height to match. Note: this function uses setTimeout so
+a function which returns such a specification. Returns: | Element |
| autoHeight( [Boolean animate ], [Float duration ], [Function onComplete ], [String easing ] )
+ :
+ Ext.ElementMeasures the element's content height and updates height to match. Note: this function uses setTimeout so
the new he... Measures the element's content height and updates height to match. Note: this function uses setTimeout so
-the new height may not be available immediately. Parameters:animate : Boolean(optional) Animate the transition (defaults to false) duration : Float(optional) Length of the animation in seconds (defaults to .35) onComplete : Function(optional) Function to call when animation completes easing : String(optional) Easing method to use (defaults to easeOut) Returns: | Element |
| blur()
- :
- Ext.ElementTries to blur the element. Any exceptions are caught and ignored. Tries to blur the element. Any exceptions are caught and ignored. | Element |
| boxWrap( [String class ] )
- :
- Ext.ElementWraps the specified element with a special 9 element markup/CSS block that renders by default as
+the new height may not be available immediately. Parameters:animate : Boolean(optional) Animate the transition (defaults to false) duration : Float(optional) Length of the animation in seconds (defaults to .35) onComplete : Function(optional) Function to call when animation completes easing : String(optional) Easing method to use (defaults to easeOut) Returns: | Element |
| blur()
+ :
+ Ext.ElementTries to blur the element. Any exceptions are caught and ignored. Tries to blur the element. Any exceptions are caught and ignored. | Element |
| boxWrap( [String class ] )
+ :
+ Ext.ElementWraps the specified element with a special 9 element markup/CSS block that renders by default as
a gray container wi... Wraps the specified element with a special 9 element markup/CSS block that renders by default as
a gray container with a gradient background, rounded corners and a 4-way shadow.
This special markup is used throughout Ext when box wrapping elements (Ext.Button,
@@ -285,331 +285,343 @@ is of this form:
<div class= "{0}-bl"><div class= "{0}-br"><div class= "{0}-bc"></div></div></div>';
Example usage:
// Basic box wrap
-Ext.get("foo").boxWrap();
+ Ext.get("foo").boxWrap();
-// You can also add a custom class and use CSS inheritance rules to customize the box look.
-// 'x-box-blue' is a built-in alternative -- look at the related CSS definitions as an example
-// for how to create a custom box wrap style.
-Ext.get("foo").boxWrap().addClass("x-box-blue");
Parameters:class : String(optional) A base CSS class to apply to the containing wrapper element
+ // You can also add a custom class and use CSS inheritance rules to customize the box look.
+ // 'x-box-blue' is a built-in alternative -- look at the related CSS definitions as an example
+ // for how to create a custom box wrap style.
+ Ext.get( "foo").boxWrap().addClass( "x-box-blue"); Parameters:class : String(optional) A base CSS class to apply to the containing wrapper element
(defaults to 'x-box'). Note that there are a number of CSS rules that are dependent on
this name to make the overall effect work, so if you supply an alternate base class, make sure you
-also supply all of the necessary rules. Returns:
| Element |
| center( [Mixed centerIn ] )
- :
- voidCenters the Element in either the viewport, or another Element. Centers the Element in either the viewport, or another Element. | Element |
| child( String selector , [Boolean returnDom ] )
- :
- HTMLElement/Ext.ElementSelects a single child at any depth below this element based on the passed CSS selector (the selector should not cont... Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id). | Element |
| clean( [Boolean forceReclean ] )
- :
- voidRemoves worthless text nodes Removes worthless text nodes | Element |
| clearOpacity()
- :
- Ext.ElementClears any opacity settings from this element. Required in some cases for IE. Clears any opacity settings from this element. Required in some cases for IE. | Element |
| clearPositioning( [String value ] )
- :
- Ext.ElementClear positioning back to the default when the document was loaded Clear positioning back to the default when the document was loaded Parameters:value : String(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'. Returns: | Element |
| clip()
- :
- Ext.ElementStore the current overflow setting and clip overflow on the element - use unclip to remove Store the current overflow setting and clip overflow on the element - use unclip to remove | Element |
| contains( HTMLElement/String el )
- :
- BooleanReturns true if this element is an ancestor of the passed element Returns true if this element is an ancestor of the passed element Parameters:el : HTMLElement/StringThe element to check Returns: | Element |
| createChild( Object config , [HTMLElement insertBefore ], [Boolean returnDom ] )
- :
+also supply all of the necessary rules.Returns: | Element |
| center( [Mixed centerIn ] )
+ :
+ voidCenters the Element in either the viewport, or another Element. Centers the Element in either the viewport, or another Element. | Element |
| child( String selector , [Boolean returnDom ] )
+ :
+ HTMLElement/Ext.ElementSelects a single child at any depth below this element based on the passed CSS selector (the selector should not cont... Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id). | Element |
| clean( [Boolean forceReclean ] )
+ :
+ voidRemoves worthless text nodes Removes worthless text nodes | Element |
| clearOpacity()
+ :
+ Ext.ElementClears any opacity settings from this element. Required in some cases for IE. Clears any opacity settings from this element. Required in some cases for IE. | Element |
| clearPositioning( [String value ] )
+ :
+ Ext.ElementClear positioning back to the default when the document was loaded Clear positioning back to the default when the document was loaded Parameters:value : String(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'. Returns: | Element |
| clip()
+ :
+ Ext.ElementStore the current overflow setting and clip overflow on the element - use unclip to remove Store the current overflow setting and clip overflow on the element - use unclip to remove | Element |
| contains( HTMLElement/String el )
+ :
+ BooleanReturns true if this element is an ancestor of the passed element Returns true if this element is an ancestor of the passed element Parameters:el : HTMLElement/StringThe element to check Returns: | Element |
| createChild( Object config , [HTMLElement insertBefore ], [Boolean returnDom ] )
+ :
Ext.ElementCreates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e... Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element. Parameters:config : ObjectDomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be
-automatically generated with the specified attributes. insertBefore : HTMLElement(optional) a child element of this element returnDom : Boolean(optional) true to return the dom node instead of creating an Element Returns:Ext.Element The new child element
| Element |
| createProxy( String/Object config , [String/HTMLElement renderTo ], [Boolean matchBox ] )
- :
- Ext.ElementCreates a proxy element of this element Creates a proxy element of this element Parameters:config : String/ObjectThe class name of the proxy element or a DomHelper config object renderTo : String/HTMLElement(optional) The element or element id to render the proxy to (defaults to document.body) matchBox : Boolean(optional) True to align and size the proxy to this element now (defaults to false) Returns:Ext.Element The new proxy element
| Element |
| createShim()
- :
- Ext.ElementCreates an iframe shim for this element to keep selects and other windowed objects from
+automatically generated with the specified attributes. insertBefore : HTMLElement(optional) a child element of this element returnDom : Boolean(optional) true to return the dom node instead of creating an Element Returns:Ext.Element The new child element
| Element |
| createProxy( String/Object config , [String/HTMLElement renderTo ], [Boolean matchBox ] )
+ :
+ Ext.ElementCreates a proxy element of this element Creates a proxy element of this element Parameters:config : String/ObjectThe class name of the proxy element or a DomHelper config object renderTo : String/HTMLElement(optional) The element or element id to render the proxy to (defaults to document.body) matchBox : Boolean(optional) True to align and size the proxy to this element now (defaults to false) Returns:Ext.Element The new proxy element
| Element |
| createShim()
+ :
+ Ext.ElementCreates an iframe shim for this element to keep selects and other windowed objects from
showing through. Creates an iframe shim for this element to keep selects and other windowed objects from
-showing through. Parameters:Returns:Ext.Element The new shim element
| Element |
| down( String selector , [Boolean returnDom ] )
- :
- HTMLElement/Ext.ElementSelects a single *direct* child based on the passed CSS selector (the selector should not contain an id). Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id). | Element |
| enableDisplayMode( [String display ] )
- :
- Ext.ElementConvenience method for setVisibilityMode(Element.DISPLAY) Convenience method for setVisibilityMode(Element.DISPLAY) | Element |
| findParent( String selector , [Number/Mixed maxDepth ], [Boolean returnEl ] )
- :
- HTMLElementLooks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:fi... Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child) Parameters:selector : StringThe simple selector to test maxDepth : Number/Mixed(optional) The max depth to search as a number or element (defaults to 50 || document.body) returnEl : Boolean(optional) True to return a Ext.Element object instead of DOM node Returns: | Element |
| findParentNode( String selector , [Number/Mixed maxDepth ], [Boolean returnEl ] )
- :
+showing through.Parameters:Returns:Ext.Element The new shim element
| Element |
| down( String selector , [Boolean returnDom ] )
+ :
+ HTMLElement/Ext.ElementSelects a single *direct* child based on the passed CSS selector (the selector should not contain an id). Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id). | Element |
| enableDisplayMode( [String display ] )
+ :
+ Ext.ElementConvenience method for setVisibilityMode(Element.DISPLAY) Convenience method for setVisibilityMode(Element.DISPLAY) | Element |
| findParent( String selector , [Number/Mixed maxDepth ], [Boolean returnEl ] )
+ :
+ HTMLElementLooks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:fi... Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child) Parameters:selector : StringThe simple selector to test maxDepth : Number/Mixed(optional) The max depth to search as a number or element (defaults to 50 || document.body) returnEl : Boolean(optional) True to return a Ext.Element object instead of DOM node Returns: | Element |
| findParentNode( String selector , [Number/Mixed maxDepth ], [Boolean returnEl ] )
+ :
HTMLElementLooks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child) Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child) Parameters:selector : StringThe simple selector to test maxDepth : Number/Mixed(optional) The max depth to
- search as a number or element (defaults to 10 || document.body) returnEl : Boolean(optional) True to return a Ext.Element object instead of DOM node Returns: | Element |
| first( [String selector ], [Boolean returnDom ] )
- :
- Ext.Element/HTMLElementGets the first child, skipping text nodes Gets the first child, skipping text nodes Parameters:Returns:Ext.Element/HTMLElement The first child or null
| Element |
| fly( String/HTMLElement el , [String named ] )
- :
- ElementGets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to t... 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 Ext.Element.fly
- 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 Ext.get
-will be more appropriate to take advantage of the caching provided by the Ext.Element class. | Element |
| focus( [Number defer ] )
- :
- Ext.ElementTries to focus the element. Any exceptions are caught and ignored. Tries to focus the element. Any exceptions are caught and ignored. | Element |
| getAlignToXY( Mixed element , String position , [Array offsets ] )
- :
- ArrayGets the x,y coordinates to align this element with another element. See alignTo for more info on the
-supported posi... Gets the x,y coordinates to align this element with another element. See alignTo for more info on the
-supported position values. | Element |
| getAnchorXY( [String anchor ], [Boolean local ], [Object size ] )
- :
- ArrayGets the x,y coordinates specified by the anchor position on the element. Gets the x,y coordinates specified by the anchor position on the element. Parameters:anchor : String(optional) The specified anchor position (defaults to "c"). See alignTo
-for details on supported anchor positions. local : Boolean(optional) True to get the local (element top/left-relative) anchor position instead
-of page coordinates size : Object(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) Returns: | Element |
| getAttribute( String name , [String namespace ] )
- :
- StringReturns the value of an attribute from the element's underlying DOM node. Returns the value of an attribute from the element's underlying DOM node. Parameters:Returns:String The attribute value
| Element |
| getAttributeNS( String namespace , String name )
- :
- StringReturns the value of a namespaced attribute from the element's underlying DOM node. Returns the value of a namespaced attribute from the element's underlying DOM node. Parameters:Returns:String The attribute value
| Element |
| getBorderWidth( String side )
- :
- NumberGets the width of the border(s) for the specified side(s) Gets the width of the border(s) for the specified side(s) Parameters:side : StringCan be t, l, r, b or any combination of those to add multiple values. For example,
-passing 'lr' would get the border left width + the border right width. Returns: | Element |
| getBottom( Boolean local )
- :
- NumberGets the bottom Y coordinate of the element (element Y position + element height) Gets the bottom Y coordinate of the element (element Y position + element height) | Element |
| getBox( [Boolean contentBox ], [Boolean local ] )
- :
- ObjectReturn a box {x, y, width, height} that can be used to set another elements
-size/location to match this element. Return a box {x, y, width, height} that can be used to set another elements
-size/location to match this element. | Element |
| getCenterXY()
- :
- ArrayCalculates the x, y to center this element on the screen Calculates the x, y to center this element on the screen Parameters:Returns:Array The x, y values [x, y]
| Element |
| getColor( String attr , String defaultValue , [String prefix ] )
- :
- voidReturn the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values
-are convert to stand... Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values
-are convert to standard 6 digit hex color. | Element |
| getComputedHeight()
- :
- NumberReturns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders
+ search as a number or element (defaults to 10 || document.body) returnEl : Boolean(optional) True to return a Ext.Element object instead of DOM node Returns: | Element |
| first( [String selector ], [Boolean returnDom ] )
+ :
+ Ext.Element/HTMLElementGets the first child, skipping text nodes Gets the first child, skipping text nodes Parameters:Returns:Ext.Element/HTMLElement The first child or null
| Element |
| fly( String/HTMLElement el , [String named ] )
+ :
+ ElementGets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to t... 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 Ext.Element.fly
+ 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 Ext.get
+will be more appropriate to take advantage of the caching provided by the Ext.Element class. | Element |
| focus( [Number defer ] )
+ :
+ Ext.ElementTries to focus the element. Any exceptions are caught and ignored. Tries to focus the element. Any exceptions are caught and ignored. | Element |
| getAlignToXY( Mixed element , String position , [Array offsets ] )
+ :
+ ArrayGets the x,y coordinates to align this element with another element. See alignTo for more info on the
+supported posit... Gets the x,y coordinates to align this element with another element. See alignTo for more info on the
+supported position values. Parameters:element : MixedThe element to align to. position : String(optional, defaults to "tl-bl?") The position to align to. offsets : Array(optional) Offset the positioning by [x, y] Returns: | Element |
| getAnchorXY( [String anchor ], [Boolean local ], [Object size ] )
+ :
+ ArrayGets the x,y coordinates specified by the anchor position on the element. Gets the x,y coordinates specified by the anchor position on the element. Parameters:anchor : String(optional) The specified anchor position (defaults to "c"). See alignTo
+for details on supported anchor positions. local : Boolean(optional) True to get the local (element top/left-relative) anchor position instead
+of page coordinates size : Object(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) Returns: | Element |
| getAttribute( String name , [String namespace ] )
+ :
+ StringReturns the value of an attribute from the element's underlying DOM node. Returns the value of an attribute from the element's underlying DOM node. Parameters:Returns:String The attribute value
| Element |
| getAttributeNS( String namespace , String name )
+ :
+ StringReturns the value of a namespaced attribute from the element's underlying DOM node. Returns the value of a namespaced attribute from the element's underlying DOM node. Parameters:Returns:String The attribute value
| Element |
| getBorderWidth( String side )
+ :
+ NumberGets the width of the border(s) for the specified side(s) Gets the width of the border(s) for the specified side(s) Parameters:side : StringCan be t, l, r, b or any combination of those to add multiple values. For example,
+passing 'lr' would get the border left width + the border right width. Returns: | Element |
| getBottom( Boolean local )
+ :
+ NumberGets the bottom Y coordinate of the element (element Y position + element height) Gets the bottom Y coordinate of the element (element Y position + element height) | Element |
| getBox( [Boolean contentBox ], [Boolean local ] )
+ :
+ ObjectReturn an object defining the area of this Element which can be passed to setBox to
+set another Element's size/locat... Return an object defining the area of this Element which can be passed to setBox to
+set another Element's size/location to match this element. Parameters:Returns:Object box An object in the format<pre><code>
+{
+ x: <Element's X position>,
+ y: <Element's Y position>,
+ width: <Element's width>,
+ height: <Element's height>,
+ bottom: <Element's lower bound>,
+ right: <Element's rightmost bound>
+}
+</code></pre>
+The returned object may also be addressed as an Array where index 0 contains the X position
+and index 1 contains the Y position. So the result may also be used for {@link #setXY}
| Element |
| getCenterXY()
+ :
+ ArrayCalculates the x, y to center this element on the screen Calculates the x, y to center this element on the screen Parameters:Returns:Array The x, y values [x, y]
| Element |
| getColor( String attr , String defaultValue , [String prefix ] )
+ :
+ voidReturn the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values
+are convert to standa... Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values
+are convert to standard 6 digit hex color. | Element |
| getComputedHeight()
+ :
+ NumberReturns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders
whe... Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders
when needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements
-if a height has not been set using CSS. | Element |
| getComputedWidth()
- :
- NumberReturns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders
+if a height has not been set using CSS. | Element |
| getComputedWidth()
+ :
+ NumberReturns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders
when n... Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders
when needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements
-if a width has not been set using CSS. | Element |
| getFrameWidth( String sides )
- :
- NumberReturns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
- for more informa... Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
- for more information about the sides. | Element |
| getHeight( [Boolean contentHeight ] )
- :
- NumberReturns the offset height of the element Returns the offset height of the element Parameters:Returns:Number The element's height
| Element |
| getLeft( Boolean local )
- :
- NumberGets the left X coordinate Gets the left X coordinate | Element |
| getMargins( [String sides ] )
- :
+if a width has not been set using CSS. | Element |
| getFrameWidth( String sides )
+ :
+ NumberReturns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
+ for more info... Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()
+ for more information about the sides. | Element |
| getHeight( [Boolean contentHeight ] )
+ :
+ NumberReturns the offset height of the element Returns the offset height of the element Parameters:Returns:Number The element's height
| Element |
| getLeft( Boolean local )
+ :
+ NumberGets the left X coordinate Gets the left X coordinate | Element |
| getMargins( [String sides ] )
+ :
Object/NumberReturns an object with properties top, left, right and bottom representing the margins of this element unless sides i... Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,
-then it returns the calculated width of the sides (see getPadding) | Element |
| getOffsetsTo( Mixed element )
- :
- ArrayReturns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have d... Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have display:none to have page coordinates. | Element |
| getPadding( String side )
- :
- NumberGets the width of the padding(s) for the specified side(s) Gets the width of the padding(s) for the specified side(s) Parameters:side : StringCan be t, l, r, b or any combination of those to add multiple values. For example,
-passing 'lr' would get the padding left + the padding right. Returns: | Element |
| getPositioning()
- :
- ObjectGets an object with all CSS positioning properties. Useful along with setPostioning to get
+then it returns the calculated width of the sides (see getPadding) | Element |
| getOffsetsTo( Mixed element )
+ :
+ ArrayReturns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have d... Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have display:none to have page coordinates. | Element |
| getPadding( String side )
+ :
+ NumberGets the width of the padding(s) for the specified side(s) Gets the width of the padding(s) for the specified side(s) Parameters:side : StringCan be t, l, r, b or any combination of those to add multiple values. For example,
+passing 'lr' would get the padding left + the padding right. Returns: | Element |
| getPositioning()
+ :
+ ObjectGets an object with all CSS positioning properties. Useful along with setPostioning to get
snapshot before performin... Gets an object with all CSS positioning properties. Useful along with setPostioning to get
-snapshot before performing an update and then restoring the element. | Element |
| getRegion()
- :
- RegionReturns the region of the given element.
+snapshot before performing an update and then restoring the element. | Element |
| getRegion()
+ :
+ RegionReturns the region of the given element.
The element must be part of the DOM tree to have a region (display:none or ... Returns the region of the given element.
-The element must be part of the DOM tree to have a region (display:none or elements not appended return false). | Element |
| getRight( Boolean local )
- :
- NumberGets the right X coordinate of the element (element X position + element width) Gets the right X coordinate of the element (element X position + element width) | Element |
| getScroll()
- :
- ObjectReturns the current scroll position of the element. Returns the current scroll position of the element. | Element |
| getSize( [Boolean contentSize ] )
- :
- ObjectReturns the size of the element. Returns the size of the element. | Element |
| getStyle( String property )
- :
- StringNormalizes currentStyle and computedStyle. Normalizes currentStyle and computedStyle. | Element |
| getStyles( String style1 , String style2 , String etc. )
- :
- ObjectReturns an object with properties matching the styles requested.
+The element must be part of the DOM tree to have a region (display:none or elements not appended return false). | Element |
| getRight( Boolean local )
+ :
+ NumberGets the right X coordinate of the element (element X position + element width) Gets the right X coordinate of the element (element X position + element width) | Element |
| getScroll()
+ :
+ ObjectReturns the current scroll position of the element. Returns the current scroll position of the element. | Element |
| getSize( [Boolean contentSize ] )
+ :
+ ObjectReturns the size of the element. Returns the size of the element. | Element |
| getStyle( String property )
+ :
+ StringNormalizes currentStyle and computedStyle. Normalizes currentStyle and computedStyle. | Element |
| getStyles( String style1 , String style2 , String etc. )
+ :
+ ObjectReturns an object with properties matching the styles requested.
For example, el.getStyles('color', 'font-size', 'wi... Returns an object with properties matching the styles requested.
For example, el.getStyles('color', 'font-size', 'width') might return
-{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}. Parameters:style1 : StringA style name style2 : StringA style name etc. : String Returns: | Element |
| getTextWidth( String text , [Number min ], [Number max ] )
- :
- NumberReturns the width in pixels of the passed text, or the width of the text in this Element. Returns the width in pixels of the passed text, or the width of the text in this Element. Parameters:text : StringThe text to measure. Defaults to the innerHTML of the element. min : Number(Optional) The minumum value to return. max : Number(Optional) The maximum value to return. Returns: | Element |
| getTop( Boolean local )
- :
- NumberGets the top Y coordinate Gets the top Y coordinate | Element |
| getUpdater()
- :
- Ext.UpdaterGets this element's Updater | Element |
| getValue( Boolean asNumber )
- :
- String/NumberReturns the value of the "value" attribute Returns the value of the "value" attribute | Element |
| getViewSize()
- :
- ObjectReturns the width and height of the viewport.
-var vpSize = Ext.getBody().getViewSize();
-
- // all Windows cr... Returns the width and height of the viewport.
- var vpSize = Ext.getBody().getViewSize();
+{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.Parameters:style1 : StringA style name style2 : StringA style name etc. : String Returns:
| Element |
| getTextWidth( String text , [Number min ], [Number max ] )
+ :
+ NumberReturns the width in pixels of the passed text, or the width of the text in this Element. Returns the width in pixels of the passed text, or the width of the text in this Element. Parameters:text : StringThe text to measure. Defaults to the innerHTML of the element. min : Number(Optional) The minumum value to return. max : Number(Optional) The maximum value to return. Returns: | Element |
| getTop( Boolean local )
+ :
+ NumberGets the top Y coordinate Gets the top Y coordinate | Element |
| getUpdater()
+ :
+ Ext.UpdaterGets this element's Updater | Element |
| getValue( Boolean asNumber )
+ :
+ String/NumberReturns the value of the "value" attribute Returns the value of the "value" attribute | Element |
| getViewSize( Boolean contentBox )
+ :
+ ObjectReturns the dimensions of the element available to lay content out in.
+If the element (or any ancestor element) has ... Returns the dimensions of the element available to lay content out in.
+ If the element (or any ancestor element) has CSS style display : none , the dimensions will be zero.
+example: var vpSize = Ext.getBody().getViewSize();
// all Windows created afterwards will have a default value of 90% height and 95% width
Ext.Window.override({
width: vpSize.width * 0.9,
height: vpSize.height * 0.95
});
- // To handle window resizing you would have to hook onto onWindowResize.
| Element |
| getWidth( [Boolean contentWidth ] )
- :
- NumberReturns the offset width of the element Returns the offset width of the element Parameters:Returns:Number The element's width
| Element |
| getX()
- :
- NumberGets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have p... Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). | Element |
| getXY()
- :
- ArrayGets the current position of the element based on page coordinates. Element must be part of the DOM tree to have pag... Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). | Element |
| getY()
- :
- NumberGets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have p... Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). | Element |
| handleError( Object/Error e )
- :
- voidFramework-wide error-handler. Developers can override this method to provide
+ // To handle window resizing you would have to hook onto onWindowResize.Parameters:contentBox : BooleanTrue to return the W3 content box within the padding area of the element. False
+or omitted to return the full area of the element within the border. See http://www.w3.org/TR/CSS2/box.html Returns: | Element |
| getWidth( [Boolean contentWidth ] )
+ :
+ NumberReturns the offset width of the element Returns the offset width of the element Parameters:Returns:Number The element's width
| Element |
| getX()
+ :
+ NumberGets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have p... Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). | Element |
| getXY()
+ :
+ ArrayGets the current position of the element based on page coordinates. Element must be part of the DOM tree to have pag... Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). | Element |
| getY()
+ :
+ NumberGets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have p... Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). | Element |
| handleError( Object/Error e )
+ :
+ voidFramework-wide error-handler. Developers can override this method to provide
custom exception-handling. Framework e... Framework-wide error-handler. Developers can override this method to provide
custom exception-handling. Framework errors will often extend from the base
-Ext.Error class. | Element |
| hasClass( String className )
- :
- BooleanChecks if the specified CSS class exists on this element's DOM node. Checks if the specified CSS class exists on this element's DOM node. | Element |
| hide( [Boolean/Object animate ] )
- :
- Ext.ElementHide this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. Hide this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. | Element |
| hover( Function overFn , Function outFn , [Object scope ], [Object options ] )
- :
- Ext.ElementSets up event handlers to call the passed functions when the mouse is moved into and out of the Element. Sets up event handlers to call the passed functions when the mouse is moved into and out of the Element. Parameters:overFn : FunctionThe function to call when the mouse enters the Element. outFn : FunctionThe function to call when the mouse leaves the Element. scope : Object(optional) The scope (this reference) in which the functions are executed. Defaults to the Element's DOM element. options : Object Returns: | Element |
| initDD( String group , Object config , Object overrides )
- :
- Ext.dd.DDInitializes a Ext.dd.DD drag drop object for this element. Initializes a Ext.dd.DD drag drop object for this element. | Element |
| initDDProxy( String group , Object config , Object overrides )
- :
- Ext.dd.DDProxyInitializes a Ext.dd.DDProxy object for this element. Initializes a Ext.dd.DDProxy object for this element. Parameters:group : StringThe group the DDProxy object is member of config : ObjectThe DDProxy config object overrides : ObjectAn object containing methods to override/implement on the DDProxy object Returns:Ext.dd.DDProxy The DDProxy object
| Element |
| initDDTarget( String group , Object config , Object overrides )
- :
- Ext.dd.DDTargetInitializes a Ext.dd.DDTarget object for this element. Initializes a Ext.dd.DDTarget object for this element. Parameters:group : StringThe group the DDTarget object is member of config : ObjectThe DDTarget config object overrides : ObjectAn object containing methods to override/implement on the DDTarget object Returns:Ext.dd.DDTarget The DDTarget object
| Element |
| insertAfter( Mixed el )
- :
- Ext.ElementInserts this element after the passed element in the DOM Inserts this element after the passed element in the DOM | Element |
| insertBefore( Mixed el )
- :
- Ext.ElementInserts this element before the passed element in the DOM Inserts this element before the passed element in the DOM | Element |
| insertFirst( Mixed/Object el )
- :
- Ext.ElementInserts (or creates) an element (or DomHelper config) as the first child of this element Inserts (or creates) an element (or DomHelper config) as the first child of this element | Element |
| insertHtml( String where , String html , [Boolean returnEl ] )
- :
- HTMLElement/Ext.ElementInserts an html fragment into this element Inserts an html fragment into this element Parameters:where : StringWhere to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd. html : StringThe HTML fragment returnEl : Boolean(optional) True to return an Ext.Element (defaults to false) Returns: | Element |
| insertSibling( Mixed/Object/Array el , [String where ], [Boolean returnDom ] )
- :
- Ext.ElementInserts (or creates) the passed element (or DomHelper config) as a sibling of this element Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element Parameters:el : Mixed/Object/ArrayThe id, element to insert or a DomHelper config to create and insert *or* an array of any of those. where : String(optional) 'before' or 'after' defaults to before returnDom : Boolean(optional) True to return the raw DOM element instead of Ext.Element Returns:Ext.Element the inserted Element
| Element |
| is( String selector )
- :
- BooleanReturns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child) Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child) | Element |
| isBorderBox()
- :
- BooleanTests various css rules/browsers to determine if this element uses a border box Tests various css rules/browsers to determine if this element uses a border box | Element |
| isDisplayed()
- :
- BooleanReturns true if display is not "none" Returns true if display is not "none" | Element |
| isMasked()
- :
- BooleanReturns true if this element is masked Returns true if this element is masked | Element |
| isScrollable()
- :
- BooleanReturns true if this element is scrollable. Returns true if this element is scrollable. | Element |
| isVisible( [Boolean deep ] )
- :
- BooleanChecks whether the element is currently visible using both visibility and display properties. Checks whether the element is currently visible using both visibility and display properties. | Element |
| last( [String selector ], [Boolean returnDom ] )
- :
- Ext.Element/HTMLElementGets the last child, skipping text nodes Gets the last child, skipping text nodes Parameters:Returns:Ext.Element/HTMLElement The last child or null
| Element |
| load()
- :
- Ext.ElementDirect access to the Updater Ext.Updater.update method. The method takes the same object
-parameter as Ext.Updater.up... | Element |
| mask( [String msg ], [String msgCls ] )
- :
- ElementPuts a mask over this element to disable user interaction. Requires core.css.
+Ext.Error class. | Element |
| hasClass( String className )
+ :
+ BooleanChecks if the specified CSS class exists on this element's DOM node. Checks if the specified CSS class exists on this element's DOM node. | Element |
| hide( [Boolean/Object animate ] )
+ :
+ Ext.ElementHide this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. Hide this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. | Element |
| hover( Function overFn , Function outFn , [Object scope ], [Object options ] )
+ :
+ Ext.ElementSets up event handlers to call the passed functions when the mouse is moved into and out of the Element. Sets up event handlers to call the passed functions when the mouse is moved into and out of the Element. Parameters:overFn : FunctionThe function to call when the mouse enters the Element. outFn : FunctionThe function to call when the mouse leaves the Element. scope : Object(optional) The scope (this reference) in which the functions are executed. Defaults to the Element's DOM element. options : Object Returns: | Element |
| initDD( String group , Object config , Object overrides )
+ :
+ Ext.dd.DDInitializes a Ext.dd.DD drag drop object for this element. Initializes a Ext.dd.DD drag drop object for this element. | Element |
| initDDProxy( String group , Object config , Object overrides )
+ :
+ Ext.dd.DDProxyInitializes a Ext.dd.DDProxy object for this element. Initializes a Ext.dd.DDProxy object for this element. Parameters:group : StringThe group the DDProxy object is member of config : ObjectThe DDProxy config object overrides : ObjectAn object containing methods to override/implement on the DDProxy object Returns:Ext.dd.DDProxy The DDProxy object
| Element |
| initDDTarget( String group , Object config , Object overrides )
+ :
+ Ext.dd.DDTargetInitializes a Ext.dd.DDTarget object for this element. Initializes a Ext.dd.DDTarget object for this element. Parameters:group : StringThe group the DDTarget object is member of config : ObjectThe DDTarget config object overrides : ObjectAn object containing methods to override/implement on the DDTarget object Returns:Ext.dd.DDTarget The DDTarget object
| Element |
| insertAfter( Mixed el )
+ :
+ Ext.ElementInserts this element after the passed element in the DOM Inserts this element after the passed element in the DOM | Element |
| insertBefore( Mixed el )
+ :
+ Ext.ElementInserts this element before the passed element in the DOM Inserts this element before the passed element in the DOM | Element |
| insertFirst( Mixed/Object el )
+ :
+ Ext.ElementInserts (or creates) an element (or DomHelper config) as the first child of this element Inserts (or creates) an element (or DomHelper config) as the first child of this element | Element |
| insertHtml( String where , String html , [Boolean returnEl ] )
+ :
+ HTMLElement/Ext.ElementInserts an html fragment into this element Inserts an html fragment into this element Parameters:where : StringWhere to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd. html : StringThe HTML fragment returnEl : Boolean(optional) True to return an Ext.Element (defaults to false) Returns: | Element |
| insertSibling( Mixed/Object/Array el , [String where ], [Boolean returnDom ] )
+ :
+ Ext.ElementInserts (or creates) the passed element (or DomHelper config) as a sibling of this element Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element Parameters:el : Mixed/Object/ArrayThe id, element to insert or a DomHelper config to create and insert *or* an array of any of those. where : String(optional) 'before' or 'after' defaults to before returnDom : Boolean(optional) True to return the raw DOM element instead of Ext.Element Returns: | Element |
| is( String selector )
+ :
+ BooleanReturns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child) Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child) | Element |
| isBorderBox()
+ :
+ BooleanTests various css rules/browsers to determine if this element uses a border box Tests various css rules/browsers to determine if this element uses a border box | Element |
| isDisplayed()
+ :
+ BooleanReturns true if display is not "none" Returns true if display is not "none" | Element |
| isMasked()
+ :
+ BooleanReturns true if this element is masked Returns true if this element is masked | Element |
| isScrollable()
+ :
+ BooleanReturns true if this element is scrollable. Returns true if this element is scrollable. | Element |
| isVisible( [Boolean deep ] )
+ :
+ BooleanChecks whether the element is currently visible using both visibility and display properties. Checks whether the element is currently visible using both visibility and display properties. | Element |
| last( [String selector ], [Boolean returnDom ] )
+ :
+ Ext.Element/HTMLElementGets the last child, skipping text nodes Gets the last child, skipping text nodes Parameters:Returns:Ext.Element/HTMLElement The last child or null
| Element |
| load()
+ :
+ Ext.ElementDirect access to the Updater Ext.Updater.update method. The method takes the same object
+parameter as Ext.Updater.upd... | Element |
| mask( [String msg ], [String msgCls ] )
+ :
+ ElementPuts a mask over this element to disable user interaction. Requires core.css.
This method can only be applied to ele... Puts a mask over this element to disable user interaction. Requires core.css.
-This method can only be applied to elements which accept child nodes. | Element |
| move( String direction , Number distance , [Boolean/Object animate ] )
- :
- Ext.ElementMove this element relative to its current position. Move this element relative to its current position. Parameters:direction : StringPossible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down"). distance : NumberHow far to move the element in pixels animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| moveTo( Number x , Number y , [Boolean/Object animate ] )
- :
- Ext.ElementSets the position of the element in page coordinates, regardless of how the element is positioned.
+This method can only be applied to elements which accept child nodes. | Element |
| move( String direction , Number distance , [Boolean/Object animate ] )
+ :
+ Ext.ElementMove this element relative to its current position. Move this element relative to its current position. Parameters:direction : StringPossible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down"). distance : NumberHow far to move the element in pixels animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| moveTo( Number x , Number y , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the position of the element in page coordinates, regardless of how the element is positioned.
The element must ... Sets the position of the element in page coordinates, regardless of how the element is positioned.
-The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:x : NumberX value for new position (coordinates are page-based) y : NumberY value for new position (coordinates are page-based) animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| next( [String selector ], [Boolean returnDom ] )
- :
- Ext.Element/HTMLElementGets the next sibling, skipping text nodes Gets the next sibling, skipping text nodes Parameters:Returns:Ext.Element/HTMLElement The next sibling or null
| Element |
| on( String eventName , Function fn , [Object scope ], [Object options ] )
- :
- voidAppends an event handler (shorthand for addListener). Appends an event handler (shorthand for addListener). Parameters:eventName : StringThe type of event to handle fn : FunctionThe handler function the event invokes scope : Object(optional) The scope (this element) of the handler function options : Object(optional) An object containing standard addListener options Returns: | Element |
| parent( [String selector ], [Boolean returnDom ] )
- :
- Ext.Element/HTMLElementGets the parent node for this element, optionally chaining up trying to match a selector Gets the parent node for this element, optionally chaining up trying to match a selector Parameters:Returns:Ext.Element/HTMLElement The parent node or null
| Element |
| position( [String pos ], [Number zIndex ], [Number x ], [Number y ] )
- :
- voidInitializes positioning on this element. If a desired position is not passed, it will make the
+The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:x : NumberX value for new position (coordinates are page-based) y : NumberY value for new position (coordinates are page-based) animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| next( [String selector ], [Boolean returnDom ] )
+ :
+ Ext.Element/HTMLElementGets the next sibling, skipping text nodes Gets the next sibling, skipping text nodes Parameters:Returns:Ext.Element/HTMLElement The next sibling or null
| Element |
| on( String eventName , Function fn , [Object scope ], [Object options ] )
+ :
+ voidAppends an event handler (shorthand for addListener). Appends an event handler (shorthand for addListener). Parameters:eventName : StringThe name of event to handle. fn : FunctionThe handler function the event invokes. scope : Object(optional) The scope (this reference) in which the handler function is executed. options : Object(optional) An object containing standard addListener options Returns: | Element |
| parent( [String selector ], [Boolean returnDom ] )
+ :
+ Ext.Element/HTMLElementGets the parent node for this element, optionally chaining up trying to match a selector Gets the parent node for this element, optionally chaining up trying to match a selector Parameters:Returns:Ext.Element/HTMLElement The parent node or null
| Element |
| position( [String pos ], [Number zIndex ], [Number x ], [Number y ] )
+ :
+ voidInitializes positioning on this element. If a desired position is not passed, it will make the
the element positione... Initializes positioning on this element. If a desired position is not passed, it will make the
-the element positioned relative IF it is not already positioned. Parameters:pos : String(optional) Positioning to use "relative", "absolute" or "fixed" zIndex : Number(optional) The zIndex to apply x : Number(optional) Set the page X position y : Number(optional) Set the page Y position Returns: | Element |
| prev( [String selector ], [Boolean returnDom ] )
- :
- Ext.Element/HTMLElementGets the previous sibling, skipping text nodes Gets the previous sibling, skipping text nodes | Element |
| query( String selector )
- :
- ArraySelects child nodes based on the passed CSS selector (the selector should not contain an id). Selects child nodes based on the passed CSS selector (the selector should not contain an id). Parameters:selector : StringThe CSS selector Returns: | Element |
| radioClass( String/Array className )
- :
- Ext.ElementAdds one or more CSS classes to this element and removes the same class(es) from all siblings. Adds one or more CSS classes to this element and removes the same class(es) from all siblings. | Element |
| relayEvent( String eventName , Object object )
- :
- voidCreate an event handler on this element such that when the event fires and is handled by this element,
-it will be re... 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). | Element |
| remove()
- :
- voidRemoves this element from the DOM and deletes it from the cache Removes this element from the DOM and deletes it from the cache | Element |
| removeAllListeners()
- :
- Ext.ElementRemoves all previous added listeners from this element Removes all previous added listeners from this element | Element |
| removeClass( String/Array className )
- :
- Ext.ElementRemoves one or more CSS classes from the element. Removes one or more CSS classes from the element. | Element |
| removeListener( String eventName , Function fn , [Object scope ] )
- :
- Ext.ElementRemoves an event handler from this element. The shorthand version un is equivalent.
-Note: if a scope was explicitly... Removes an event handler from this element. The shorthand version un is equivalent.
- Note: if a scope was explicitly specified when adding the
-listener, the same scope must be specified here.
-Example:
- el.removeListener('click', this.handlerFn);
-// or
-el.un('click', this.handlerFn);
Parameters:eventName : Stringthe type of event to remove fn : Functionthe method the event invokes scope : Object(optional) The scope (The this reference) of the handler function. Defaults
-to this Element. Returns: | Element |
| repaint()
- :
- Ext.ElementForces the browser to repaint this element Forces the browser to repaint this element | Element |
| replace( Mixed el )
- :
- Ext.ElementReplaces the passed element with this element Replaces the passed element with this element Parameters:el : MixedThe element to replace Returns: | Element |
| replaceClass( String oldClassName , String newClassName )
- :
- Ext.ElementReplaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added. Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added. | Element |
| replaceWith( Mixed/Object el )
- :
- Ext.ElementReplaces this element with the passed element Replaces this element with the passed element | Element |
| scroll( String direction , Number distance , [Boolean/Object animate ] )
- :
- BooleanScrolls this element the specified direction. Does bounds checking to make sure the scroll is
+the element positioned relative IF it is not already positioned. Parameters:pos : String(optional) Positioning to use "relative", "absolute" or "fixed" zIndex : Number(optional) The zIndex to apply x : Number(optional) Set the page X position y : Number(optional) Set the page Y position Returns: | Element |
| prev( [String selector ], [Boolean returnDom ] )
+ :
+ Ext.Element/HTMLElementGets the previous sibling, skipping text nodes Gets the previous sibling, skipping text nodes | Element |
| purgeAllListeners()
+ :
+ Ext.ElementRecursively removes all previous added listeners from this element and its children Recursively removes all previous added listeners from this element and its children | Element |
| query( String selector )
+ :
+ ArraySelects child nodes based on the passed CSS selector (the selector should not contain an id). Selects child nodes based on the passed CSS selector (the selector should not contain an id). Parameters:selector : StringThe CSS selector Returns: | Element |
| radioClass( String/Array className )
+ :
+ Ext.ElementAdds one or more CSS classes to this element and removes the same class(es) from all siblings. Adds one or more CSS classes to this element and removes the same class(es) from all siblings. | Element |
| relayEvent( String eventName , Object object )
+ :
+ voidCreate an event handler on this element such that when the event fires and is handled by this element,
+it will be rel... 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). | Element |
| remove()
+ :
+ voidRemoves this element's dom reference. Note that event and cache removal is handled at Ext.removeNode Removes this element's dom reference. Note that event and cache removal is handled at Ext.removeNode | Element |
| removeAllListeners()
+ :
+ Ext.ElementRemoves all previous added listeners from this element Removes all previous added listeners from this element | Element |
| removeAnchor()
+ :
+ Ext.ElementRemove any anchor to this element. See anchorTo. Remove any anchor to this element. See anchorTo. | Element |
| removeClass( String/Array className )
+ :
+ Ext.ElementRemoves one or more CSS classes from the element. Removes one or more CSS classes from the element. | Element |
| removeListener( String eventName , Function fn , Object scope )
+ :
+ Ext.ElementRemoves an event handler from this element. The shorthand version un is equivalent.
+Note: if a scope was explicitly ... Removes an event handler from this element. The shorthand version un is equivalent.
+ Note: if a scope was explicitly specified when adding the
+listener, the same scope must be specified here.
+Example:
+ el.removeListener('click', this.handlerFn);
+// or
+el.un('click', this.handlerFn);
Parameters:eventName : StringThe name of the event from which to remove the handler. fn : FunctionThe handler function to remove. This must be a reference to the function passed into the addListener call.scope : ObjectIf a scope (this reference) was specified when the listener was added,
+then this must refer to the same object. Returns: | Element |
| repaint()
+ :
+ Ext.ElementForces the browser to repaint this element Forces the browser to repaint this element | Element |
| replace( Mixed el )
+ :
+ Ext.ElementReplaces the passed element with this element Replaces the passed element with this element Parameters:el : MixedThe element to replace Returns: | Element |
| replaceClass( String oldClassName , String newClassName )
+ :
+ Ext.ElementReplaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added. Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added. | Element |
| replaceWith( Mixed/Object el )
+ :
+ Ext.ElementReplaces this element with the passed element Replaces this element with the passed element | Element |
| scroll( String direction , Number distance , [Boolean/Object animate ] )
+ :
+ BooleanScrolls this element the specified direction. Does bounds checking to make sure the scroll is
within this element's ... Scrolls this element the specified direction. Does bounds checking to make sure the scroll is
-within this element's scrollable range. Parameters:direction : StringPossible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down"). distance : NumberHow far to scroll the element in pixels animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| scrollIntoView( [Mixed container ], [Boolean hscroll ] )
- :
+within this element's scrollable range.Parameters:direction : StringPossible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down"). distance : NumberHow far to scroll the element in pixels animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| scrollIntoView( [Mixed container ], [Boolean hscroll ] )
+ :
Ext.ElementScrolls this element into view within the passed container. Scrolls this element into view within the passed container. Parameters:container : Mixed(optional) The container element to scroll (defaults to document.body). Should be a
-string (id), dom node, or Ext.Element. hscroll : Boolean(optional) False to disable horizontal scroll (defaults to true) Returns: | Element |
| scrollTo( String side , Number value , [Boolean/Object animate ] )
- :
- ElementScrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it ... 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(). | Element |
| select( String/Array selector , [Boolean unique ], [HTMLElement/String root ] )
- :
- CompositeElementLite/CompositeElementSelects elements based on the passed CSS selector to enable Element methods
-to be applied to many related elements i... Selects elements based on the passed CSS selector to enable Element methods
-to be applied to many related elements in one statement through the returned CompositeElement or
- CompositeElementLite object. Parameters:selector : String/ArrayThe CSS selector or an array of elements unique : Boolean(optional) true to create a unique Ext.Element for each element (defaults to a shared flyweight object) root : HTMLElement/String(optional) The root element of the query or id of the root Returns:CompositeElementLite/CompositeElement
| Element |
| set( Object o , [Boolean useSet ] )
- :
- Ext.ElementSets the passed attributes as attributes of this element (a style attribute can be a string, object or function) Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function) | Element |
| setBottom( String bottom )
- :
- Ext.ElementSets the element's CSS bottom style. Sets the element's CSS bottom style. | Element |
| setBounds( Number x , Number y , Mixed width , Mixed height , [Boolean/Object animate ] )
- :
+string (id), dom node, or Ext.Element.hscroll : Boolean(optional) False to disable horizontal scroll (defaults to true) Returns: | Element |
| scrollTo( String side , Number value , [Boolean/Object animate ] )
+ :
+ ElementScrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it ... 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(). | Element |
| select( String selector , [Boolean unique ] )
+ :
+ CompositeElement/CompositeElementLiteCreates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an i... Creates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an id). Parameters:Returns:CompositeElement/CompositeElementLite The composite element
| Element |
| set( Object o , [Boolean useSet ] )
+ :
+ Ext.ElementSets the passed attributes as attributes of this element (a style attribute can be a string, object or function) Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function) | Element |
| setBottom( String bottom )
+ :
+ Ext.ElementSets the element's CSS bottom style. Sets the element's CSS bottom style. | Element |
| setBounds( Number x , Number y , Mixed width , Mixed height , [Boolean/Object animate ] )
+ :
Ext.ElementSets the element's position and size in one shot. If animation is true then width, height, x and y will be animated c... Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently. Parameters:x : NumberX value for new position (coordinates are page-based) y : NumberY value for new position (coordinates are page-based) width : MixedThe new width. This may be one of:
- A Number specifying the new width in this Element's defaultUnits (by default, pixels)
- A String used to set the CSS width style. Animation may not be used.
height : MixedThe new height. This may be one of:
- A Number specifying the new height in this Element's defaultUnits (by default, pixels)
- A String used to set the CSS height style. Animation may not be used.
- animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| setBox( Object box , [Boolean adjust ], [Boolean/Object animate ] )
- :
- Ext.ElementSets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x an... Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently. Parameters:box : ObjectThe box to fill {x, y, width, height} adjust : Boolean(optional) Whether to adjust for box-model issues automatically animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| setDisplayed( Mixed value )
- :
- Ext.ElementSets the CSS display property. Uses originalDisplay if the specified value is a boolean true. Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true. | Element |
| setHeight( Mixed height , [Boolean/Object animate ] )
- :
- Ext.ElementSet the height of this Element.
-// change the height to 200px and animate with default configuration
-Ext.fly('eleme... Set the height of this Element.
- // change the height to 200px and animate with default configuration
-Ext.fly('elementId').setHeight(200, true);
-
-// change the height to 150px and animate with a custom configuration
-Ext.fly('elId').setHeight(150, {
- duration : .5, // animation will have a duration of .5 seconds
- // will change the content to "finished"
- callback: function(){ this.update("finished"); }
-});
| Element |
| setLeft( String left )
- :
- Ext.ElementSets the element's left position directly using CSS style (instead of setX). Sets the element's left position directly using CSS style (instead of setX). | Element |
| setLeftTop( String left , String top )
- :
- Ext.ElementQuick set left and top adding default units Quick set left and top adding default units | Element |
| setLocation( Number x , Number y , [Boolean/Object animate ] )
- :
- Ext.ElementSets the position of the element in page coordinates, regardless of how the element is positioned.
+ animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| setBox( Object box , [Boolean adjust ], [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x an... Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently. Parameters:box : ObjectThe box to fill {x, y, width, height} adjust : Boolean(optional) Whether to adjust for box-model issues automatically animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| setDisplayed( Mixed value )
+ :
+ Ext.ElementSets the CSS display property. Uses originalDisplay if the specified value is a boolean true. Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true. | Element |
| setHeight( Mixed height , [Boolean/Object animate ] )
+ :
+ Ext.ElementSet the height of this Element.
+// change the height to 200px and animate with default configuration
+Ext.fly('element... Set the height of this Element.
+ // change the height to 200px and animate with default configuration
+Ext.fly('elementId').setHeight(200, true);
+
+// change the height to 150px and animate with a custom configuration
+Ext.fly('elId').setHeight(150, {
+ duration : .5, // animation will have a duration of .5 seconds
+ // will change the content to "finished"
+ callback: function(){ this.update("finished"); }
+});
| Element |
| setLeft( String left )
+ :
+ Ext.ElementSets the element's left position directly using CSS style (instead of setX). Sets the element's left position directly using CSS style (instead of setX). | Element |
| setLeftTop( String left , String top )
+ :
+ Ext.ElementQuick set left and top adding default units Quick set left and top adding default units | Element |
| setLocation( Number x , Number y , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the position of the element in page coordinates, regardless of how the element is positioned.
The element must ... Sets the position of the element in page coordinates, regardless of how the element is positioned.
-The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:x : NumberX value for new position (coordinates are page-based) y : NumberY value for new position (coordinates are page-based) animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setOpacity( Float opacity , [Boolean/Object animate ] )
- :
- Ext.ElementSet the opacity of the element Set the opacity of the element Parameters:opacity : FloatThe new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc animate : Boolean/Object(optional) a standard Element animation config object or true for
-the default animation ({duration: .35, easing: 'easeIn'}) Returns: | Element |
| setPositioning( Object posCfg )
- :
- Ext.ElementSet positioning with an object returned by getPositioning(). Set positioning with an object returned by getPositioning(). | Element |
| setRegion( Ext.lib.Region region , [Boolean/Object animate ] )
- :
- Ext.ElementSets the element's position and size the specified region. If animation is true then width, height, x and y will be a... Sets the element's position and size the specified region. If animation is true then width, height, x and y will be animated concurrently. | Element |
| setRight( String right )
- :
- Ext.ElementSets the element's CSS right style. Sets the element's CSS right style. | Element |
| setSize( Mixed width , Mixed height , [Boolean/Object animate ] )
- :
+The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).Parameters:x : NumberX value for new position (coordinates are page-based) y : NumberY value for new position (coordinates are page-based) animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setOpacity( Float opacity , [Boolean/Object animate ] )
+ :
+ Ext.ElementSet the opacity of the element Set the opacity of the element Parameters:opacity : FloatThe new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc animate : Boolean/Object(optional) a standard Element animation config object or true for
+the default animation ({duration: .35, easing: 'easeIn'}) Returns: | Element |
| setPositioning( Object posCfg )
+ :
+ Ext.ElementSet positioning with an object returned by getPositioning(). Set positioning with an object returned by getPositioning(). | Element |
| setRegion( Ext.lib.Region region , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the element's position and size the specified region. If animation is true then width, height, x and y will be a... Sets the element's position and size the specified region. If animation is true then width, height, x and y will be animated concurrently. | Element |
| setRight( String right )
+ :
+ Ext.ElementSets the element's CSS right style. Sets the element's CSS right style. | Element |
| setSize( Mixed width , Mixed height , [Boolean/Object animate ] )
+ :
Ext.ElementSet the size of this Element. If animation is true, both width and height will be animated concurrently. Set the size of this Element. If animation is true, both width and height will be animated concurrently. Parameters:width : MixedThe new width. This may be one of:
- A Number specifying the new width in this Element's defaultUnits (by default, pixels).
- A String used to set the CSS width style. Animation may not be used.
@@ -617,129 +629,131 @@ the default animation ({duration: .35, easing: 'easeIn'})
height : MixedThe new height. This may be one of:
- A Number specifying the new height in this Element's defaultUnits (by default, pixels).
- A String used to set the CSS height style. Animation may not be used.
- animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| setStyle( String/Object property , [String value ] )
- :
- Ext.ElementWrapper for setting style properties, also takes single object parameter of multiple styles. Wrapper for setting style properties, also takes single object parameter of multiple styles. Parameters:property : String/ObjectThe style property to be set, or an object of multiple styles. value : String(optional) The value to apply to the given property, or null if an object was passed. Returns: | Element |
| setTop( String top )
- :
- Ext.ElementSets the element's top position directly using CSS style (instead of setY). Sets the element's top position directly using CSS style (instead of setY). | Element |
| setVisibilityMode( visMode Ext.Element.VISIBILITY )
- :
- Ext.ElementSets the element's visibility mode. When setVisible() is called it
+ animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | Element |
| setStyle( String/Object property , [String value ] )
+ :
+ Ext.ElementWrapper for setting style properties, also takes single object parameter of multiple styles. Wrapper for setting style properties, also takes single object parameter of multiple styles. Parameters:property : String/ObjectThe style property to be set, or an object of multiple styles. value : String(optional) The value to apply to the given property, or null if an object was passed. Returns: | Element |
| setTop( String top )
+ :
+ Ext.ElementSets the element's top position directly using CSS style (instead of setY). Sets the element's top position directly using CSS style (instead of setY). | Element |
| setVisibilityMode( Number visMode )
+ :
+ Ext.ElementSets the element's visibility mode. When setVisible() is called it
will use this to determine whether to set the vis... Sets the element's visibility mode. When setVisible() is called it
-will use this to determine whether to set the visibility or the display property. Parameters:Ext.Element.VISIBILITY : visModeor Ext.Element.DISPLAY Returns: | Element |
| setVisible( Boolean visible , [Boolean/Object animate ] )
- :
- Ext.ElementSets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use
+will use this to determine whether to set the visibility or the display property. | Element |
| setVisible( Boolean visible , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use
the d... Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use
-the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property. Parameters:visible : BooleanWhether the element is visible animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setWidth( Mixed width , [Boolean/Object animate ] )
- :
- Ext.ElementSet the width of this Element. Set the width of this Element. | Element |
| setX( Number The , [Boolean/Object animate ] )
- :
- Ext.ElementSets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coor... Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:The : NumberX position of the element animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setXY( Array pos , [Boolean/Object animate ] )
- :
- Ext.ElementSets the position of the element in page coordinates, regardless of how the element is positioned.
+the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property. Parameters:visible : BooleanWhether the element is visible animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setWidth( Mixed width , [Boolean/Object animate ] )
+ :
+ Ext.ElementSet the width of this Element. Set the width of this Element. | Element |
| setX( Number The , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coor... Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:The : NumberX position of the element animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setXY( Array pos , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the position of the element in page coordinates, regardless of how the element is positioned.
The element must ... Sets the position of the element in page coordinates, regardless of how the element is positioned.
-The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:pos : ArrayContains X & Y [x, y] values for new position (coordinates are page-based) animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setY( Number The , [Boolean/Object animate ] )
- :
- Ext.ElementSets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coor... Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:The : NumberY position of the element animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setZIndex( Number zindex )
- :
- thisSets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically
+The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:pos : ArrayContains X & Y [x, y] values for new position (coordinates are page-based) animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setY( Number The , [Boolean/Object animate ] )
+ :
+ Ext.ElementSets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coor... Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). Parameters:The : NumberY position of the element animate : Boolean/Object(optional) True for the default animation, or a standard Element animation config object Returns: | Element |
| setZIndex( Number zindex )
+ :
+ thisSets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically
incremen... Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically
incremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow
-element, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index). Parameters:zindex : NumberThe new z-index to set Returns: | Layer |
| show( [Boolean/Object animate ] )
- :
- Ext.ElementShow this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. Show this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. | Element |
| swallowEvent( String/Array eventName , [Boolean preventDefault ] )
- :
- Ext.ElementStops the specified event(s) from bubbling and optionally prevents the default action Stops the specified event(s) from bubbling and optionally prevents the default action | Element |
| toggle( [Boolean/Object animate ] )
- :
- Ext.ElementToggles the element's visibility or display, depending on visibility mode. Toggles the element's visibility or display, depending on visibility mode. | Element |
| toggleClass( String className )
- :
- Ext.ElementToggles the specified CSS class on this element (removes it if it already exists, otherwise adds it). Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it). Parameters:className : StringThe CSS class to toggle Returns: | Element |
| translatePoints( Number/Array x , [Number y ] )
- :
- ObjectTranslates the passed page coordinates into left/top css values for this element Translates the passed page coordinates into left/top css values for this element Parameters:x : Number/ArrayThe page x or an array containing [x, y] y : Number(optional) The page y, required if x is not an array Returns: | Element |
| un( String eventName , Function fn , [Object scope ] )
- :
- Ext.ElementRemoves an event handler from this element (see removeListener for additional notes). Removes an event handler from this element (see removeListener for additional notes). Parameters:eventName : Stringthe type of event to remove fn : Functionthe method the event invokes scope : Object(optional) The scope (The this reference) of the handler function. Defaults
-to this Element. Returns: | Element |
| unclip()
- :
- Ext.ElementReturn clipping (overflow) to original clipping before clip was called Return clipping (overflow) to original clipping before clip was called | Element |
| unmask()
- :
- voidRemoves a previously applied mask. Removes a previously applied mask. | Element |
| unselectable()
- :
- Ext.ElementDisables text selection for this element (normalized across browsers) Disables text selection for this element (normalized across browsers) | Element |
| up( String selector , [Number/Mixed maxDepth ] )
- :
+element, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).Parameters:zindex : NumberThe new z-index to set Returns: | Layer |
| show( [Boolean/Object animate ] )
+ :
+ Ext.ElementShow this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. Show this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible. | Element |
| swallowEvent( String/Array eventName , [Boolean preventDefault ] )
+ :
+ Ext.ElementStops the specified event(s) from bubbling and optionally prevents the default action Stops the specified event(s) from bubbling and optionally prevents the default action | Element |
| toggle( [Boolean/Object animate ] )
+ :
+ Ext.ElementToggles the element's visibility or display, depending on visibility mode. Toggles the element's visibility or display, depending on visibility mode. | Element |
| toggleClass( String className )
+ :
+ Ext.ElementToggles the specified CSS class on this element (removes it if it already exists, otherwise adds it). Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it). Parameters:className : StringThe CSS class to toggle Returns: | Element |
| translatePoints( Number/Array x , [Number y ] )
+ :
+ ObjectTranslates the passed page coordinates into left/top css values for this element Translates the passed page coordinates into left/top css values for this element Parameters:x : Number/ArrayThe page x or an array containing [x, y] y : Number(optional) The page y, required if x is not an array Returns: | Element |
| un( String eventName , Function fn , Object scope )
+ :
+ Ext.ElementRemoves an event handler from this element (see removeListener for additional notes). Removes an event handler from this element (see removeListener for additional notes). Parameters:eventName : StringThe name of the event from which to remove the handler. fn : FunctionThe handler function to remove. This must be a reference to the function passed into the addListener call.scope : ObjectIf a scope (this reference) was specified when the listener was added,
+then this must refer to the same object. Returns: | Element |
| unclip()
+ :
+ Ext.ElementReturn clipping (overflow) to original clipping before clip was called Return clipping (overflow) to original clipping before clip was called | Element |
| unmask()
+ :
+ voidRemoves a previously applied mask. Removes a previously applied mask. | Element |
| unselectable()
+ :
+ Ext.ElementDisables text selection for this element (normalized across browsers) Disables text selection for this element (normalized across browsers) | Element |
| up( String selector , [Number/Mixed maxDepth ] )
+ :
Ext.ElementWalks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first... Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).
This is a shortcut for findParentNode() that always returns an Ext.Element. | Element |
| update( String html , [Boolean loadScripts ], [Function callback ] )
- :
- Ext.ElementUpdate the innerHTML of this element, optionally searching for and processing scripts Update the innerHTML of this element, optionally searching for and processing scripts | Element |
| wrap( [Object config ], [Boolean returnDom ] )
- :
- HTMLElement/ElementCreates and wraps this element with another element Creates and wraps this element with another element | Element |