angular - 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);
}
解决方案
推荐阅读
- flutter - HTTP GET 请求结果放入数组
- angular - 如何使用 Jasmine /Karma 在 Angular 单元测试中测试 If Else 块
- awk - 如何仅将某些空白列转换为制表符?
- r - 无法在 R Shiny 中重现 selectizeUpdate 的最小示例
- javascript - 计算 JavaScript 数组中最小值和最大值之间元素的总和
- css - Android Chrome 无法重复很长的背景图片
- javascript - Javascript添加点击事件以输入提交字段
- c - str[][20]是什么意思
- mysql - 无法访问远程 MySQL
- java - 为什么 Room 不从资产中填充数据库?