DataTable新增行可编辑数据问题。

Question

目的是实现：点击新增数据按钮之后会添加一行用户可进行编辑行,可进行保存操作。

但在点击新增按钮之后

会先弹出一个这样的报错框,但想要的结果也可以出来。怎么解决掉这个报错？

代码如下：

          var table = $("#dataTable").dataTable();
        //添加一条新的记录
          var aiNew = table.fnAddData(['', '', '', '']);
          var nRow = table.fnGetNodes(aiNew[0]);
          editRow(table, nRow);

下面是添加的代码

         function editRow(table, nRow) {
         var aData = table.fnGetData(nRow);
         var jqTds = $('>td', nRow);
         jqTds[0].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[0] + '">';
         jqTds[1].innerHTML = '<input type="date" class="form-control input-small" value="' + aData[1] + '">';
         jqTds[2].innerHTML = '<input type="number" class="form-control input-small" value="' + aData[2] + '">';
         jqTds[3].innerHTML = '<input type="text" class="form-control input-small" value="' + aData[3] + '">';
         jqTds[4].innerHTML = '<a class="edit" href="">保存</a>';
         jqTds[5].innerHTML = '<a class="edit" href="">删除</a>';
}

Answer 1

DataTable的单元数据不能为undefined或null，所以你必须保证每个单元都有值，哪怕为空字符串。这里提示很明显了，第32行第4列请求了未知参数。

应该是你新增的时候，新增数据对应第四列的数据设置为了undefined或null了，你给设置为空字符串就可以了。