title: ExtJS drag/drop a CompositeSprite
body: <p>I want to set draggable on a CompositeSprite using Ext JS 4.0. There are examples on how I can set draggable a single sprite (draggable: true), but it doesn't work for CompositeSprite. If I write:</p>
  
  <pre class="lang-js prettyprint-override"><code>compositeSprite.setAttributes({
    draggable: true
  });
  </code></pre>
  
  <p>the result is each sprite in compositeSprite can be dragged separately. I need them to be dragged together.</p>
  
  <p>I have also tried to use dd property which contains Ext.dd.DragSource, but I can't apply Ext.dd.DragSource to Sprites. (There are no examples on the net, only for grid and tree).</p>
  
  <p>Any thoughts?</p>