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

Sync

events

Fired after the data source saves data item changes. The data source saves the data item changes when the sync method is called.

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

The sync event is fired after all remote requests finish.

sync

Event Data

e.sender `kendo.data.DataSource`

The data source instance which fired the event.

<script>
var dataSource = new kendo.data.DataSource({
  batch: true,
  transport: {
    create: {
      url: "https://demos.telerik.com/service/v2/core/products/create",
      type: "POST",
      contentType: "application/json"
    },
    parameterMap: function(data) {
      return kendo.stringify(data.models);
    }
  },
  sync: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("sync complete");
  },
  schema: {
    model: { id: "ProductID" }
  }
});
dataSource.add( { ProductName: "Ham" } );
dataSource.sync();
</script>

<script>
function dataSource_sync(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("sync complete");
}
var dataSource = new kendo.data.DataSource({
  batch: true,
  transport: {
    create: {
      url: "https://demos.telerik.com/service/v2/core/products/create",
      type: "POST",
      contentType: "application/json"
    },
    parameterMap: function(data) {
      return kendo.stringify(data.models);
    }
  },
  schema: {
    model: { id: "ProductID" }
  }
});
dataSource.bind("sync", dataSource_sync);
dataSource.add( { ProductName: "Ham" } );
dataSource.sync();
</script>

Sync

sync

Event Data

e.sender kendo.data.DataSource

e.sender `kendo.data.DataSource`