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:
Your help would be greatly appreciated. Thanks.
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.