Angular 最佳实践 ag-Grid

Question

我的角度应用程序有 2 个控制器。我的问题是，当用户导航离开页面时，控制器不会保留数据。

在第一个控制器中，我为无限滚动配置了一个 ag-Grid

在第二个控制器中，我有详细信息

如果用户滚动到 307° 记录， 然后点击查看详情 返回到 Ag-grid 时，将显示前 100 条记录

如何将网格配置为从第 307 条记录开始查看？

Answer 1

我想您需要跟踪通过滚动请求的最后一个位置，然后将该值保留在localStorage或sessionStorage，以及初始化阶段 - 检查此值并从服务器请求所需的数据量直到所需的页面。

不确定自动继续，但这里是通过按钮保存\恢复状态的示例

在此处查看有关无限滚动的 API

private endRow: Number;
save(){
localStorage.setItem('endRow', this.endRow);
}
restore(){
let restoredValue= Number(localStorage.getItem('endRow'));
if(restoredValue)
this.gridApi.ensureIndexVisible(restoredValue);
}
}
...
var dataSource = {
rowCount: null,
getRows: (params)=> {
this.endRow = params.endRow;   <--- track end row
....

普罗提样本