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>
In this article