Axure9中继器多数据实现分页

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

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

分页设置

跳转至尾页

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

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

跳转至首页

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

跳转至上一页

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

设置跳转至下一项同理。

页码设置

下一页页码变化

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

上一页页码变化

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

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

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

总页码数动态更新

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

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

分页效果整体预览

相关推荐
Zane19946 天前
一个 new 就能创建对象,为什么还要拆出单例、工厂、建造者、原型四种模式?
设计模式
怕浪猫7 天前
一行命令复刻爆款视频,我把 Hypit 从安装跑到了出片
人工智能·设计模式·程序员
Zane19947 天前
函数式编程里的函数,其实不是你天天写的那个函数——三大编程范式的边界在哪
设计模式
xy34538 天前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计
sarasuki8 天前
工具设计的坏味道:什么样的定义会让模型乱调
人工智能·agent·设计
Zane19948 天前
策略模式现在该不该上?一次讲清楚过度设计和设计不足怎么找平衡
设计模式
她说..8 天前
常见设计模式-模板方法模式
java·spring·设计模式·springboot
xiaofeiyang1508 天前
第六章 · 桥接 — 三支毛笔,画出九种颜色
设计模式
Shadow(⊙o⊙)9 天前
OTOL设计模式 One Thread One Loop
服务器·网络·设计模式
sarasuki9 天前
如何让LLM 能在半夜偷偷打开网易云呢?
人工智能·设计模式·agent