docs/source/CompositeElement.html

   1 <!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-fx.target.CompositeElement'>/**
   2 </span> * @class Ext.fx.target.CompositeElement
   3  * @extends Ext.fx.target.Element
   4  *
   5  * This class represents a animation target for a {@link Ext.CompositeElement}. It allows
   6  * each {@link Ext.core.Element} in the group to be animated as a whole. In general this class will not be
   7  * created directly, the {@link Ext.CompositeElement} will be passed to the animation and
   8  * and the appropriate target will be created.
   9  */
  10 Ext.define('Ext.fx.target.CompositeElement', {
  11
  12     /* Begin Definitions */
  13
  14     extend: 'Ext.fx.target.Element',
  15
  16     /* End Definitions */
  17
  18     isComposite: true,
  19
  20     constructor: function(target) {
  21         target.id = target.id || Ext.id(null, 'ext-composite-');
  22         this.callParent([target]);
  23     },
  24
  25     getAttr: function(attr, val) {
  26         var out = [],
  27             target = this.target;
  28         target.each(function(el) {
  29             out.push([el, this.getElVal(el, attr, val)]);
  30         }, this);
  31         return out;
  32     }
  33 });
  34 </pre></pre></body></html>