I've spent a lot of time trying to get items that are added to a ListView or "source" bound element (i.e. <div data-bind="source: myData"></div>) to fade in using FX Fade (http://docs.kendoui.com/api/framework/fx/fade) instead of just appearing abruptly. Unfortunately, I have been unsuccessful. Can you explain how to do it in *both* cases (i.e. when using a ListView and when using source binding)?
Here is as far as I got when trying it with a ListView:
var myData = [];
$('#MyListView').kendoListView({
dataSource: myData,
template: myTemplate,
dataBinding: function (e) {
for (var i = 0; i < e.items.length; i++) {
kendo.fx($('div[data-uid="' + e.items[i].uid + '"]')).fade('in').play(); // THIS DOES NOT WORK.
}
}
});
myData.push('Test data item'); // SHOWS UP IN THE DIV, BUT DOES NOT FADE IN.
Your help would be greatly appreciated. Thanks.