Can I animate when updating the data?

[Dan]

We are using the RadListView binding to data from a Web API call...  When data is updated - we use the client-size code:

listView.set_dataSource(data);
listView.dataBind();

Is there a way we can apply an animation when data is updated?  Currently it just draws in the new/updated data in a jarring / clunky fashion.

[Marin Bratanov]

Hello Dan,

You can post your feature request in our feedback portal and if it becomes popular, management will prioritize its implementation: https://feedback.telerik.com/Project/108/Feedback/List/Feature%20Request.

In the meantime, I suggest that you show and hide a RadAjaxLoadingPanel programmatically when requesting the data and after data binding, respectively. You can see how to do that in the following article: https://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxloadingpanel/how-to/show-and-hide-ajaxloadingpanel-explicitly. A similar approach is used in the following demo: https://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/programmatic/defaultcs.aspx.

I can also suggest you take a look at the Kendo ListView widget as it is designed first and foremost for client-side binding: https://demos.telerik.com/kendo-ui/listview/index. It also allows you more control over the DOM elements and manipulations.

Regards,
Marin Bratanov
Progress Telerik