datatables 自定义按钮及响应点击事件

最新推荐文章于 2021-08-05 13:54:03 发布

转载最新推荐文章于 2021-08-05 13:54:03 发布 · 2.4k 阅读

javascript 同时被 2 个专栏收录

20 篇文章

订阅专栏

DataTables

13 篇文章

订阅专栏

本文介绍了一种在表格中实现行数据修改和删除的方法，通过使用jQuery选择器和事件监听，实现了对指定按钮的点击响应，从而可以修改或删除对应的行数据。此方法适用于需要频繁更新数据的表格应用。

按钮

{
    "targets": -1,
    "class": "but_xq",
    "data": null,
    "bSortable": false,
    "defaultContent": "<p><a id=\"edit\" href= "#\">修改</a >&nbsp;<a id=\"del\"  href=\"#\">删除</a ></p >"

}

点击事件

/**
 * 修改
 */
$('a#edit').on('click', 'a#edit', function () {
    var data = example_table.row($(this).parents('tr')).data();
    alert("查看修改：" + data + ",");
});

/**
 * 删除
 */
$('a#del').click(function () {
    var row = example_table.row($(this).parents('tr'));
    var data = row.data();
    row.remove().draw();
    alert("删除：" + JSON.stringify(data));
});