Edit this page

Create an Item in the DataSource without Refreshing the Grid


Product Progress Kendo UI Grid
Progress Kendo UI version Created with the 2017.3.1026 version


How can I prevent the Kendo UI Grid from refreshing when I insert an item in the dataSource?


  1. Unbind the change event handler of the dataSource from the Grid.
  2. Insert the item.
  3. Bind the change event handler of the dataSource to the Grid.
<div id="grid"></div>

    var dataSource = new kendo.data.DataSource({
        schema: {
            model: {
                id: "id"
        id: 1,
        name: "John Doe"
    }, {
        id: 4,
        name: "Alex"

    var grid = $("#grid").kendoGrid({
        dataSource: dataSource

    setTimeout(function(e) {
        dataSource.unbind("change", grid._refreshHandler);
        dataSource.insert(1, {
            id: 2,
            name: "Peter"
        dataSource.bind("change", grid._refreshHandler);
    }, 1000)

    setTimeout(function(e) {
        dataSource.insert(2, {
            id: 3,
            name: "Michael"
    }, 3000)
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article