使用数据表中的现有按钮

Question

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

Answer 1

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

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

如果你想点击上一个/下一个按钮，你可以很容易地做到这一点。根据我的经验，dataTables 似乎 "eat" 单击事件只是通过立即更新视图 - 但您可以通过监听 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/

使用数据表中的现有按钮

Use existing buttons in datatables

datatables

datatables-1.10