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

(1) 调取元件

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

(2)编辑后台数据集

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

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

注意点:列名必须英文

(3)设计前台展示模板

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

(4) 布局与分页设置

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

相关推荐
FEF前端团队1 小时前
01# Vibe Coding工作流设计思维:前端开发者的协作框架
前端·cursor·vibecoding
计算机魔术师1 小时前
OpenAI 发布模型错位报告框架,披露未发布模型自行修改自身指令案例
前端
特创数字科技1 小时前
公文Word一键批量排版工具|批量统一公文标准格式,办公自动化桌面小工具
前端·python
流水白开1 小时前
JavaScript的原型链、类与类的继承
前端·javascript
PedroQue991 小时前
修复 .uvue 页面路径残留问题
前端·vite
颜进强1 小时前
从零搭一套 WorkBuddy Skill 骨架:调接口 → 生成 HTML 报告的分层设计与流转拆解
前端·后端·ai编程
YHL2 小时前
🔍 结构化输出:从 `JSON.parse` 到 `withStructuredOutput` 的三级火箭
前端·深度学习
YHL2 小时前
🚰流式输出:把 LLM 的每个字,像水一样送到浏览器
前端·javascript