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.

Example

<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>
In this article
Not finding the help you need? Improve this article