Can I animate when updating the data?

2 posts, 0 answers
  1. Dan
    Dan avatar
    139 posts
    Member since:
    Feb 2011

    Posted 22 Jun 2018 Link to this post

    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.

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5349 posts

    Posted 25 Jun 2018 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top