Question

我的页面中有一个数据表，其中包含状态列和视图详细信息列。单击视图详细信息后，它将弹出一个模态，模态包含一个状态下拉列表，当更改时，数据库中的某个值将更改。但是，在关闭模态后，数据表中的值不会更改。如何在不重新初始化数据表的情况下重新加载数据表，或者如何获取列和数据表。我单击的行，以便我可以更改某个列的值＆amp;行。我有这个代码用于初始化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（）函数，然后删除数据表正文的所有内容。

DataTable JQuery |重新初始化并获得专栏和行

1 个答案: