javascript - 数据表 JQuery |重新初始化并获取列和行

Question

我的页面中有一个数据表，其中包含状态列和查看详细信息列。单击查看详细信息后，它将弹出一个模式，该模式包含一个状态下拉列表，当更改数据库中的某个值时，该状态将更改。但是，在关闭模式后，数据表中的值不会改变。如何在不重新初始化数据表的情况下重新加载数据表，或者如何获取我单击的列和行，以便我可以更改特定列和行的值。我有这段代码用于初始化 doc.ready 上的数据表

 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]},
                          ]
        });
}

Answer 1

已回答!所以我用它创建了一个函数，它将重新初始化数据表。

function reInitializeDataTables(){
    callbackTable.destroy();
    $("#callback-request-body").empty();
    retrieveCallBackRequests();

    contactUsTable.destroy();
    $("#contactus-table-body").empty();
    retrieveContactUsMessages();
}

我将只对数据表使用 .destroy() 函数，然后删除数据表主体的所有内容。