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

谢谢@alexander

添加数组

的行

C:\Program Files\dotnet\sdk\NuGetFallbackFolder\microsoft.visualstudio.web.codegenerators.mvc\2.0.X\Templates

使用此

删除行

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

Answer 2

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

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

注意，它使用.del类删除按钮。如果<a>元素用作按钮，那么它们也应该被赋予适当的role="button"。

动态行中的Datatable Onclick不会运行？

2 个答案: