Class Ext.Element
Package: | Ext |
Defined In: | Element.js |
Class: | Element |
Subclasses: | Layer |
Extends: | Object |
Usage:
// by id
var el = Ext.get("my-div");
// by DOM element reference
var el = Ext.get(myDivElement);
Animations
Many of the functions for manipulating an element have an optional "animate" parameter. The animate parameter should either be a boolean (true) or an object literal with animation options. Note that the supported Element animation options are a subset of the Ext.Fx animation options specific to Fx effects. The Element animation options are:
Option Default Description --------- -------- --------------------------------------------- duration .35 The duration of the animation in seconds easing easeOut The easing method callback none A function to execute when the anim completes scope this The scope (this) of the callback functionAlso, the Anim object being used for the animation will be set on your options object as "anim", which allows you to stop or manipulate the animation. Here's an example:
var el = Ext.get("my-div");
// no animation
el.setWidth(100);
// default animation
el.setWidth(100, true);
// animation with some options set
el.setWidth(100, {
duration: 1,
callback: this.foo,
scope: this
});
// using the "anim" property to get the Anim object
var opt = {
duration: 1,
callback: this.foo,
scope: this
};
el.setWidth(100, opt);
...
if(opt.anim.isAnimated()){
opt.anim.stop();
}
Composite (Collections of) Elements
For working with collections of Elements, see Ext.CompositeElement
Public Properties
Public Methods
Method | Defined By | |
---|---|---|
Element( String/HTMLElement element , [Boolean forceNew ] )
Create a new Element directly.
Create a new Element directly.
Parameters:
| Element | |
Element.fly( String/HTMLElement el , [String named ] ) : Element
<static> Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a...
<static> 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.
Parameters:
| Element | |
Element.get( Mixed el ) : Element
<static> Static method to retrieve Ext.Element objects. This method does not retrieve Components. This method r...
<static> Static method to retrieve 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.
Parameters:
| Element | |
addClass( String/Array className ) : Ext.Element
Adds 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.
Parameters:
| Element | |
addClassOnClick( String className ) : Ext.Element
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)
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)
Parameters:
| Element | |
addClassOnFocus( String className ) : Ext.Element
Sets 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
Parameters:
| Element | |
addClassOnOver( String className ) : Ext.Element
Sets 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
Parameters:
| Element | |
addKeyListener( Number/Array/Object/String key , Function fn , [Object scope ] ) : Ext.KeyMap
Convenience method for constructing a KeyMap
Convenience method for constructing a KeyMap
Parameters:
| Element | |
addKeyMap( Object config ) : Ext.KeyMap
Creates a KeyMap for this element
Creates a KeyMap for this element
Parameters:
| Element | |
addListener( String eventName , Function fn , [Object scope ], [Object options ] ) : void
Appends an event handler to this element. The shorthand version
on is equivalent.
Appends an event handler to this element. The shorthand version
on is equivalent.
Parameters:
| Element | |
alignTo( Mixed element , String position , [Array offsets ], [Boolean/Object animate ] ) : Ext.Element
Aligns 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:
Value Description ----- ----------------------------- tl The top left corner (default) t The center of the top edge tr The top right corner l The center of the left edge c In the center of the element r The center of the right edge bl The bottom left corner b The center of the bottom edge br The bottom right cornerExample Usage:
Parameters:
| Element | |
anchorTo( Mixed element , String position , [Array offsets ], [Boolean/Object animate ], [Boolean/Number monitorScroll ], Function callback ) : Ext.Element
Anchors 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 | |
animate( Object args , [Float duration ], [Function onComplete ], [String easing ], [String animType ] ) : Ext.Element
Perform animation on this element.
Perform animation on this element.
Parameters:
| Element | |
appendChild( String/HTMLElement/Array/Element/CompositeElement el ) : Ext.Element
Appends the passed element(s) to this element
Appends the passed element(s) to this element
Parameters:
| Element | |
appendTo( Mixed el ) : Ext.Element
Appends this element to the passed element
Appends this element to the passed element
Parameters:
| Element | |
applyStyles( String/Object/Function styles ) : Ext.Element
More flexible version of
setStyle for setting style properties.
More flexible version of
setStyle for setting style properties.
Parameters:
| Element | |
autoHeight( [Boolean animate ], [Float duration ], [Function onComplete ], [String easing ] ) : Ext.Element
Measures the element's content height and updates height to match. Note: this function uses setTimeout so the new hei...
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:
| Element | |
blur() : Ext.Element
Tries to blur the element. Any exceptions are caught and ignored.
Tries to blur the element. Any exceptions are caught and ignored.
Parameters:
| Element | |
boxWrap( [String class ] ) : Ext.Element
Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a gradie...
Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a gradient background, rounded corners and a 4-way shadow. Example usage:
Parameters:
| Element | |
center( [Mixed centerIn ] ) : void
Centers the Element in either the viewport, or another Element.
Centers the Element in either the viewport, or another Element.
Parameters:
| Element | |
child( String selector , [Boolean returnDom ] ) : HTMLElement/Ext.Element
Selects 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).
Parameters:
| Element | |
clean( [Boolean forceReclean ] ) : void
Removes worthless text nodes
Removes worthless text nodes
Parameters:
| Element | |
clearOpacity() : Ext.Element
Clears 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.
Parameters:
| Element | |
clearPositioning( [String value ] ) : Ext.Element
Clear positioning back to the default when the document was loaded
Clear positioning back to the default when the document was loaded
Parameters:
| Element | |
clip() : Ext.Element | Element | |
contains( HTMLElement/String el ) : Boolean
Returns true if this element is an ancestor of the passed element
Returns true if this element is an ancestor of the passed element
Parameters:
| Element | |
createChild( Object config , [HTMLElement insertBefore ], [Boolean returnDom ] ) : Ext.Element
Creates 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:
| Element | |
createProxy( String/Object config , [String/HTMLElement renderTo ], [Boolean matchBox ] ) : Ext.Element
Creates a proxy element of this element
Creates a proxy element of this element
Parameters:
| Element | |
createShim() : Ext.Element
Creates 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:
| Element | |
down( String selector , [Boolean returnDom ] ) : HTMLElement/Ext.Element
Selects 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).
Parameters:
| Element | |
enableDisplayMode( [String display ] ) : Ext.Element
Convenience method for setVisibilityMode(Element.DISPLAY)
Convenience method for setVisibilityMode(Element.DISPLAY)
Parameters:
| Element | |
findParent( String selector , [Number/Mixed maxDepth ], [Boolean returnEl ] ) : HTMLElement
Looks 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:
| Element | |
findParentNode( String selector , [Number/Mixed maxDepth ], [Boolean returnEl ] ) : HTMLElement
Looks 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:
| Element | |
first( [String selector ], [Boolean returnDom ] ) : Ext.Element/HTMLElement
Gets the first child, skipping text nodes
Gets the first child, skipping text nodes
Parameters:
| Element | |
focus() : Ext.Element
Tries to focus the element. Any exceptions are caught and ignored.
Tries to focus the element. Any exceptions are caught and ignored.
Parameters:
| Element | |
getAlignToXY( Mixed element , String position , [Array offsets ] ) : Array
Gets 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 | |
getAnchorXY( [String anchor ], [Boolean local ], [Object size ] ) : Array
Gets 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:
| Element | |
getAttributeNS( String namespace , String name ) : String
Returns 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:
| Element | |
getBorderWidth( String side ) : Number
Gets the width of the border(s) for the specified side(s)
Gets the width of the border(s) for the specified side(s)
Parameters:
| Element | |
getBottom( Boolean local ) : Number
Gets 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)
Parameters:
| Element | |
getBox( [Boolean contentBox ], [Boolean local ] ) : Object
Return a box {x, y, width, height} that can be used to set another elements size/location to match this element.
Return a box {x, y, width, height} that can be used to set another elements size/location to match this element.
Parameters:
| Element | |
getCenterXY() : Array
Calculates the x, y to center this element on the screen
Calculates the x, y to center this element on the screen
Parameters:
| Element | |
getColor( String attr , String defaultValue , [String prefix ] ) : void
Return 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.
Parameters:
| Element | |
getComputedHeight() : Number
Returns 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.
Parameters:
| Element | |
getComputedWidth() : Number
Returns 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.
Parameters:
| Element | |
getFrameWidth( String sides ) : Number
Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth() for more informati...
Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth() for more information about the sides.
Parameters:
| Element | |
getHeight( [Boolean contentHeight ] ) : Number
Returns the offset height of the element
Returns the offset height of the element
Parameters:
| Element | |
getLeft( Boolean local ) : Number
Gets the left X coordinate
Gets the left X coordinate
Parameters:
| Element | |
getMargins( [String sides ] ) : Object/Number
Returns 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)
Parameters:
| Element | |
getOffsetsTo( Mixed element ) : Array
Returns 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.
Parameters:
| Element | |
getPadding( String side ) : Number
Gets the width of the padding(s) for the specified side(s)
Gets the width of the padding(s) for the specified side(s)
Parameters:
| Element | |
getPositioning() : Object
Gets 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.
Parameters:
| Element | |
getRegion() : Region
Returns 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).
Parameters:
| Element | |
getRight( Boolean local ) : Number
Gets 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)
Parameters:
| Element | |
getScroll() : Object
Returns the current scroll position of the element.
Returns the current scroll position of the element.
Parameters:
| Element | |
getSize( [Boolean contentSize ] ) : Object
Returns the size of the element.
Returns the size of the element.
Parameters:
| Element | |
getStyle( String property ) : String
Normalizes currentStyle and computedStyle.
Normalizes currentStyle and computedStyle.
Parameters:
| Element | |
getStyles( String style1 , String style2 , String etc. ) : Object
Returns 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:
| Element | |
getTextWidth( String text , [Number min ], [Number max ] ) : Number
Returns 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:
| Element | |
getTop( Boolean local ) : Number
Gets the top Y coordinate
Gets the top Y coordinate
Parameters:
| Element | |
getUpdater() : Ext.Updater
Gets this element's Updater
Gets this element's Updater
Parameters:
| Element | |
getValue( Boolean asNumber ) : String/Number
Returns the value of the "value" attribute
Returns the value of the "value" attribute
Parameters:
| Element | |
getViewSize() : Object
Returns the width and height of the viewport.
Returns the width and height of the viewport.
Parameters:
| Element | |
getWidth( [Boolean contentWidth ] ) : Number
Returns the offset width of the element
Returns the offset width of the element
Parameters:
| Element | |
getX() : Number
Gets 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).
Parameters:
| Element | |
getXY() : Array
Gets 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).
Parameters:
| Element | |
getY() : Number
Gets 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).
Parameters:
| Element | |
hasClass( String className ) : Boolean
Checks 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.
Parameters:
| Element | |
hide( [Boolean/Object animate ] ) : Ext.Element
Hide 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.
Parameters:
| Element | |
hover( Function overFn , Function outFn , [Object scope ] ) : Ext.Element
Sets up event handlers to call the passed functions when the mouse is over this element. Automatically filters child ...
Sets up event handlers to call the passed functions when the mouse is over this element. Automatically filters child element mouse events.
Parameters:
| Element | |
initDD( String group , Object config , Object overrides ) : Ext.dd.DD
Initializes a
Ext.dd.DD drag drop object for this element.
Initializes a
Ext.dd.DD drag drop object for this element.
Parameters:
| Element | |
initDDProxy( String group , Object config , Object overrides ) : Ext.dd.DDProxy
Initializes a
Ext.dd.DDProxy object for this element.
Initializes a
Ext.dd.DDProxy object for this element.
Parameters:
| Element | |
initDDTarget( String group , Object config , Object overrides ) : Ext.dd.DDTarget
Initializes a
Ext.dd.DDTarget object for this element.
Initializes a
Ext.dd.DDTarget object for this element.
Parameters:
| Element | |
insertAfter( Mixed el ) : Ext.Element
Inserts this element after the passed element in the DOM
Inserts this element after the passed element in the DOM
Parameters:
| Element | |
insertBefore( Mixed el ) : Ext.Element
Inserts this element before the passed element in the DOM
Inserts this element before the passed element in the DOM
Parameters:
| Element | |
insertFirst( Mixed/Object el ) : Ext.Element
Inserts (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
Parameters:
| Element | |
insertHtml( String where , String html , [Boolean returnEl ] ) : HTMLElement/Ext.Element
Inserts an html fragment into this element
Inserts an html fragment into this element
Parameters:
| Element | |
insertSibling( Mixed/Object/Array el , [String where ], [Boolean returnDom ] ) : Ext.Element
Inserts (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:
| Element | |
is( String selector ) : Boolean
Returns 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)
Parameters:
| Element | |
isBorderBox() : Boolean
Tests 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
Parameters:
| Element | |
isDisplayed() : Boolean
Returns true if display is not "none"
Returns true if display is not "none"
Parameters:
| Element | |
isMasked() : Boolean
Returns true if this element is masked
Returns true if this element is masked
Parameters:
| Element | |
isScrollable() : Boolean
Returns true if this element is scrollable.
Returns true if this element is scrollable.
Parameters:
| Element | |
isVisible( [Boolean deep ] ) : Boolean
Checks 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.
Parameters:
| Element | |
last( [String selector ], [Boolean returnDom ] ) : Ext.Element/HTMLElement
Gets the last child, skipping text nodes
Gets the last child, skipping text nodes
Parameters:
| Element | |
load() : Ext.Element
Direct access to the Updater
Ext.Updater.update method. The method takes the same object parameter as
Ext.Updater.update
Direct access to the Updater
Ext.Updater.update method. The method takes the same object parameter as
Ext.Updater.update
Parameters:
| Element | |
mask( [String msg ], [String msgCls ] ) : Element
Puts 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.
Parameters:
| Element | |
move( String direction , Number distance , [Boolean/Object animate ] ) : Ext.Element
Move this element relative to its current position.
Move this element relative to its current position.
Parameters:
| Element | |
moveTo( Number x , Number y , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
next( [String selector ], [Boolean returnDom ] ) : Ext.Element/HTMLElement
Gets the next sibling, skipping text nodes
Gets the next sibling, skipping text nodes
Parameters:
| Element | |
on( String eventName , Function fn , [Object scope ], [Object options ] ) : void
Appends an event handler (shorthand for
addListener).
Appends an event handler (shorthand for
addListener).
Parameters:
| Element | |
parent( [String selector ], [Boolean returnDom ] ) : Ext.Element/HTMLElement
Gets 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:
| Element | |
position( [String pos ], [Number zIndex ], [Number x ], [Number y ] ) : void
Initializes 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:
| Element | |
prev( [String selector ], [Boolean returnDom ] ) : Ext.Element/HTMLElement
Gets the previous sibling, skipping text nodes
Gets the previous sibling, skipping text nodes
Parameters:
| Element | |
query( String selector ) : Array
Selects 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:
| Element | |
radioClass( String/Array className ) : Ext.Element
Adds 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.
Parameters:
| Element | |
relayEvent( String eventName , Object object ) : void
Create 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).
Parameters:
| Element | |
remove() : void
Removes this element from the DOM and deletes it from the cache
Removes this element from the DOM and deletes it from the cache
Parameters:
| Element | |
removeAllListeners() : Ext.Element
Removes all previous added listeners from this element
Removes all previous added listeners from this element
Parameters:
| Element | |
removeClass( String/Array className ) : Ext.Element
Removes one or more CSS classes from the element.
Removes one or more CSS classes from the element.
Parameters:
| Element | |
removeListener( String eventName , Function fn , [Object scope ] ) : Ext.Element
Removes an event handler from this element. The shorthand version un is equivalent. Example: el.removeListener('cli...
Removes an event handler from this element. The shorthand version
un is equivalent. Example:
Parameters:
| Element | |
repaint() : Ext.Element
Forces the browser to repaint this element
Forces the browser to repaint this element
Parameters:
| Element | |
replace( Mixed el ) : Ext.Element
Replaces the passed element with this element
Replaces the passed element with this element
Parameters:
| Element | |
replaceClass( String oldClassName , String newClassName ) : Ext.Element
Replaces 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.
Parameters:
| Element | |
replaceWith( Mixed/Object el ) : Ext.Element
Replaces this element with the passed element
Replaces this element with the passed element
Parameters:
| Element | |
scroll( String direction , Number distance , [Boolean/Object animate ] ) : Boolean
Scrolls 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:
| Element | |
scrollIntoView( [Mixed container ], [Boolean hscroll ] ) : Ext.Element
Scrolls this element into view within the passed container.
Scrolls this element into view within the passed container.
Parameters:
| Element | |
scrollTo( String side , Number value , [Boolean/Object animate ] ) : Element
Scrolls 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().
Parameters:
| Element | |
select( String selector , [Boolean unique ] ) : CompositeElement/CompositeElementLite
Creates a
Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an id).
Creates a
Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an id).
Parameters:
| Element | |
set( Object o , [Boolean useSet ] ) : Ext.Element
Sets 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)
Parameters:
| Element | |
setBottom( String bottom ) : Ext.Element
Sets the element's CSS bottom style.
Sets the element's CSS bottom style.
Parameters:
| Element | |
setBounds( Number x , Number y , Number width , Number height , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
setBox( Object box , [Boolean adjust ], [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
setDisplayed( Mixed value ) : Ext.Element
Sets 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.
Parameters:
| Element | |
setHeight( Number height , [Boolean/Object animate ] ) : Ext.Element
Set the height of the element
Set the height of the element
Parameters:
| Element | |
setLeft( String left ) : Ext.Element
| Element | |
setLeftTop( String left , String top ) : Ext.Element
Quick set left and top adding default units
Quick set left and top adding default units
Parameters:
| Element | |
setLocation( Number x , Number y , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
setOpacity( Float opacity , [Boolean/Object animate ] ) : Ext.Element
Set the opacity of the element
Set the opacity of the element
Parameters:
| Element | |
setPositioning( Object posCfg ) : Ext.Element
Set positioning with an object returned by getPositioning().
Set positioning with an object returned by getPositioning().
Parameters:
| Element | |
setRegion( Ext.lib.Region region , [Boolean/Object animate ] ) : Ext.Element
Sets 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.
Parameters:
| Element | |
setRight( String right ) : Ext.Element
Sets the element's CSS right style.
Sets the element's CSS right style.
Parameters:
| Element | |
setSize( Number width , Number height , [Boolean/Object animate ] ) : Ext.Element
Set the size of the element. If animation is true, both width an height will be animated concurrently.
Set the size of the element. If animation is true, both width an height will be animated concurrently.
Parameters:
| Element | |
setStyle( String/Object property , [String value ] ) : Ext.Element
Wrapper 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:
| Element | |
setTop( String top ) : Ext.Element
| Element | |
setVisibilityMode( visMode Element.VISIBILITY ) : Ext.Element
Sets 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.
Parameters:
| Element | |
setVisible( Boolean visible , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
setWidth( Number width , [Boolean/Object animate ] ) : Ext.Element
Set the width of the element
Set the width of the element
Parameters:
| Element | |
setX( Number The , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
setXY( Array pos , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
setY( Number The , [Boolean/Object animate ] ) : Ext.Element
Sets 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:
| Element | |
show( [Boolean/Object animate ] ) : Ext.Element
Show 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.
Parameters:
| Element | |
swallowEvent( String eventName , [Boolean preventDefault ] ) : Ext.Element
Stops the specified event from bubbling and optionally prevents the default action
Stops the specified event from bubbling and optionally prevents the default action
Parameters:
| Element | |
toggle( [Boolean/Object animate ] ) : Ext.Element
Toggles the element's visibility or display, depending on visibility mode.
Toggles the element's visibility or display, depending on visibility mode.
Parameters:
| Element | |
toggleClass( String className ) : Ext.Element
Toggles 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:
| Element | |
translatePoints( Number/Array x , [Number y ] ) : Object
Translates 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:
| Element | |
un( String eventName , Function fn ) : Ext.Element
Removes an event handler from this element (shorthand for
removeListener).
Removes an event handler from this element (shorthand for
removeListener).
Parameters:
| Element | |
unclip() : Ext.Element
Return clipping (overflow) to original clipping before clip() was called
Return clipping (overflow) to original clipping before clip() was called
Parameters:
| Element | |
unmask() : void
Removes a previously applied mask.
Removes a previously applied mask.
Parameters:
| Element | |
unselectable() : Ext.Element
Disables text selection for this element (normalized across browsers)
Disables text selection for this element (normalized across browsers)
Parameters:
| Element | |
up( String selector , [Number/Mixed maxDepth ] ) : Ext.Element
Walks 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.
Parameters:
| Element | |
update( String html , [Boolean loadScripts ], [Function callback ] ) : Ext.Element
Update the innerHTML of this element, optionally searching for and processing scripts
Update the innerHTML of this element, optionally searching for and processing scripts
Parameters:
| Element | |
wrap( [Object config ], [Boolean returnDom ] ) : HTMLElement/Element
Creates and wraps this element with another element
Creates and wraps this element with another element
Parameters:
| Element |