X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.Element.html diff --git a/docs/output/Ext.Element.html b/docs/output/Ext.Element.html index df91a03d..393df447 100644 --- a/docs/output/Ext.Element.html +++ b/docs/output/Ext.Element.html @@ -1,367 +1,101 @@ -
-
- 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:
+

Class Ext.Element

Package:Ext
Defined In:Element.style.js
Class:Element
Subclasses:Layer
Extends:Object

Encapsulates a DOM element, adding simple DOM manipulation facilities, normalizing for browser differences.

+

All instances of this class inherit the methods of Ext.Fx making visual effects easily available to all DOM elements.

+

Note that the events documented in this class are not Ext events, they encapsulate browser events. To +access the underlying browser event, see Ext.EventObject.browserEvent. Some older +browsers may not support the full range of events. Which events are supported is beyond the control of ExtJs.

+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");
+

When an element is manipulated, by default there is no animation.

+
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
+el.setWidth(100);
+

Many of the functions for manipulating an element have an optional "animate" parameter. This +parameter can be specified as boolean (true) for default animation effects.

+
// default animation
+el.setWidth(100, true);
+

To configure the effects, an object literal with animation options to use as the Element animation +configuration object can also be specified. Note that the supported Element animation configuration +options are a subset of the Ext.Fx animation options specific to Fx effects. The supported +Element animation configuration 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
+
+
// Element animation options object
 var opt = {
-    duration: 1,
-    callback: this.foo,
-    scope: this
+    duration: 1,
+    easing: 'elasticIn',
+    callback: this.foo,
+    scope: this
 };
-el.setWidth(100, opt);
-...
+// animation with some options set
+el.setWidth(100, opt);
+

The Element animation object being used for the animation will be set on the options +object as "anim", which allows you to stop or manipulate the animation. Here is an example:

+
// using the "anim" property to get the Anim object
 if(opt.anim.isAnimated()){
     opt.anim.stop();
 }
- Composite (Collections of) Elements
-For working with collections of Elements, see Ext.CompositeElement
- -
- -

Public Properties

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyDefined 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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
MethodDefined By

Public Events

EventDefined By
\ No newline at end of file