Axure9中继器多数据实现分页

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

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

分页设置

跳转至尾页

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

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

跳转至首页

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

跳转至上一页

直接在交互中设置上一项。

设置跳转至下一项同理。

页码设置

下一页页码变化

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

上一页页码变化

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

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

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

总页码数动态更新

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

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

分页效果整体预览

相关推荐
是2的10次方啊11 分钟前
设计模式与生活⑯:天冷了,出门这身得一层层配
设计模式
心若自由何处是束缚19 小时前
适配器模式:从原理到实战的完整指南
设计模式·适配器模式
是2的10次方啊1 天前
设计模式与生活⑮:看到哪儿了,得有个地方替你记着
设计模式
2601_967979122 天前
设计模式 - 访问者模式
设计模式·访问者模式·应用场景·对象结构·操作分离
是2的10次方啊2 天前
设计模式与生活⑭:一栋楼,共用一份热
设计模式
ZhengEnCi3 天前
为什么苹果的圆角更高级:连续曲率圆角 Squircle 从超椭圆到 CSS 实现的完全讲解
css·设计
是2的10次方啊3 天前
设计模式与生活⑬:你坐几号线,谁来运营是另一回事
设计模式
Tt有了t4 天前
设计模式速查
java·python·设计模式
一条Go4 天前
四个进程,一把锁:Alioth 的告警评测为什么不需要消息队列
后端·设计模式·架构
一缕82年的清风4 天前
被中产唾弃的“十元快剪”,藏着最狠的极客工程学
人工智能·设计模式