Question

我对this项目有疑问。

我正在尝试创建一个crud菜单，当点击Edit按钮时，行的数据将被传输到bootstrap模式，然后用户就可以编辑了。

问题：现在正在点击行 - 模态与行的数据完美打开 - 但是当我尝试通过按下按钮（'.edit_btn'）来改变它以获取数据时，它不起作用。我知道按钮没有任何数据 - 这就是为什么它可能不起作用....

feature/new

由于

Answer 1

我会使用委派的事件处理程序tbody .edit_btn并通过closest('tr')抓取行：

$('#example').on('click', 'tbody .edit_btn', function () {
    var data_row = table.row($(this).closest('tr')).data();
    ...
})

forked plunkr - ＆gt;的 https://plnkr.co/edit/58vkkp3M6d68uuMknXus?p=preview

Answer 2

得到了......

$('#example tbody').on('click', '.edit_btn', function () {

     var data_row = table.row( $(this).parents('tr') ).data(); // here is the change
    $("#myModal").modal('show');

    $('#myModal').on('shown.bs.modal', function() {

       $('#name').val(data_row.id);
        $('#type').val(data_row.type);
        $('#camp').html(data_row.campaign);

    });

});

单击按钮获取数据表的行数据

2 个答案: