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="../prettify/prettify.css" type="text/css" rel="stylesheet" />
   7   <script type="text/javascript" src="../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-method-constructor'><span id='Ext-fx-target-Target'>/**
  19 </span></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 - {@link #Ext.fx.target.Component Components}
  30 - {@link #Ext.fx.target.Element Elements}
  31 - {@link #Ext.fx.target.Sprite Sprites}
  32
  33  * @markdown
  34  * @abstract
  35  * @constructor
  36  * @param {Mixed} target The object to be animated
  37  */
  38
  39 Ext.define('Ext.fx.target.Target', {
  40
  41     isAnimTarget: true,
  42
  43     constructor: function(target) {
  44         this.target = target;
  45         this.id = this.getId();
  46     },
  47
  48     getId: function() {
  49         return this.target.id;
  50     }
  51 });
  52 </pre>
  53 </body>
  54 </html>