无法使用数据表和自由编辑器编辑/创建/删除表中的元素

我正在尝试使用AJAX调用的JSON格式的数据构建一个可编辑的表。 为此，我使用Datatables插件和Free Datatables Editor（kingkode.com/free-datatables-editor-alternative/）。 我不能使用Datatables Editor，因为我只能使用开源的库。

目前我只是使用自己的simpleHTTPserver来提供JSON，这就是链接指向localhost的原因。

该表最初显示了正确的数据，但我无法编辑/创建/删除任何元素，因为所选行的值似乎未定义，并且在确认/提交时提供错误。

错误图片：

删除 – 似乎值未定义

创建 – 错误消息

我不明白我错过了什么或做错了什么，所以任何可以让我走上正轨的帮助都会很棒！

脚本：

$(document).ready(function() { var columnDefs = [{ title: "NTP Servers", data: "ntp_server" }]; //Table creation var myTable = $('#testTableData').dataTable({ "ajax": "http://localhost:6112/data.php", columns: columnDefs, dom: 'Bfrltip', select: 'single', responsive: true, altEditor: true, buttons: [{ text: 'Create', name: 'add' }, { extend: 'selected', text: 'Edit', name: 'edit' }, { extend: 'selected', text: 'Delete', name: 'delete' },] }); }); 

HTML：

  
 
 
Data Table - Network/Time
  
  

JSON数据示例：

 { "data": [{ "DT_RowId": 0, "ntp_server": "1.openwrt.pool.ntp.org" }, { "DT_RowId": 1, "ntp_server": "2.openwrt.pool.ntp.org" }, { "DT_RowId": 2, "ntp_server": "3.openwrt.pool.ntp.org" }] } 

我包括的图书馆：

Answer 1

我检查了dataTables.altEditor.free.js的代码，看到你真的应该使用一个数组数组作为数据，否则它将无法工作。 所以有两种方式：

1. 重写dataTables.altEditor.free.js一些部分
2. 重构您的数据就像在这里： http ： //jsfiddle.net/rmcmaster/bbLjzspf/22/