Axure 9.0 中继器创建与设置步骤

(1) 调取元件

打开 Axure 9.0,左侧基础元件库直接拖拽 Repeater(中继器) 到画布,默认生成空白表格样式中继器。

(2)编辑后台数据集

选中中继器,右侧属性面板点击「编辑数据集」:

  • 修改列名:默认 Column0、Column1,可改为姓名、年龄、性别等自定义字段;
  • 新增多行数据,手动录入模拟后台数据;
  • 支持粘贴外部表格数据,快速批量导入内容。

注意点:列名必须英文

(3)设计前台展示模板

  • 双击中继器进入模板编辑界面,删除默认表格;
  • 自行排版文本、矩形、按钮、图标,设计单条列表样式;
  • 通过「每项加载时」事件,将模板元件与数据集字段绑定,实现数据自动填充,绑定公式为 \[Item.列名]。

(4) 布局与分页设置

右侧样式面板可设置列表布局:垂直列表、水平排列、网格布局;同时可设置每页展示条数,开启分页功能,适配不同页面排版需求。

相关推荐
计算机魔术师1 小时前
DeepSeek 据报道接近完成至少 800 亿元融资,腾讯与宁德时代参与
前端
可乐ea1 小时前
多模型编排的三层:框架、模型路由与提供商路由
前端·网络·人工智能·ai智能体·多智能体协作·多模型编排·大模型路由
DevOps老兵1 小时前
AIOps实战05:核心功能的需求描述(上),把AIOps需求写规范
aiops·产品设计·告警降噪·老计聊技术·需求描述
青柠之夏cc3 小时前
前端拖拽功能原生实现,不引入拖拽库完成业务
开发语言·前端·python
DevOps老兵3 小时前
AIOps实战04:一款AIOps平台该具备哪些功能,一份产品视角的功能全景
aiops·产品设计·智能运维·老计聊技术·功能需求
liangshanbo12153 小时前
前端大文件切片上传怎么做?
前端
传奇开心果编程3 小时前
【现代声明式UI学与练】第4课 列表渲染与 key——如何高效渲染列表、key 的作用、列表重排时的状态保持
学习·flutter·react native·ui·swiftui·android jetpack
传奇开心果编程4 小时前
【Compose Multiplatform 跨端开发学与练】第5课 网络与数据层
android·网络·学习·ui·ios·kotlin·composer
Sand(ContextGate)4 小时前
Python Agent 测试实战:测试与评估,让 Agent 像传统软件一样可交付
前端·javascript·python·microsoft·ai
广州华水科技4 小时前
单北斗GNSS变形监测系统在城市安全与地质灾害中的应用前景
前端