SyntaxError: Unexpected token ILLEGAL - kendo-ui

Question

In my project I want to display the popup while clear the kendo-grid by clicking "button" but I am getting SyntaxError: Unexpected token ILLEGAL error occurred in browser debug
Here is my code:
function Filter() {
$("#loading-msg").data("kendoWindow").center().open();
$("form.k-filter-menu button[type='reset']").trigger("click");
$("#loading-msg").data("kendoWindow").center().close();
}
Where I am wrong? Why I am getting this error?
My fiddle.

Answer 1

Instead of executing the close just after issuing the filter. My recommendation is closing the window on DataSource requestEnd event.
I.e.: 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 modified here : http://jsfiddle.net/OnaBai/MG89G/595/