Kendo UI grid not refresh automatically in Internet Explorer

Question

I created a project using Kendo UI Grid, it works very well in Chrome and mozilla. Grids can refresh automatically. but in explorer, it can't! only first time (when page is open first time) datasource work (script), then datasource not work in refresh time.

This two scenario, grid can not refresh:

When I return from "EDİTPAGE", I can see updated values in grid. But in chrome and mozilla, I can see.

I have automatic refresh command named setInterval, Grid can not refresh again in Explorer. it can only refresh in Chrome and Mozilla.

    setInterval(function () {
        $("#grid").data("kendoGrid").dataSource.read();
    }, 10000);    /// not work!


 $(document).ready(function () {
      $("#grid").kendoGrid({
                    sortable: true,
                    pageable: {
                        input: true,
                        numeric: false,
                        buttonCount: 5,
                        pageSizes: true
                    },
                    autoBind: true,
                    height: 500,
                    selectable: "row",
                    dataSource: {
                        pageSize: 5,
                        transport: {
                            read: "/Home/Getdata",   //// here works one time in explorer. Then it's not work. I change page and come back again but not work.
                            type: "json"
                        }, schema: {
                            data: "data",
                            total: "total"
                        },
                        serverPaging:true
                    },
                    change: function (e) {
                        var item = this.dataItem(this.select());
                        win.content(template(item));
                        win.open();
                    },  rowTemplate: kendo.template($("#rowTemplate").html()),altRowTemplate: kendo.template($("#altTemplate").html())
                }).data("kendoGrid");

Todd Todd · Accepted Answer · 2014-03-24T15:39:21

Some questions first. What version of IE are you using? Which version of KendoUI for Web are you using? Have you checked your network tab in dev tools to see if there's a 500 err when you load the grid?

Are you binding setInterval() to an event? I suspect that you need to attach it to your document ready function. See this example.

Kendo UI grid not refresh automatically in Internet Explorer

1 Answers