javascript - 如何在数据表中绑定(bind)分页按钮OnClick事件

Question

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

因此，在我的数据表中，我希望每个页面仅显示 10 条记录，然后当用户单击分页按钮“2,3,....”或单击“下一步”时"然后我想绑定(bind)点击事件来获取点击的页码，并据此显示下一批记录。

我有这个查询，我将在SQL Server端使用它来获取相应的数据:

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

我希望根据请求的页码更改offset值。我想到的想法是获取点击的分页按钮编号，然后将其乘以 10。

所以我的问题是如何做到这一点，如果您有任何其他建议来解决这个问题，请建议我

Answer 1

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

1. 让您的 UI 持有一个键来跟踪当前正在获取的页面。因此，最初该值是 0。当您单击“下一步”按钮时，将该值增加 1 并乘以页面大小(在您的情况下为 10)。这将为您提供偏移量和起始位置。

2. 对于后端的每个响应，发送一个给出下一个偏移量的 key 。假设您第一次发送请求，响应返回一个偏移量为 11 的键。下次使用它来获取下一组记录。

希望这有帮助。