Gantt Chart for ASP.NET MVC with dhtmlxGantt

[dgaze]

I was following the instructions on this URL:
dhtmlx.com/blog/using-dhtmlx … p-net-mvc/

I was testing on IE 10. I ran the sample project in VS2012 pro. IE doesn’t seem to refresh correctly. What I meant is something like following

#1 On VS2012, press F5 to start debugging
#2 Gantt chart filled with sample data, so far so good
#3 Add a new task and click Save
#4 Gantt chart was updated correctly with my new task, great!
#5 When I click refresh on IE, the new task didn’t show up. I checked local SQL server db, my new task was inserted successfully so database is correct but IE doesn’t seem to refresh correctly with the new data. I also tried Chrome, it refreshed successfully.

Any idea? Thanks.

[Sten]

Check HTTP request for data loading and response in your browsers. Does it have any difference?

[dgaze]

Turns out it’s AJAX cache issue with Internet Explorer.

itworld.com/article/2693447/ … ution.html

What is happening is that you’re likely making a GET request to a web service for your AJAX call. Internet Explorer, in its wisdom, will automatically cache responses from GET requests while other browsers will let you decide if you’d like to cache the result or not. Once IE has successfully made a GET request, it will no longer even make that AJAX call until the cache expires on that object.

Followed their instruction and solved the issue by using “Cache Buster”. In main.js, use something like the following:

gantt.load("/Gantt/GetGanttData?buster="+ new Date().getTime(), "json");

instead of just

gantt.load("/Gantt/GetGanttData", "json");