fnServerData not called in IE8
fnServerData not called in IE8
severin
Posts: 11Questions: 0Answers: 0
Hi, i'm currently running into a very strange behaviour. This is my Code:
[code]
$("#mit_konto_nichtgen_4").dataTable({
"bPaginate" : false
, "bLengthChange" : false
, "bJQueryUI" : true
, "bServerSide" : true
, "sAjaxSource" : 'anm_getMITKonto_ajax.php'
, "oLanguage": {"sUrl": './de_DE.txt'}
, "bProcessing": true
, "bAutoWidth": false
, "bSort": false
, "sDom": 'rt'
, "bStateSave": false
, "fnDrawCallback": function() {
$("#ft_mit_konto_nichtgen_4").remove();
}
, "fnFooterCallback": function(nRow, aaData, iStart, iEnd, aiDisplay ) {
var nCells = nRow.getElementsByTagName('th');
if (aaData.length > 0){
nCells[0].innerHTML=aaData[(aaData.length)-1][0]
nCells[2].innerHTML=aaData[(aaData.length)-1][1]
nCells[4].innerHTML=aaData[(aaData.length)-1][2]
}
}
, "fnServerData": function ( sSource, aoData, fnCallback ) {
alert("fnServerdataTest");
aoData.push({"name": "MIT_ID", "value": "1791"});
aoData.push({"name": "STS_IDs[]", "value": "5"});
aoData.push({"name": "STS_IDs[]", "value": "6"});
aoData.push({"name": "STS_IDs[]", "value": "7"});
aoData.push({"name": "STS_IDs[]", "value": "8"});
aoData.push({"name": "DT_ID", "value": "mit_konto_nichtgen_4"});
aoData.push({"name": "PRD_IDs[]", "value": "4"});
aoData.push({"name": "PRD_IDs[]", "value": "3"});
aoData.push({"name": "PRD_IDs[]", "value": "2"});
var myData=$.ajax({
"dataType": 'json'
,"type": "GET"
,"url": sSource
,"data": aoData
, "success": function(data){
fnCallback(data);
}
});
}
});
});
[/code]
when i use it in Firefox everything works like it should. The Table is styled with the jqueryui-styles, the alert("fnServerdataTest") pops up, and the table gets filled with the data.
In IE8 however, the table is styled with the jqueryui-styles and then nothing happens. no alert-box, no data in the table. Does anyone have any idea what might be causing this?
thanks in advance
severin
[code]
$("#mit_konto_nichtgen_4").dataTable({
"bPaginate" : false
, "bLengthChange" : false
, "bJQueryUI" : true
, "bServerSide" : true
, "sAjaxSource" : 'anm_getMITKonto_ajax.php'
, "oLanguage": {"sUrl": './de_DE.txt'}
, "bProcessing": true
, "bAutoWidth": false
, "bSort": false
, "sDom": 'rt'
, "bStateSave": false
, "fnDrawCallback": function() {
$("#ft_mit_konto_nichtgen_4").remove();
}
, "fnFooterCallback": function(nRow, aaData, iStart, iEnd, aiDisplay ) {
var nCells = nRow.getElementsByTagName('th');
if (aaData.length > 0){
nCells[0].innerHTML=aaData[(aaData.length)-1][0]
nCells[2].innerHTML=aaData[(aaData.length)-1][1]
nCells[4].innerHTML=aaData[(aaData.length)-1][2]
}
}
, "fnServerData": function ( sSource, aoData, fnCallback ) {
alert("fnServerdataTest");
aoData.push({"name": "MIT_ID", "value": "1791"});
aoData.push({"name": "STS_IDs[]", "value": "5"});
aoData.push({"name": "STS_IDs[]", "value": "6"});
aoData.push({"name": "STS_IDs[]", "value": "7"});
aoData.push({"name": "STS_IDs[]", "value": "8"});
aoData.push({"name": "DT_ID", "value": "mit_konto_nichtgen_4"});
aoData.push({"name": "PRD_IDs[]", "value": "4"});
aoData.push({"name": "PRD_IDs[]", "value": "3"});
aoData.push({"name": "PRD_IDs[]", "value": "2"});
var myData=$.ajax({
"dataType": 'json'
,"type": "GET"
,"url": sSource
,"data": aoData
, "success": function(data){
fnCallback(data);
}
});
}
});
});
[/code]
when i use it in Firefox everything works like it should. The Table is styled with the jqueryui-styles, the alert("fnServerdataTest") pops up, and the table gets filled with the data.
In IE8 however, the table is styled with the jqueryui-styles and then nothing happens. no alert-box, no data in the table. Does anyone have any idea what might be causing this?
thanks in advance
severin
This discussion has been closed.
Replies
Allan
Allan
jquery 1.6.1
jquery-ui 1.8.13
jquery-ui-datepicker
datatables 1.8.1
jquery.cookie
jquery.validate 1.9.0 (no localization)
here's the language-file:
[code]
{
"sProcessing": "Daten werden geladen...",
"sLengthMenu": "_MENU_ Einträge anzeigen",
"sZeroRecords": "Keine Daten gefunden.",
"sInfo": "_START_ bis _END_ von _TOTAL_ Einträgen",
"sInfoEmpty": "0 bis 0 von 0 Einträgen",
"sInfoFiltered": "(gefiltert von _MAX_ Einträgen)",
"sInfoPostFix": "",
"sSearch": " Suchen:",
"sUrl": "",
"oPaginate": {
"sFirst": "Erster",
"sPrevious": "Zurück",
"sNext": "Nächster",
"sLast": "Letzter"
}
}
[/code]
if i ever find the time, perhaps i'll look deeper into this, but for now i have my solution with the function...
Allan