如何在Datatable中绑定Paginate按钮OnClick事件

时间:2016-11-10 12:31:16

标签: javascript jquery datatable pagination

我正在使用Datatable来填充我的网站项目中的大量记录。由于数据量很大,我不想加载所有记录,因此显然我需要以分页的方式进行。

所以,在我的Datatable我希望每个页面只显示10条记录,然后当用户点击分页按钮“2,3,....”或点击“下一步”时我想要然后绑定click事件以获取单击的页码,并根据该显示显示下一批记录。

我有query我将在SQL Server方面使用它来获取相应的数据:

SELECT * FROM TABLENAME ORDER BY INSERTED_TIMESTAMP OFFSET 10 ROWS FETCH NEXT 10 ROWS ONLY;

我希望根据请求的页码更改offset值。我想到的想法是获取点击的分页button数字,然后乘以10。

所以我的问题是如何做到这一点,如果你有任何其他建议,请建议我

2 个答案:

答案 0 :(得分:1)

有两种方法可以完成这项任务。

  1. 让UI按住一个键来跟踪当前正在提取的页面。所以说最初这个值是0.当你点击下一个按钮时,将这个值增加1并乘以页面大小(在你的情况下为10)。这可以为您提供偏移和开始位置。

  2. 对于后端的每个响应,发送一个给出下一个偏移量的键。所以说你第一次发送请求,响应返回一个偏移量为11的密钥。下次使用它来获取下一组记录。

  3. 希望这有帮助。

答案 1 :(得分:0)

您可以使用Server Side Pagination的{​​{1}}功能。这里有完整的文档。

https://datatables.net/examples/data_sources/server_side.html

上述链接中的基本想法是,当您点击datatablespage number next button通过server side进行通话时。在该通话中,您可以获得ajaxpage numberstart。您可以使用这些数字从数据库中获取数据并发送回end