使用数据表中的现有按钮答案

【问题标题】：Use existing buttons in datatables使用数据表中的现有按钮
【发布时间】：2023-04-08 16:13:01
【问题描述】：

我试图在单击数据表中的下一个或上一个按钮时触发 onClick 事件。我检查了按钮的 ID，它们是自动生成的。无法使用这些 ID。这可能吗？

【问题讨论】：

【解决方案1】：

您有一个page.dt 事件，每次更新分页时都会触发：

table.on('page.dt', function() {
  var info = table.page.info();
  console.log('Showing page: '+info.page+' of '+info.pages);
});

如果你想定位点击上一个/下一个按钮，你可以很容易地做到这一点。根据我的经验，dataTables 似乎只是通过立即更新视图来“吃掉”点击事件 - 但您可以通过监听 mousedown 事件来保持领先：

$('.dataTables_wrapper').on('mousedown', '.previous', function() {
  console.log('previous clicked')
})  

$('.dataTables_wrapper').on('mousedown', '.next', function() {
  console.log('next clicked')
})

您需要使用委托事件处理程序，因为每次重绘 dataTable 时都会重新创建 dataTable 控件。 .dataTables_wrapper、.next 和 .previous 适用于所有数据表。

演示 -> http://jsfiddle.net/6jpbyvd4/

【讨论】：