Hello,
I have a DataView and added 'Ext.ux.DataView.Animated' as a plugin in order to animate the rearranging of the images that I have in my DataView.

Code:
Ext.define('MyTT.view.BHomePanel', {
  extend: 'Ext.panel.Panel',
  alias: 'widget.bhomepanel',
  requires: ['Ext.ux.DataView.Animated'],


  id: 'bhomepanel',
  autoScroll: false,
  layout: {
    type: 'vbox'
  },
  frameHeader: false,
  initComponent: function() {
    var me = this;  
    Ext.applyIf(me, {
      items: {
        xtype: 'dataview',
        id: 'mytickerdata',
        deferInitialRefresh: false,
        emptyText: 'No images to display.',
        plugins: [Ext.create('Ext.ux.DataView.Animated', {duration: 5000, idProperty:'id'})],
        autoScroll: true,
        itemSelector: 'div.thumb-wrap',
        store: 'TickerData',
        itemTpl: [
          '<tpl for=".">',
          '    <div class="thumb-wrap" id="{name:stripTags}">',
          '        <div class="thumb"><img src="{currentprofile}" title="{userid}"></div>',
          '        <span class="x-editable">{totalco2}({annualco2})</span>',
          '    </div>',
          '</tpl>',
          '<div class="x-clear"></div>'
        ]
      }
    });  
    me.callParent(arguments);
  }
});
Now I try to remove the first item in the DataView with:
Code:
Ext.getStore('TickerData').removeAt(0)
The item disappears from the DataView without animation and in the console of the debugger I get this error message:
Code:
TypeError: Cannot read property 'animate' of null
Thanks
ok