So very recently I had to work with Kendo UI library. It is an amazing library. It has actually amazing UI controls.   I like very much to Grid control in kendo UI. It has tremendous features including grouping, filtering sorting inline and popup editing.

But in the development I got error when doing popup editing in kendo grid after the editing done popup is not closed. I searched more. I applied several solutions given by telerik team and others.

Finally I came up with a solution as below. It works fine..

$("#grid").kendoGrid({
selectable: "multiple cell",
allowCopy: true,
columns: [
{ field: "productName" },
{ field: "category" },
{ command:"edit"}
],
editable:"popup",
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
save: function (e) {
var this= this;
this.refresh();
}
});

Function in save event give the solution.