Compatibility IE8 Refresh doesn't work

poutchyouk

Hi everybody,

(I can't link to the page sry)
I'm working on an MVC3 site web and unfortanately I have no choice but to work on IE8.
I have a server prossesing master/slave table.
When a click on a line of the master, the slave get a new content.
Everything work fine on the normals browsers. But since IE(8) is a joke...

The update function is called when a click happen, the datas are fetched, but the display do not change.

Here is my slave init, clickHandling and updatefunction (note: update is called every second and on click on the master.)
[code]
// TopTable is the master table
// BotTable is the slave

function InitBotDataTable() {
BotTable = $("#BotTable").dataTable({
"bPaginate": false,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bServeSide": true,
"sAjaxSource": "Home/GetBotTable",
"bProcessing": true
});
}

function ClickHandling() {
$("#TopTable tbody tr").on('click', function (e) {
$.ajax({
url: "Home/SetSelectedIndex",
data: { index: this.rowIndex },
cache: false,
type: "GET",
timeout: 10000,
success: function (result) {
RefreshTable("#BotTable", "/Home/GetBotTable");
}
});
});
}

function RefreshTable(tableId, urlData) {
$.getJSON(urlData, null, function (json) {
table = $(tableId).dataTable();
oSettings = table.fnSettings();
table.fnClearTable(this);
for (var i = 0; i < json.aaData.length; ++i) {
table.oApi._fnAddData(oSettings, json.aaData[i]);
}
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
table.fnDraw();
ClickHandling();
}); [/code]

I also noticed that the parameters sent by the table (like sEcho) to the controller are always null.

Thanks for any help.