You found a bug! We've classified it as
EXTJS-15393
.
We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
-
Sencha Premium Member
Animation on DataView not working
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
-
Sencha User
Error thrown when animating item removal from DataView's store
Here's a fiddle reproducing the issue.
-
Sencha Premium Member
@watertrac_dev
Thank you for the effort. How do we go from here? How could we raise the interest of a Sencha expert?
Thanks
ok
-
Thanks stoertebeker for pointing this out, and thanks watertrac_dev for that test case. I've moved this thread to the Bugs forum, and have opened a bug in our bug tracker.
-
Sencha Premium Member
Dear Support,
is there any indication how long it will take until someone will have a look and hopefully a fix?
Thanks
ok
-
Sencha User
Bump! I guess?
The animated data view example has not been working since v6.0 it seems.
https://examples.sencha.com/extjs/6....-dataview.html
Tried almost all versions back to 6.0.0 for no avail.