slickgrid在页面上加载数据点击使用jquery ajax

Question

我正在使用 jquery ajax 进行 web api 调用以加载 slickgrid 的数据。我正在使用 slick.pager.js。我只想在 pageclick 事件上加载数据。 因此，例如，我想在第一次加载网格时调用 25 个项目。然后当用户点击第 2 页时，我想调用接下来的 25 个项目。如何在页面点击事件上进行 jquery ajax 调用？

Answer 1

您必须重写 slick.pager.js 才能使其工作。检查http://mleibman.github.io/SlickGrid/examples/example6-ajax-loading.html 了解一些想法。

首先，使用slick.pager.js，：

1. 为pagingInfo 创建一个新对象。这将替换dataView.getPagingInfo()。它应该包含构建寻呼机的总记录数和页面大小。您必须在插件中创建一个函数来填充此对象。
2. 在constructPagerUI 函数上检查click 事件，这是您必须执行ajax 调用并使用dataView.setItems 重置dataView 的地方。