Axure RP 9中继器实战:5分钟搞定动态表格增删改查(附完整交互步骤)
后台管理系统原型设计中,动态表格的增删改查功能是产品新人最常遇到的挑战。传统教程往往陷入"一看就会,一用就废"的困境,而中继器(Repeater)作为Axure RP 9的数据容器,能通过可视化交互解决这一痛点。本文将用真实项目案例拆解每个操作细节,让你在5分钟内掌握动态表格的完整交互逻辑。
1. 中继器基础配置:构建数据骨架
创建新页面后,从元件库拖入中继器到画布。默认的中继器包含3行数据和一个矩形框,我们需要先改造这个基础结构:
1. 双击中继器进入编辑模式
2. 删除默认矩形框(按Delete键)
3. 拖入5个矩形框横向排列作为列容器
4. 分别命名为:col_index(序号)、col_name(姓名)、col_phone(电话)、col_address(地址)、col_action(操作)
在样式面板中配置数据列与显示字段的对应关系:
| 数据列名 | 显示字段 | 数据类型 |
|---|---|---|
| index | col_index | 数字 |
| name | col_name | 文本 |
| phone | col_phone | 文本 |
| address | col_address | 文本 |
提示:字段命名建议采用"col_前缀+语义化名称"的规范,便于后续交互设置时快速定位

&spm=1001.2101.3001.5002&articleId=154724167&d=1&t=3&u=7158f83d81db4f3080ea79a26ae8c41c)
415

被折叠的 条评论
为什么被折叠?



