这篇博客介绍了如何使用Axure 8.0的中继器进行表格的增删改操作。首先，通过准备原件和设置中继器属性来构建原型。接着，配置数据添加功能，包括中继器加载数据集和添加行的动作。然后，实现了单行选择和删除行的功能。最后，详细说明了如何设计修改行的逻辑，包括文本框的交互和保存修改。预览原型时可能会遇到的数据验证问题也进行了简要提及。
一直都是只看不发的那种，运用 axure 制作原型也有很长一段时间了，最近升级到 8.0，用起来各种顺手啊，就写了一个中继器的教程，供新手学习。
原型主要是通过中继器实现表格的增删改操作，示例如下：
1 开工前的原件准备工作
文本框矩形框数个、下拉框一个、按钮两个、中继器一个。建议做好原件命名，因为之后会涉及到蛮多的交互，清晰的命名可以避免出现混乱。
然后我们需要对中继器做一些处理，点击中继器，右侧它的属性页，可以把三个行都删除，然后双击中继器进入中继器编辑页面。
按照表格每一列的名称在中继器内放入 6 个矩形框，做好元件命名。
现在是这个样子的。
2 数据添加功能
准备工作完成，然后我们需要为中继器添加一下动作，中继器属性面板选择每项载入时，当打开网页或者添加数据时候，为中继器加载数据集到元件。
特别注意的是，为了实现编号自增，编号的动作设置为 [ [ item.index ] ]
中继器属性面板为中继器数据集添加列，也可以手动添加一行数据，如果是 7.0 的版本你的中继器数据集应该再页面下方，8.0 整合到右侧
之后需要为添加按钮配置点击动作，为中继器 " 添加行 "
点击下方的 添加行 ，把输入框和中继器数据集绑定起来：
到此，添加功能已经完成。
3 单行选择 + 删除行
进入中继器页面，选中 6 个矩形框，设置选中的动作—填充颜色
同样是选中 6 个矩形框的状态，按 ct
最低0.47元/天 解锁文章
扫一扫
1234
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
