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>