Kendo Grid datasource refresh does not work in IE

Question

I was trying to refresh my kendo grid after doing an update of the data by using the following piece of code in the success handler of my ajax call:

$("#grid").data("kendoGrid").dataSource.read();
$("#grid").data("kendoGrid").refresh();

Well this refreshes and works perfectly as expected in Mozilla and Chrome but in IE the refresh does not seem to work nor does the datasource update. Do I need to make any particular modifications in my code to get it working in Internet Explorer as well?

PS: I even happened to try out $("#grid").data("kendoGrid").dataSource.sync(); which too was not working.

Do you investigate the debug console, maybe something is throwing error and cutting the kendo's javascript. — Oğuzhan Soykan
Well I did try that..there are no errors logged in the console and the funniest part is that when I try to run the piece from console directly(i.e. $("#grid").data("kendoGrid").dataSource.read()) it refreshes the grid data as expected. It is not that the success handler does not execute at all cause the rest of the code as specified in the handler does execute and give results as expected. — Suraj Nair

Suraj Nair Suraj Nair · Accepted Answer · 2015-04-07T07:31:35

Thanks for the answer knikolov. Well the issue was that the result was being cached as you said(I was using IE10 infact). Was able to resolve the issue by specifying "cache: false" in the transport element of the datasource.

transport: {
    read: {
        url: "xyz.svc/ab",
        cache: false
    }
}

Kendo Grid datasource refresh does not work in IE

2 Answers