Mobile ListView with Endless scrolling issue

[Andy]

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>

[Kiril Nikolov]

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