itemChange

Fires when a new item is added to the listview. The event is used in virtual (endless scrolling) mode only.

Example

<div data-role="view">
  <ul data-role="listview" data-source="foo" data-endless-scroll="true" data-template="foo-template" data-item-change="itemChange">
  </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; }
  }
});

  function itemChange(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(e);
  }

new kendo.mobile.Application();
</script>
In this article
Not finding the help you need? Improve this article