如何在数据表的下一个/上一个分页按钮上捕获事件

Posted 2023-03-10

【中文标题】如何在数据表的下一个/上一个分页按钮上捕获事件

【英文标题】：How to catch an event on pagination buttons next/previous of the DataTables

【发布时间】：2017-06-28 22:40:13

【问题描述】：

谁能给我看一个例子，说明如何在数据表的下一个/上一个分页按钮上捕捉事件？ 特别是我对“下一步”按钮感兴趣。如果您有一个如何捕获特定分页按钮事件的示例，那真的会对我有所帮助。

我已经在数据表中搜索并发现要捕获事件，您应该使用它：

$('#example').on('page.dt', function ()).DataTable();

但这会捕获所有分页按钮的事件。我想知道如何为特定的人做这件事（在我的例子中是“下一个”）。

提前致谢

【参考方案1】：

使用下面的代码将点击事件处理程序附加到“下一步”分页按钮。

var table = $('#example').DataTable(
   drawCallback: function()
      $('.paginate_button.next:not(.disabled)', this.api().table().container())          
         .on('click', function()
            alert('next');
         );       
   
);   

有关代码和演示，请参阅this jsFiddle。

【讨论】：

即使下一个按钮被禁用，它也能正常工作。这不应该是理想的行为。

@Kartavya，感谢您指出这一点，已更正。

嗨，如何实现这样的 click 事件处理程序仅在最后一页上单击下一个按钮时才触发，而不是在任何前一页上？谢谢，

如何在 Angular 7 中使用它？在 this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => 这个代码？