目的是实现:点击新增数据按钮之后会添加一行用户可进行编辑行,可进行保存操作。
但在点击新增按钮之后
会先弹出一个这样的报错框,但想要的结果也可以出来。怎么解决掉这个报错?
代码如下:
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>';
}
DataTable的单元数据不能为undefined或null,所以你必须保证每个单元都有值,哪怕为空字符串。这里提示很明显了,第32行第4列请求了未知参数。
应该是你新增的时候,新增数据对应第四列的数据设置为了undefined或null了,你给设置为空字符串就可以了。
https://blog.csdn.net/weixin_42485577/article/details/100554745
兄弟搞出来了吗 我的也和你的是一样的.....我这边疯狂报错