Javascript DataTable JQuery |重新初始化并获取列&;一行
在我的页面中有一个数据表,其中包含status列和view details列。单击查看详细信息后,它将弹出一个模式,该模式包含一个状态下拉列表,当数据库中的某个值发生更改时,该状态将发生更改。但是,关闭模式后,datatable中的值不会更改。如何在不重新初始化的情况下重新加载数据表,或者如何获取单击的列和行,以便更改特定列和行的值。我有这段代码用于初始化doc.ready上的数据表Javascript DataTable JQuery |重新初始化并获取列&;一行,javascript,jquery,datatables,Javascript,Jquery,Datatables,在我的页面中有一个数据表,其中包含status列和view details列。单击查看详细信息后,它将弹出一个模式,该模式包含一个状态下拉列表,当数据库中的某个值发生更改时,该状态将发生更改。但是,关闭模式后,datatable中的值不会更改。如何在不重新初始化的情况下重新加载数据表,或者如何获取单击的列和行,以便更改特定列和行的值。我有这段代码用于初始化doc.ready上的数据表 function createTable(data){ for (i in data){
function createTable(data){
for (i in data){
var message = "<tr>";
var statusHolder = "";
if(data[i].status == "open"){
statusHolder = "Open";
} else if (data[i].status == "resolved"){
statusHolder = "Resolved";
} else {
statusHolder = "Closed";
}
var id = data[i].id;
message+= "<td>" + statusHolder + "</td>";
message+= "<td><input id = 'ticketId' type ='hidden' value = " + data[i].id +" /><input type = 'hidden' id = 'support-type-name' value = 'call-back'/><a href='javascript:retrieveCommentsInfo(" + data[i].id +")' id='view-ticket-info'>" + " View details" + "</span></td>";
message+= "<td>" + data[i].id + "</td>";
$("#callback-request-body").append(message);
}
$("#callback-request-table").dataTable({
"columnDefs": [ {"visible": false, "targets": [6]},
]
});
}
函数createTable(数据){
对于(数据中的i){
var message=“”;
var statusHolder=“”;
如果(数据[i]。状态==“打开”){
statusHolder=“打开”;
}else if(数据[i]。状态=“已解决”){
statusHolder=“已解决”;
}否则{
statusHolder=“已关闭”;
}
var id=data[i].id;
消息+=“”+statusHolder+“”;
消息+=“”+”查看详细信息“+”;
消息+=“”+数据[i]。id+“”;
$(“#回调请求体”).append(消息);
}
$(“#回调请求表”).dataTable({
“columnDefs”:[{“可见”:false,“目标”:[6]},
]
});
}
回答!所以我用这个函数创建了一个函数来重新初始化数据表
function reInitializeDataTables(){
callbackTable.destroy();
$("#callback-request-body").empty();
retrieveCallBackRequests();
contactUsTable.destroy();
$("#contactus-table-body").empty();
retrieveContactUsMessages();
}
我将对数据表使用.destroy()函数,然后删除数据表主体的所有内容。回答!所以我用这个函数创建了一个函数来重新初始化数据表
function reInitializeDataTables(){
callbackTable.destroy();
$("#callback-request-body").empty();
retrieveCallBackRequests();
contactUsTable.destroy();
$("#contactus-table-body").empty();
retrieveContactUsMessages();
}
我将对数据表使用.destroy()函数,然后删除数据表主体的所有内容