|
| Element( String/HTMLElement element , [Boolean forceNew ] )
+ Create a new Element directly. Create a new Element directly. | Element |
| 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 (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. | 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
+); 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:
@@ -200,405 +201,409 @@ 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 )
- :
+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
-The Animation Control Object enables gradual transitions for any member of an
-element's style object that takes a numeric value including but not limited to
-these properties:
-- bottom, top, left, right
-- height, width
-- margin, padding
-- borderWidth
-- opacity
-- fontSize
-- lineHeight
-
-- Animation Property Attributes
-Each Animation Property is a config object with optional properties:
-
-- Animation Types
-The supported animation types:
-- 'run' : Default
-
var el = Ext.get('complexEl');
-el.animate(
- // animation control object
- {
- borderWidth: {to: 3, from: 0},
- opacity: {to: .3, from: 1},
- height: {to: 50, from: el.getHeight()},
- width: {to: 300, from: el.getWidth()},
- top : {by: - 100, unit: 'px'},
- },
- 0.35, // animation duration
- null, // callback
- 'easeOut', // easing method
- 'run' // animation type ('run','color','motion','scroll')
-);
-
-- 'color'
-
Animates transition of background, text, or border colors.
-el.animate(
- // animation control object
- {
- color: { to: '#06e' },
- backgroundColor: { to: '#e06' }
- },
- 0.35, // animation duration
- null, // callback
- 'easeOut', // easing method
- 'color' // animation type ('run','color','motion','scroll')
-);
-
-- 'motion'
-
Animates the motion of an element to/from specific points using optional bezier
-way points during transit.
-el.animate(
- // animation control object
- {
- borderWidth: {to: 3, from: 0},
- opacity: {to: .3, from: 1},
- height: {to: 50, from: el.getHeight()},
- width: {to: 300, from: el.getWidth()},
- top : {by: - 100, unit: 'px'},
- points: {
- to: [50, 100], // go to this point
- control: [ // optional bezier way points
- [ 600, 800],
- [-100, 200]
- ]
- }
- },
- 3000, // animation duration (milliseconds!)
- null, // callback
- 'easeOut', // easing method
- 'motion' // animation type ('run','color','motion','scroll')
-);
-
-- 'scroll'
-
Animate horizontal or vertical scrolling of an overflowing page element.
-el.animate(
- // animation control object
- {
- scroll: {to: [400, 300]}
- },
- 0.35, // animation duration
- null, // callback
- 'easeOut', // easing method
- 'scroll' // animation type ('run','color','motion','scroll')
-);
-
-
- 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 )
- :
- 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
-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
-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,
-Ext.Panel when frame=true, Ext.Window). The markup
-is of this form:
- Ext.Element.boxMarkup =
- '<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div>
- <div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div>
- <div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';
- Example usage:
- // Basic box wrap
- 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
-(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 ] )
- :
+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 Obje... Perform custom animation on this element.
+
+- Animation Properties
+The Animation Control Object enables gradual transitions for any member of an
+element's style object that takes a numeric value including but not limited to
+these properties:
+- bottom, top, left, right
+- height, width
+- margin, padding
+- borderWidth
+- opacity
+- fontSize
+- lineHeight
+
+- Animation Property Attributes
+Each Animation Property is a config object with optional properties:
+
+- Animation Types
+The supported animation types:
+- 'run' : Default
+
var el = Ext.get('complexEl');
+el.animate(
+ // animation control object
+ {
+ borderWidth: {to: 3, from: 0},
+ opacity: {to: .3, from: 1},
+ height: {to: 50, from: el.getHeight()},
+ width: {to: 300, from: el.getWidth()},
+ top : {by: - 100, unit: 'px'},
+ },
+ 0.35, // animation duration
+ null, // callback
+ 'easeOut', // easing method
+ 'run' // animation type ('run','color','motion','scroll')
+);
+
+- 'color'
+
Animates transition of background, text, or border colors.
+el.animate(
+ // animation control object
+ {
+ color: { to: '#06e' },
+ backgroundColor: { to: '#e06' }
+ },
+ 0.35, // animation duration
+ null, // callback
+ 'easeOut', // easing method
+ 'color' // animation type ('run','color','motion','scroll')
+);
+
+- 'motion'
+
Animates the motion of an element to/from specific points using optional bezier
+way points during transit.
+el.animate(
+ // animation control object
+ {
+ borderWidth: {to: 3, from: 0},
+ opacity: {to: .3, from: 1},
+ height: {to: 50, from: el.getHeight()},
+ width: {to: 300, from: el.getWidth()},
+ top : {by: - 100, unit: 'px'},
+ points: {
+ to: [50, 100], // go to this point
+ control: [ // optional bezier way points
+ [ 600, 800],
+ [-100, 200]
+ ]
+ }
+ },
+ 3000, // animation duration (milliseconds!)
+ null, // callback
+ 'easeOut', // easing method
+ 'motion' // animation type ('run','color','motion','scroll')
+);
+
+- 'scroll'
+
Animate horizontal or vertical scrolling of an overflowing page element.
+el.animate(
+ // animation control object
+ {
+ scroll: {to: [400, 300]}
+ },
+ 0.35, // animation duration
+ null, // callback
+ 'easeOut', // easing method
+ 'scroll' // animation type ('run','color','motion','scroll')
+);
+
+
+ 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 )
+ :
+ 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 |
| 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 wit... 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,
+Ext.Panel when frame=true, Ext.Window). The markup
+is of this form:
+ Ext.Element.boxMarkup =
+ '<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div>
+ <div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div>
+ <div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';
+ Example usage:
+ // Basic box wrap
+ 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
+(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 ] )
- :
- 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
-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 ] )
- :
- 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 ] )
- :
+need to force a reclean, you can pass true.Returns: | 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
+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 ] )
+ :
+ 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 |
| get( Mixed el )
- :
- Element<static> Retrieves Ext.Element objects.
-This method does not retrieve Components. This method
+(e.g. internally Ext uses "_global") Returns: | 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 |
| get( Mixed el )
+ :
+ Element<static> Retrieves Ext.Element objects.
+This method does not retrieve Components. This method
retrieves Ext.Element objects wh... <static> Retrieves Ext.Element objects.
This method does not retrieve Components. This method
retrieves Ext.Element objects which encapsulate DOM elements. To retrieve a Component by
its ID, use Ext.ComponentMgr.get.
Uses simple caching to consistently return the same object. Automatically fixes if an
-object was recreated with the same id via AJAX or DOM. | 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
+object was recreated with the same id via AJAX or DOM. | 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 ] )
- :
+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 )
- :
+{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
+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/locati... 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
-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 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 )
- :
+color anims.Returns: | Element |
| getComputedHeight()
+ :
+ NumberReturns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders
+when... 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
+when ne... 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 infor... 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
-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.
-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.
-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( 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.
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
+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 performing... 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.
+The element must be part of the DOM tree to have a region (display:none or e... 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 |
| getStyleSize()
+ :
+ voidReturns the dimensions of the element available to lay content out in.
+getStyleSize utilizes prefers style sizing if ... Returns the dimensions of the element available to lay content out in.
+getStyleSize utilizes prefers style sizing if present, otherwise it chooses the larger of offsetHeight/clientHeight and offsetWidth/clientWidth.
+To obtain the size excluding scrollbars, use getViewSize
+Sizing of the document body is handled at the adapter level which handles special cases for IE and strict modes, etc. | Element |
| getStyles( String style1 , String style2 , String etc. )
+ :
+ ObjectReturns an object with properties matching the styles requested.
+For example, el.getStyles('color', 'font-size', 'wid... 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()
+ :
+ voidReturns the dimensions of the element available to lay content out in.
+If the element (or any ancestor element) has C... 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.
+getViewSize utilizes clientHeight/clientWidth which excludes sizing of scrollbars.
+To obtain the size including scrollbars, use getStyleSize
+Sizing of the document body is handled at the adapter level which handles special cases for IE and strict modes, etc. | 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: | 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
+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.
-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 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 |
| 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,
+parameter as Ext.Updater.update | 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 elem... 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.
+The element must b... 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 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 positioned... 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 |
| 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.
+for firing the relayed event Returns: | 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.
@@ -606,46 +611,46 @@ 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 ] )
- :
- 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 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
+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 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 ] )
+ :
+ 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 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('element... Set the height of this Element.
// change the height to 200px and animate with default configuration
Ext.fly('elementId').setHeight(200, true);
@@ -658,152 +663,152 @@ Ext.fly('elId').setHeight(150, {
});
| 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 ] )
- :
+animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | 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 b... 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 ] )
- :
- 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. | 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. | 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 ] )
- :
+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. | 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 visi... 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. | 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 di... 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 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 |
| 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 )
- :
+animate : Boolean/Object(optional) true for the default animation or a standard Element animation config object Returns: | 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 b... 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 |
| 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 |