endlessScroll Boolean
(default: false)
If set to true
, the listview gets the next page of data when the user scrolls near the bottom of the view.
<div data-role="view">
<ul data-role="listview" data-source="foo" data-endless-scroll="true" data-template="foo-template">
</ul>
</div>
<script type="text/x-kendo-template" id="foo-template">
#: name # - #: modified #
</script>
<script>
var i = 0, pageSize = 100;
// datasource below is customized for demo purposes.
var foo = new kendo.data.DataSource({
transport: {
read: function(options) {
var max = i + pageSize;
var data = [];
for (; i < max; i ++) {
data.push({ name: "record" + i, modified: +new Date() });
}
options.success(data);
}
},
pageSize: pageSize,
serverPaging: true,
schema: {
total: function() { return 500; }
}
});
new kendo.mobile.Application();
</script>