首页 > 解决方案 > ag-grid 无限滚动带来加载中的所有数据

问题描述

我正在尝试将 ag-grid 与 angular 一起使用并获得无限滚动的能力 在滚动中获取数据但我一次获得所有数据 我将我的代码放在 Plunkr 中而不是关于这个的 ag-grid 示例和它运行良好我的网站和 plunkr 网站有什么区别?

这是我的代码:

onGridReady(params) {
this.gridApi = params.api;
this.gridColumnApi = params.columnApi;

var data = [];
let self = this;

var dataSource = {
  rowCount: null,
  getRows: function (params) {
    if (params.startRow == 0)
      data = [];
    console.log("asking for " + params.startRow + " to " + params.endRow);
    self.studentService.getStudents(params.startRow,params.endRow- params.startRow)
      .subscribe((res) => {
        console.log(res);
        data = data.concat(res);
        this.infiniteInitialRowCount=params.endRow+1;
        var rowsThisBlock = data.slice(params.startRow, params.endRow);
        var lastRow = -1;
        alert("row!");
        if (data.length < params.endRow) {
          lastRow = data.length;
          this.infiniteInitialRowCount=data.length;
        }
        params.successCallback(rowsThisBlock, lastRow);
      });
  }
 };
 params.api.setDatasource(dataSource);
}

标签: angularag-gridag-grid-ng2

解决方案


推荐阅读