Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / Target.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5   <title>The source code</title>
6   <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
7   <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
8   <style type="text/css">
9     .highlight { display: block; background-color: #ddd; }
10   </style>
11   <script type="text/javascript">
12     function highlight() {
13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
14     }
15   </script>
16 </head>
17 <body onload="prettyPrint(); highlight();">
18   <pre class="prettyprint lang-js"><span id='Ext-fx-target-Target'>/**
19 </span> * @class Ext.fx.target.Target
20
21 This class specifies a generic target for an animation. It provides a wrapper around a
22 series of different types of objects to allow for a generic animation API.
23 A target can be a single object or a Composite object containing other objects that are 
24 to be animated. This class and it's subclasses are generally not created directly, the 
25 underlying animation will create the appropriate Ext.fx.target.Target object by passing 
26 the instance to be animated.
27
28 The following types of objects can be animated:
29
30 - {@link Ext.fx.target.Component Components}
31 - {@link Ext.fx.target.Element Elements}
32 - {@link Ext.fx.target.Sprite Sprites}
33
34  * @markdown
35  * @abstract
36  */
37 Ext.define('Ext.fx.target.Target', {
38
39     isAnimTarget: true,
40
41 <span id='Ext-fx-target-Target-method-constructor'>    /**
42 </span>     * Creates new Target.
43      * @param {Ext.Component/Ext.Element/Ext.draw.Sprite} target The object to be animated
44      */
45     constructor: function(target) {
46         this.target = target;
47         this.id = this.getId();
48     },
49     
50     getId: function() {
51         return this.target.id;
52     }
53 });
54 </pre>
55 </body>
56 </html>