Question

我正在设计一个使用DataTables预定义库创建数据表的应用程序。我想在Datatable上执行remove操作，对于哪个java脚本应该在按钮点击事件上执行。

$(document).ready(function() {
    var table = $('#example').DataTable();
    $('#example tbody').on( 'click', 'tr', function () {
        if ($(this).hasClass('selected')) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    });

    $('#button').click(function() {
        table.row('.selected').remove().draw(false);
    });
});

HTML按钮是：

 <button type="button" class="btn btn-primary btn-sm">Remove</button>

单击此按钮应执行以上脚本，并且应从数据表中删除所选行。

Answer 1

您需要设置按钮的id（标识符），因为您使用的是ID Selector ("#id")

<button id="button" type="button" class="btn btn-primary btn-sm">Remove</button>

Answer 2

你实际上没有选择正确的按钮。选择方式

1＆gt;要选择按钮，请在html中添加不带引号的“id ='按钮'”或在您的类中添加2＆gt;用户选择按钮（如果它是唯一的）。

虽然两者都有效，但建议先使用。

按钮点击事件上的javascript执行

2 个答案: