Code:



{
            xtype : 'dataview',
            reference : 'dataview',
            id: 'blahblah',
            itemTpl : '<div class="quote-container note"><div style="float: left"><b>{category}</b></div><div style="float:right;color:green">Score:+{score} Replies:{repliesCount}</div><div style="clear:both;width=100%;height=100%">{title:ellipsis(140)}</div></div>',
            autoScroll : true,
//            bind : {
//                store : '{posts}'
//            },
            store: Ext.create('SlickDeals.store.PostStore'),
            plugins: [Ext.create('Ext.ux.DataView.Animated'],
            itemSelector: 'div.quote-container',            
            itemCls : 'post',
            overItemCls : 'overPost',
            selectedItemCls : 'selectedPost',
            listeners : {
                select : 'onDataViewSelect',
                afterrender : function(view) {
                    Ext.Function.defer(function() {
                        view.getStore().load();
                    }, 100);
                }
            }
        }

When using bind store then I get this error

'Cannot modify ext-empty-store'


If I use the explicit store then it works fine.


DataView works fine with binded store but error only occurs if I try to use Ext.ux.DataView.Animated