Axure9中继器多数据实现分页

首先准备21条数据,确保分页效果显示明显。

勾选多页显示选项,实现一页表格中十条数据的效果。

分页设置

跳转至尾页

新建交互 > 设置当前显示页面

由于表格数据是不断增加的,并不清楚尾页的页码,那么此时直接选择尾页就可以解决。

跳转至首页

首页页码是清晰的,此时直接明确页码值即可。

跳转至上一页

直接在交互中设置上一项

设置跳转至下一项同理。

页码设置

下一页页码变化

原型的页码显示在中继器外,所以在新建交互之时需要设置局部变量连接到中继器。

上一页页码变化

首先,将下一页设置的页码交互复制到页码文本的载入时交互中。

所有分页设置按钮都新增一个交互"触发事件",让页码在变化的时候还能够依据情况更新。

此时,先前设置的下一页的页码变化的交互事件"设置文本"就可以不需要了。

总页码数动态更新

代表页面总页数的值可以设置动态的数值。

页码最开始的文本可以用null/null代替。

分页效果整体预览

相关推荐
星期一研究室11 小时前
用公式让表格自动完成90%重复工作!
微服务·产品·设计
艺艺生辉1 天前
从if-else到策略模式
后端·设计模式
小林ixn1 天前
单例模式:从弹窗管理到全局状态,一个模式搞定
前端·javascript·设计模式
AI人工智能+电脑小能手1 天前
大白话说Java设计模式-17-装饰器模式(源码剖析篇)
java·spring·设计模式·装饰器模式·源码分析·io流
workflower1 天前
案例 :某交通厅基于AI技术的智能安全运营实践
网络·人工智能·安全·设计模式·机器人
星期一研究室1 天前
一个Emoji让你的文档阅读量提升300%!
微服务·产品·设计
AI人工智能+电脑小能手1 天前
大白话说Java设计模式-16-装饰器模式(业务实战篇)
java·设计模式·装饰器模式·功能扩展·动态增强
workflower2 天前
例二:某汽车制造企业深度融合AI智能体,构建园区网络的智能运维体系
人工智能·机器学习·设计模式·机器人·云计算·汽车·制造
ly76892 天前
Java 设计模式详解:从原则到 23 种经典模式
java·开发语言·设计模式
AI人工智能+电脑小能手2 天前
大白话说Java设计模式-14-适配器模式(业务实战篇)
java·设计模式·适配器模式·系统兼容·多渠道对接