网格网格的最佳角度实践

时间:2018-10-09 13:43:18

标签: angular ag-grid

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

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

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

如果用户滚动到307°记录, 然后单击以查看详细信息 返回到ag-grid时,将显示前100条记录

如何配置网格以从第307条记录开始查看?

1 个答案:

答案 0 :(得分:2)

我想您需要跟踪通过滚动请求的最后一个位置,然后将该值保留在localStoragesessionStorage上,并在初始阶段-检查该值并从中请求所需的数据量服务器直到需要的页面

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

检查here关于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
        ....

Plnkr sample