javascript - 未捕获的类型错误 : Cannot read property '_aData' of undefined

Question

我遇到了有关数据表的问题，当我尝试从数据表编辑数据时，一切顺利，在数据表刷新后，我的编辑/删除按钮不起作用，并抛出这种错误 Uncaught TypeError : 无法读取未定义的属性“_aData”。

这是我的数据表用户界面。 Datatable image here.

这是我的编辑事件代码。

$('#template_table tbody').on('click','.update',function(){
    var closestRow = $(this).closest('tr');
    var data = templateTable.row(closestRow).data();
    console.log(data);
    tableId = data.id;
    $('#modal-title').text('Update Template');
    $('#alert_lvl').val(data.alert_lvl);
    $('#internal_alert').val(data.internal_alert);
    $('#scenario').val(data.possible_scenario);
    $('#response').val(data.recommended_response);
    $('#submit_template').text("UPDATE");
    $('#template_modal').modal('toggle');
});

这是我的保存函数，它将刷新数据表以显示更新后的数据表。

function reloadTable() {
    $('#template_table').DataTable().clear();
    $('#template_table').DataTable().destroy();
    template_table = $('#template_table').DataTable( {
        "processing": true,
        "serverSide": false,
        "scrollX": true,
        "ajax": '../communications/fetchalltemplate',
        columns: [
            { "data" : "id" , title:"ID"},
            { "data" : "alert_lvl", title:"ALERT LEVEL"},
            { "data" : "internal_alert", title:"INTERNAL ALERT"},
            { "data" : "possible_scenario", title:"POSSIBLE SCENARIO"},
            { "data" : "recommended_response", title:"RECOMMENDED RESPONSE"},
            { "data" : "last_update_by", title:"LATEST MODIFICATION"},
            { "data" : "functions", title: "*"}
        ]
    });
}

然后如果我再次点击更新。我在这部分抛出错误。

var data = templateTable.row(closestRow).data();

如果您能帮助我，请先谢谢您。

Answer 1

每次重新加载数据表时都会初始化数据表并且它工作正常。

在reloadTable函数下。

var templateTable = $('#template_table').DataTable();