文档首页/ Astro大屏应用 AstroCanvas/ 用户指南/ AstroCanvas学堂/ 如何使用高级表格的后台分页功能
更新时间:2024-11-04 GMT+08:00
分享

如何使用高级表格的后台分页功能

后台分页必须和全局变量一起配合使用。要实现后台分页,需要在组件预览时,将数据中的total字段,添加到数据总数中。

后台分页

  1. 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
  2. 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。
  3. 开启后台分页功能。

    图1 开启后台分页

  4. 新建全局变量。

    后台分页需要搭配全局变量使用,请创建pageSize、offset两个变量(变量名称可自定义),并为变量添加默认值。因为在触发分页或改变每页数量时需要使用上述两个变量,所以需要一个初始值,否则无法执行到数据配置。
    图2 新建分页全局变量

  5. 交互设置。

    1. 选中高级表格组件,单击,进行组件交互设置。
    2. 添加“切换分页时”交互动作。
      图3 切换分页时交互动作
    3. 添加“切换当前页数据条数时”交互动作。
      图4 切换当前页数据条数时交互动作

  6. 设置组件数据。

    1. 选中组件,单击组件上方的
    2. 选择所需的数据类型。
    3. 在配置流程中,通过SQL语句,获取数据。
      数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。
      图5 输入SQL语句
      图6 输入“$”添加全局变量
    4. 在组件预览中,将表格中的字段,拖拽到对应的配置中。

      数据中的total字段,必须添加到“数据总数”中。

      图7 拖拽字段到对应配置中
    5. 单击“保存”,完成组件数据源的配置。

  7. 保存页面,预览效果。

    图8 查看后台分页效果

相关文档