跳到主要内容

数据表格实现分页缓存

场景描述

在数据表格列表页(分页展示)中,用户点击某条数据进入详情页,返回时需自动定位到原列表的页码位置 ​​,避免重新跳转至首页,提升操作连贯性

实现逻辑

  1. 定义两个全局变量

    • pageSize:数字类型,表示每页大小,默认值 10
    • PageNo:数字类型,表示当前页码,默认值 1

  2. 数据表格每页行数和页码绑定上述变量

  3. 数据表格查询成功事件中,给步骤 1 中两个变量重新赋值

    ({ event }) => {
    $w.app.dataset.state.pageNo = $w.table2.pageNo;
    $w.app.dataset.state.pageSize = $w.table2.pageSize;
    };
  4. 缓存测试,将表格每页大小设置成 20,并切换到第二页

  5. 跳转到详情页

  6. 从详情页返回,可以看到页码和每页大小保持不变