[英]Passing An Array To Datatable Child Row
我試圖以兩種方式在我的數據表中顯示數據:
我將它們全部通過一個數組傳遞,在子行中,我從數組索引中調用數據,然后分配一個編輯按鈕來調用一個編輯方法。
數據正確顯示在我的子行中,但是每當我按下編輯按鈕調用我的模式時,都會出現一個錯誤,顯示“未捕獲的 ReferenceError:d 未定義”和“未捕獲的 TypeError:無法讀取未定義的屬性 '11'”出現。
這是我的數據表 JavaScript 代碼:
$(document).ready(function() {
var table = $('#table_roster').DataTable({
"processing": true,
ajax: "/getproposals",
deferRender: true,
scrollX: true,
scrollY: 400,
scrollCollapse: true,
scroller: true,
dom: 'Bfrtip',
});
$('#table_roster tbody').on('click', 'tr', function () {
var tr = $(this).closest('tr');
var row = table.row( tr );
// editRow(row.data());
if ( row.child.isShown() ) {
row.child.hide();
tr.removeClass('shown');
}
else {
row.child( format(row.data()) ).show();
tr.addClass('shown');
}
});
這是 function 格式()
function format ( d ) {
console.log(d)
return '<table id="table_child" cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+
'<tr>'+
'<td>IRG:</td>'+
'<td>'+d[11]+'</td>'+
'<td>IRG Date:</td>'+
'<td>'+d[12]+'</td>'+
'<td>Council Cycle:</td>'+
'<td>'+d[13]+'</td>'+
'<td>Score:</td>'+
'<td>'+d[14]+'</td>'+
'<td>Percentile:</td>'+
'<td>'+d[15]+'</td>'+
'<td>Assessment:</td>'+
'<td>'+d[16]+'</td>'+
'<td>'+
'<button class="btn" onclick="editRow(d)">'+
'Edit'+
'</button>'+
'</td>'+
'</tr>'+
'</table>';
}
謝謝:)
我通過在方法中初始化 d 解決了這個問題。
this.d = d;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.