2017-05-12 16 views
1

我是有關於數據表,當我試圖從它進入的所有井的數據表編輯我的數據有問題財產「_aData」,該數據表刷新後,我的編輯/刪除按鈕不起作用,它會拋出這種錯誤Uncaught TypeError: Cannot read property '_aData' of undefined遺漏的類型錯誤:無法讀取的不確定

這是我的數據表的UI。 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(); 

如果你能幫助我,請提前致謝。

回答

0

我初始化數據表每次我重新加載數據表的時間和它的工作正常。

根據reloadTable函數。

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

0

在你的代碼的問題是在closestRow變量的聲明。

根據jQuery docs,.closest()函數搜索遍歷DOM向上的DOM 最接近的元素(尊重給定的選擇器)。

這意味着,由於您將此操作綁定到表格的正文上,因此您基本上在該表格的父項中搜索<tr>元素。

你可以做你想做另一個選擇方法

var closestRow = $(this).children('tr:first'); 
+0

它仍然會拋出相同的錯誤。 –

相關問題