Instead of closing immediately after issuing the filter. My recommendation closes the DataSource requestEnd event window.
Ie: Clear filter:
function clearFiter() { $("#loading-msg").data("kendoWindow").center().open(); $("#grid").data("kendoGrid").dataSource.filter([]); }
and DataSource:
dataSource: { type: "odata", transport: { read: "http://demos.kendoui.com/service/Northwind.svc/Orders" }, schema: { model: { fields: { OrderID: { type: "number" }, Freight: { type: "number" }, ShipName: { type: "string" }, OrderDate: { type: "date" }, ShipCity: { type: "string" } } } }, pageSize: 10, serverPaging: true, serverFiltering: true, serverSorting: true, requestEnd : function () { $("#loading-msg").data("kendoWindow").close(); } },
Your code has been changed here: http://jsfiddle.net/OnaBai/MG89G/595/
source share