Question

我将一个Ag-grid配置为可以无限滚动工作

在文档中，我找到了this example，它显示了如何跳转到第500条记录

但是我正在寻找一种将网格直接加载到第500条记录的方法

也许在网格中要设置一个属性？

或者我应该在某些事件中添加以下代码：

jumpTo500() {
  if (this.gridApi.getInfiniteRowCount() < 501) {
    this.gridApi.setInfiniteRowCount(501, false);
  }
  this.gridApi.ensureIndexVisible(500);
}

哪个？

Answer 1

您可以在ensureIndexVisible阶段使用onGridReady：

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;
    this.gridApi.ensureIndexVisible(499);  <--- add this line

注意：this.gridApi.ensureIndexVisible(numberValue)的数字值应小于infiniteInitialRowCount至少为1

infiniteInitialRowCount = 1000 - initial config

this.gridApi.ensureIndexVisible(999) - max

更新：通过firstDataRendered
的另一种可能方式
firstDataRendered ：首次将数据渲染到网格中。

(firstDataRendered)="firstDataRendered($event)"
...
firstDataRendered(){
    this.gridApi.ensureIndexVisible(499);
}

Answer 2

Type Aliases

他们正在努力修复错误

此处提出的解决方案是到目前为止我发现的最佳解决方法

但是它不能永久解决性能错误

实际上，在日志中可以看到该程序总是发出第一个不必要的请求，以查看前100条记录

只有这样，解决方法才需要从400到500的正确记录

Ag-Grid如何从第500条开始加载记录？

2 个答案: