欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery datatable刪除

傅智翔2年前10瀏覽0評論

jQuery DataTable是一種功能強大的Javascript表格插件,可以使用戶可以輕松地搜索、排序和過濾大量的數據。下面是如何使用jQuery DataTable刪除數據的教程。

// 獲取表格
var table = $('#example').DataTable();
// 監聽刪除按鈕點擊事件
$('#example tbody').on('click', 'button.delete', function () {
// 獲取所在行的數據
var data = table.row($(this).parents('tr')).data();
// 彈出確認框
if (confirm("確定刪除" + data[0] + "嗎?")) {
table.row($(this).parents('tr')).remove().draw();
}
});

首先,我們需要獲取數據表格的實例,使用$('#example').DataTable()方法。

然后,我們需要監聽刪除按鈕的點擊事件,并使用table.row($(this).parents('tr')).data()方法獲取所在行的數據。我們可以使用confirm()方法彈出確認框,提示用戶確認刪除操作。

最后,如果用戶確認刪除操作,我們可以使用table.row($(this).parents('tr')).remove().draw()方法從數據表格中刪除該行數據。注意,我們需要使用draw()方法重新繪制數據表格,使其反映出已刪除的行。