This is a migrated thread and some comments may be shown as answers.
Mobile ListView with Endless scrolling issue
1 Answer 35 Views
This is a migrated thread and some comments may be shown as answers.
Andy
Top achievements
Rank 1
Andy asked on 17 Nov 2014, 12:05 PM
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>

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 18 Nov 2014, 11:30 AM
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!
 
Asked by
Andy
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or