数据表格实现分页缓存
场景描述
在数据表格列表页(分页展示)中,用户点击某条数据进入详情页,返回时需自动定位到原列表的页码位置 ,避免重新跳转至首页,提升操作连贯性
实现逻辑
定义两个全局变量
- pageSize:数字类型,表示每页大小,默认值 10
- PageNo:数字类型,表示当前页码,默认值 1
数据表格每页行数和页码绑定上述变量
数据表格查询成功事件中,给步骤 1 中两个变量重新赋值
({ event }) => {
$w.app.dataset.state.pageNo = $w.table2.pageNo;
$w.app.dataset.state.pageSize = $w.table2.pageSize;
};缓存测试,将表格每页大小设置成 20,并切换到第二页
跳转到详情页
从详情页返回,可以看到页码和每页大小保持不变