即使到达最后一行，无限滚动也会继续从服务器加载空数据

Question

我正在开发带有服务器端分页的 Ag 网格以及 infinite scroll。

我实现了，但是有问题。即使在到达最后一行之后，网格仍会不断调用服务器获取数据，并且还会不断在网格中添加空白页。

下面是代码：

 var datasource = {
     let page=0;
     let lastRow = 1200;
            getRows: (params: IGetRowsParams) => {
              this.info = "Getting datasource rows, start: " + params.startRow + ", end: " + params.endRow;

              this.api.getRowData(page+1)
                        .subscribe(data => params.successCallback(data,lastRow));

            }
      };
      params.api.setDatasource(datasource);

    }

我按照下面的例子来实现它：https://stackblitz.com/edit/ag-grid-infinite-scroll-example

Answer 1

您在 params.successCallback(data) 中缺少 params.endRow 参数。 successCallback 函数的第二个参数告诉网格分页结束的时间。

onGridReady(params: any) {
    console.log("onGridReady");
    var datasource = {
        getRows: (params: IGetRowsParams) = > {
            this.info = "Getting datasource rows, start: " + params.startRow + ", end: " + params.endRow;
            this.getRowData(params.startRow, params.endRow)
                .subscribe(data = > params.successCallback(data, params.endRow));
        }
    };

即使到达最后一行，无限滚动也会继续从服务器加载空数据

Infinite scroll keeps loading empty data from server even after last row is reached

infinite-scroll

ag-grid

angular