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似乎＆＃34; eat＆＃34;点击事件只需立即更新视图 - 但您可以通过收听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对所有数据表都很常见。

演示 - ＆gt;的 http://jsfiddle.net/6jpbyvd4/

使用数据表中的现有按钮

1 个答案: