数据表：JSON是在initComplete未定义（）

Question

jquery.dataTables.min.js：数据表1.10.12

我需要的数据已经被加载后，可以访问表中的行（deferred）。而我不能因为json是undefined对于我initComplete里面的功能。尽管我的表已加载，并且我看到了所有数据。此外，函数内部还有settings数据。

这是为什么？我忘了一些选择吗？

我的代码：

var data_table = task_submit_table.DataTable({ 
    "initComplete": function (settings, json) { 
     console.log(json); 
    }, 
    "processing": true, 
    "serverSide": true, 
    "deferRender": true, 
    "deferLoading": 0, 
    "ordering": true, 
    "order": [[ 0, "desc" ]], 
    "ajax": { 
     "url": "get_task_list/", 
     "type": "POST", 
     "dataType": "json" 
    }, 
    "columns": [ 
     {"title": "Id", "data": "id"}, 
     {"title": "Date", "data": "date"}, 
     {"title": "Project Id", "data": "project_id"}, 
     {"title": "Project Name", "data": "project_name"}, 
     {"title": "project", "data": "biobank_project"}, 
     {"title": "#Hashes", "data": "nhashes"}, 
     {"title": "#Success", "data": "nsuccess"}, 
     {"title": "#Fail", "data": "nfail"}, 
     {"title": "Status", "data": "status"}, 
     {"title": "Report", "data": null}, 
     {"title": "", "data": null}, 
     {"title": "", "data": null} 
    ], 
    "columnDefs": [ 
     { 
     "targets": [0], 
     "visible": false, 
     "searchable": true 
     }, 
     { 
     "targets": [2], 
     "visible": false, 
     "searchable": true 
     }, 
     { 
     "targets": -3, 
     "data": null, 
     "defaultContent": "<form id='tool-export' method='post' action='export/'>"+ 
      "<a href='#' id='export' class='btn btn-default export-link'>export</a></form>" 
     }, 
     { 
     "targets": -2, 
     "data": null, 
     "defaultContent": "<a href='#' id='task-delete' class='btn btn-default task-delete-link'"+ 
      "data-toggle='modal' data-target='#confirm_modal'>delete</a>" 
     }, 
     { 
     "targets": -1, 
     "data": null, 
     "defaultContent": "<a href='#' id='task-restart' class='btn btn-default task-restart-link'"+ 
      "data-toggle='modal' data-target='#confirm_modal'>restart</a>" 
     } 
    ], 
    "dom": "<\"dt-btn-floatLeft\"l><\"dt-btn-floatRight\"B><\"dt-btn-clear\">rtip", 
    "buttons": [ 
     { 
     "title": "Refresh", 
     "text": "Refresh", 
     "action": function() { 
      data_table.draw(); 
     } 
     } 
    ] 
    }); 
    data_table.draw(); 

在前端的表看起来像这样：

Answer 1

在延期数据表中的行可以通过rowCallback功能进行访问。请参阅此处的完整响应https://stackoverflow.com/a/40659721/2393924

Answer 2

您可能会希望使用drawCallback函数，该函数在您的表格每次完全绘制时都会执行。

因此，这将是这样的：

"drawCallback": function(settings) { 
    // You use this API object to get the data from the displayed data set. 
    var api = this.api(); 
} 

这drawCallback将执行每个网格重绘等时间：排序，过滤，分页，ajax.reload（）等。当作为initComplete功能我相信只会发生一次。 https://datatables.net/reference/option/drawCallback