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.