Ag-Grid 存储分页数据

Posted 2023-03-28

【中文标题】Ag-Grid 存储分页数据

【英文标题】：Ag-Grid Store paginated data

【发布时间】：2021-10-16 07:21:42

【问题描述】：

Ag-Grid如何存储分页数据

有一个功能 GotoPage10, GotoPage50, ...

导航到第10页时，第50页（只会从后端获取对应的数据）

想要保存这些数据（只有随机页面 1、15、20、.. 的数据）

如果组件在卸载后再次加载。不想对已经获取的数据进行后端调用

怎么做？

【参考方案1】：

解决这个问题的方法不是使用 Redux 或 AG Grid。相反，您需要在应用程序的缓存机制中缓存 HTTP 响应。这将需要一个维护Map 对象的单例服务，其中您的请求调用是键，响应是值。每当您的应用从浏览器调用 fetch 时，将查询和响应保存在 Map 中。当然，您需要在调用后端之前检查请求是否已经在 Map 对象中。如果响应已经存在，那么您可以跳过对服务器的 HTTP 调用。