1

I try to auto refresh my Kendo Grid per 10 seconds. It works in Google Chrome and Firefox, perfectly. However, it's not work in Internet Explorer. Also refresh button which is on the right-bottom of grid, it's not work when I click in Internet explorer. But It's work in Chrome and Firefox. What should I do for Internet Explorer?

function handleDataFromServer() {
            $("#grid").data("kendoGrid").dataSource.read();
}
window.setInterval("handleDataFromServer()", 10000);
 $(document).ready(function () {
            $("#grid").kendoGrid({
                sortable: true,
                pageable: {
                    refresh: true,
                    buttonCount: 5,
                    pageSizes: true
                },
                autoBind: true,
                dataSource: {
                    pageSize: 15,
                    transport: {
                        read: "/reports/Getdata",
                        type: "json"
                    }, schema: {
                        data: "data",
                        total: "total"
                    },
                    serverPaging:true
                },
.....

EDIT : handleDataFromServer() function is work in Internet Explorer. but $("#grid").data("kendoGrid").dataSource.read(); is not work...

Melih
  • 558
  • 1
  • 7
  • 33

2 Answers2

1

What if you put an alert() statement inside the handleDataFromServer function? Is it invoked? If it is please demonstrate your case with a JsBin example.

Here is what I tried and it works fine:

JsBin

Petur Subev
  • 19,983
  • 3
  • 52
  • 68
1

This should be solved by disabling caching. I ran into this same issue and this stackoverflow answer fixed my same issue. Basically you need to:

...
transport: {
    read: {
        url: "/reports/Getdata",
        cache: false,
        dataType: "json"
    }
},
...
Community
  • 1
  • 1
Stan
  • 1,191
  • 2
  • 15
  • 27