Properties Methods Events Direct Link

Class Ext.Element

Package:Ext
Defined In:Element.js
Class:Element
Subclasses:Layer
Extends:Object
* Represents an Element in the DOM.

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 function
Also, 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

Property Defined By
  Element.DISPLAY : Number
<static> Visibility mode constant - Use display to hide element
Element
  Element.VISIBILITY : Number
<static> Visibility mode constant - Use visibility to hide element
Element
  defaultUnit : String
The default unit to append to CSS values where a unit isn't provided (defaults to px).
Element
  dom : HTMLElement
The DOM element
Element
  id : String
The DOM element ID
Element
  originalDisplay : String
The element's default display mode (defaults to "")
Element

Public Methods

Method Defined By

Public Events

This class has no public events.