如何实现带有尾随无限滚动的ui-grid

Question

我有一个要求，为我的 ui-grid 组件添加无限滚动。按照this 教程，我已经成功实现了我的滚动网格，但是在性能方面，结果不符合我的要求，所以我需要在这个实现中添加尾随，这意味着我需要加载更多我显示在网格。

例如调用后端 100 个元素，一次滚动只显示 20 个，这样我限制了对后端的调用次数。

那么使用这个组件的最佳方法是什么？

Answer 1

您可以通过更改 gridOptions 中的 infiniteScrollRowsFromEnd 来调整性能。 通过这种方式，您可以选择距离底部多远的新数据应该被请求。然后再次由您选择要下载的行数。

如果您为前者选择一个小数字，而为后者选择一个大数字，您的服务调用次数将很少，但用户可能会经历一些等待。