javascript - 单击数据表分页停止事件执行

Question

我有一个内联数据表，当我更改数据表中的数据并单击下一页时，我需要显示引导模式。 如果点击是，数据应该被保存并且它应该显示在数据表中的下一页。当我点击否时，它应该停留在同一页面上 现在，问题是如果不单击数据表中的是/否按钮，它将转到下一页而不等待用户响应。它应该留在同一页上。我尝试了以下方法来停止事件执行。

e.preventDefault()
e.stopPropogation()
e.stopImmediatePropogation()

以上事件无效。非常感谢您的帮助。提前致谢。

Answer 1

您应该使用 preDraw 事件，因为数据可能会在分页或排序时丢失。还要确保您使用的是最新的数据表版本 1.10.19。 文件:https://datatables.net/reference/event/preDraw

var table = $('#example').DataTable();
table.on( 'preDraw', function (e, settings) {
    if(!confirm('Leave?')) {
        return false;
    }
});

jsfiddle:http://jsfiddle.net/ebRXw/6258/

检查所有可用事件:https://datatables.net/reference/event/

你也可以结合order和 page事件。 像这样的东西:

var table = $('#example').DataTable();
table.on( 'order.dt', myConfirm);
table.on( 'page.dt', myConfirm);

function myConfirm(e, settings) {
    if(!confirm('Leave?')) {
        return false;
    }
}