New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

Fired when the data source is populated from a JavaScript array or a remote service, a data item is inserted, updated or removed, the data items are paged, sorted, filtered, or grouped.

The event handler function context (available via the this keyword) will be set to the data source instance.

change

Event Data

e.sender `kendo.data.DataSource`

The data source instance which fired the event.

e.action `String` (optional)

String describing the action type (available for all actions other than "read").

The possible values are:

"itemchange"
"add"
"remove"
"sync"

e.field `String` (optional)

A string describing the field that is changed (available only for the "itemchange" action).

e.items `Array`

The array of data items that were affected (or read).

<script>
var dataSource = new kendo.data.DataSource({
  transport: {
    read: {
        url: "https://demos.telerik.com/service/v2/core/products"
    }
  },
  change: function(e) {
    var data = this.data();
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(data.length); // displays "77"
  }
});
dataSource.fetch();
</script>

<script>
function dataSource_change(e) {
  var data = this.data();
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log(data.length); // displays "77"
}
var dataSource = new kendo.data.DataSource({
  transport: {
    read: {
        url: "https://demos.telerik.com/service/v2/core/products"
    }
  }
});
dataSource.bind("change", dataSource_change);
dataSource.fetch();
</script>

Change

change

Event Data

e.sender kendo.data.DataSource

e.action String (optional)

e.field String (optional)

e.items Array

e.sender `kendo.data.DataSource`

e.action `String` (optional)

e.field `String` (optional)

e.items `Array`