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

但在点击新增按钮之后图片说明

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

代码如下：

          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>';
}

qq_37777965

bootstrap editable 实现点击按钮进行行内编辑

5条回答

为你推荐