Axure9中继器多数据实现分页

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

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

分页设置

跳转至尾页

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

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

跳转至首页

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

跳转至上一页

直接在交互中设置上一项

设置跳转至下一项同理。

页码设置

下一页页码变化

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

上一页页码变化

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

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

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

总页码数动态更新

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

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

分页效果整体预览

相关推荐
南山安5 小时前
手写 Cursor 核心原理:从 Node.js 进程到智能 Agent
人工智能·agent·设计
静水流深_沧海一粟5 小时前
04 | 别再写几十个参数的构造函数了——建造者模式
设计模式
StarkCoder5 小时前
从UIKit到SwiftUI的迁移感悟:数据驱动的革命
设计模式
JavaTalks9 小时前
高并发保护实战:限流、熔断、降级如何配合落地
后端·架构·设计
阿星AI工作室13 小时前
给openclaw龙虾造了间像素办公室!实时看它写代码、摸鱼、修bug、写日报,太可爱了吧!
前端·人工智能·设计模式
_哆啦A梦1 天前
Vibe Coding 全栈专业名词清单|设计模式·基础篇(创建型+结构型核心名词)
前端·设计模式·vibecoding
阿闽ooo5 天前
中介者模式打造多人聊天室系统
c++·设计模式·中介者模式
小米4965 天前
js设计模式 --- 工厂模式
设计模式
逆境不可逃5 天前
【从零入门23种设计模式08】结构型之组合模式(含电商业务场景)
线性代数·算法·设计模式·职场和发展·矩阵·组合模式
驴儿响叮当20105 天前
设计模式之状态模式
设计模式·状态模式