ag-grid无限滚动带来所有数据加载

时间:2019-02-21 10:43:01

标签: angular ag-grid ag-grid-ng2

我正在尝试将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);
}

0 个答案:

没有答案