Mobile ListView with Endless scrolling issue

2 posts, 0 answers
  1. Andy
    Andy avatar
    1 posts
    Member since:
    Nov 2014

    Posted 17 Nov 2014 Link to this post

    Hi,

    I'm having major performance issue with the default example from http://docs.telerik.com/kendo-ui/mobile/listview/endless-scrolling when trying to deploy on an Android device. I tried to turn off the hardware acceleration but still when I scroll down the list loads like 50% height (top of the page) and the loading icon is just flickering. 

    <div id="orders" data-title="Orders" data-role="view" data-layout="default" data-show="showOrders" data-init="OrdersListInit">
    <ul id="ordersList"></ul>
    </div><!-- #orders -->
    <script>
    function getOrders() {
            var data = [], idx = 0;
            for (; idx < 1000; idx++) {
                data.push({
                    id: "#" + idx,
                    amount: "$00" + idx
                });
            }
           return data;
    }
    var ordersSource = new kendo.data.DataSource({ data: getOrders() });
    function OrdersListInit() {
      $("#ordersList").kendoMobileListView({
        dataSource: ordersSource,
        template: "Order #: id # - #: amount #",
        endlessScroll: true, 
        virtualViewSize: 30
      });
    }
    </script>

  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 18 Nov 2014 Link to this post

    Hello Andy,

    This exact functionality is documented here, please check it out:

    http://docs.telerik.com/kendo-ui/mobile/listview/overview#press-to-load-more--endless-scrolling

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top