数据表 动态行中的单击不会运行？

Question

>我可以使用此脚本动态添加行

$(document).ready(function(){
var t = $('#entryJurnal_table').DataTable({});
var delete = function (){
    //this function won't run
    //delete selected row code goes here
}
$('.add').on('click', function () {

          var credit = '<td><input type="numeric" name="kredit[]" class="form-control"></td>';
          var debit = '<td><input type="numeric" name="debet[]" class="form-control"></td>';
          var opt= '<td><a href="#" class="btn btn-default" onclick="delete()">Delete row</a></td>';

          t.row.add($('<tr>' + credit + debit + opt + '</tr>')[0]).draw();
        });
});

如何动态删除行？

当我点击Delete Row时，它说delete is not defined

提前谢谢。

Answer 1

尝试使用事件传播，而不是在属性onclick定义处理程序。

$('#entryJurnal_table').on('click', '.del', function() {
  t.row( $(this).parents('tr') ).remove().draw();
});

请注意，它使用.del类删除按钮。如果<a>元素用于充当按钮，那么也应该给它们一个 适当的role="button" .

Answer 2

谢谢@alexander

添加带数组的行

table.row.add(['input tag', 'input tag', 'delete button tag with delete class']).draw();

删除带有此的行

$("#entryJurnal_table tbody").on("click", ".delete", function () {      
      t.row($(this).parents('tr')).remove().draw();
});