Virtual Or Custom Scrolling

2 posts, 0 answers
  1. Adam
    Adam avatar
    9 posts
    Member since:
    Jun 2016

    Posted 29 Aug 2016 Link to this post

    I'm looking to customize the paging of the ListView to have an infinite scroll (loading next group when getting to the bottom). Similar to the functionality offered in the grid. Is there any way to achieve this? It kind of looks like the ASP.NET AJAX listview has the ability to customize the pager. Is there any way to go about this?

     

    Thanks

  2.
  3. Rumen
    Admin
    Rumen avatar
    13394 posts

    Posted 01 Sep 2016 Link to this post

    Hi Adam,

    Endless scrolling is supported out-of-the box by the Hybrid UI ListView widget, i.e.

    //initialize the Mobile ListView
    $("#listView").kendoMobileListView({
        dataSource: dataSource,
        template: "#: name #",
     
        endlessScroll: true,
        virtualViewSize: 50 // needed setting, since local data virtualization does not use paging
    });

    You can check how theendlessScroll setting works at - http://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/listview#configuration-endlessScroll

    As to the web Kendo ListView you can try the workaround provided in this blog post: Kendo UI ListView Infinite Scroll for Non-Mobile ListView.
    Yet, another solution from March 3th, 2015 is provided in StackOverflow at Implementing endless scroll with web listview.


    Best regards,
    Rumen
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top