我使用数据表在同一个搜索页面显示结果,请纠正我的错误,显示“无法重新初始化数据表”。
$(document).ready(function(){
$("#reportsSearch").submit(function(e){
$("#displayInfo").hide();
alert("asdasd");
var csrf = document.getElementById("csrf").value;
var csrfName = document.getElementById("csrf").getAttribute("name");
$.ajax({
url: $(this).attr("action"),
context: document.body,
type: 'post',
dataType: "json",
data:$(this).serialize(),
beforeSend: function( xhr ) {
xhr.setRequestHeader(csrfName, csrf);
}
}).done(function(res) {
alert("hi");
alert(res);
alert(res.viewBean);
$('#myTable').dataTable({
"aaData":res.viewBean,
"aocolumndefs":[{ "mData": "userId" },
{ "mData": "action" },
{ "mData": "airlineCode" },
{ "mData": "companyName" },
{ "mData": "requestedDate"},
{ "mData": "profile"},
{ "mData": "mrtUser"}],
"bDestroy":true
});
}).fail(function(data){
$("#result").html("<span>Error</span>");
});
return false;
});
});
请告诉我我所犯的错误。
由于
答案 0 :(得分:0)
在初始化
中$('#myTable').dataTable({
"aaData":res.viewBean,
"aocolumndefs":[{ "mData": "userId" },
{ "mData": "action" },
{ "mData": "airlineCode" },
{ "mData": "companyName" },
{ "mData": "requestedDate"},
{ "mData": "profile"},
{ "mData": "mrtUser"}],
"bDestroy":true,
retrieve: true, //// Add this line
});
DataTables不允许在初始化时间之外的任何时间更改初始化选项。初始化后对表的任何操作都必须通过API完成,并在表初始化后尝试设置初始化选项将导致错误。