axure Repeater控件:中继器动态实现表单增删改的方法

Repeater控件的使用步骤为：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

需求：在Axure中动态的实现表单的增删改。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

一、定义元素：

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

双击中继器。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

二、添加数据：

注：为了方便后面添加数据，对于元件我们需要进行命名，如何命名在这里我就不说了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

选中“中继器”，设置属性，添加数据。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

三、绑定数据：

（这里选择加载时的用例，相当于页面加载时的查看功能，改成单击，就是单击时的查看功能，这里可以选择不同的用例试试）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

1.添加加载时的用例，绑定数据

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

这里是比较重要的，一定要注意：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

（1）先设置局部变量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

“变量名”=“元件文字”（元件文字的值就是变量，直接选择该元件就可以了，如果前面没有给元件命名，这里找起来就很麻烦了）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

（2）插入变量或函数：选择我们刚刚定义的局部变量就可以了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

完成上面设置之后，中继器如图显示，也可以预览一下，看看自己是否完成数据绑定功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

四、修改样式:

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

这里主要是设置中继器的样式，自己慢慢研究就可以了！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

五、数据操作：

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

1.添加行：

首先给“添加行”按钮添加单击用例。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

鼠标单击时—数据集（添加行）–选择中继器—添加行—（绑定数源 ）表单输入的数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

这里绑定数据，与之前一样，我就不重复了，再一次提醒，这里也是通过选择元件文本，命名很重要，一定要给关键的元件命名，后面做数据绑定能节省时间，也避免错误。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

2.全选：

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

鼠标单击时–设置选中–中继器（复选框）–值（true）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

3.删除选中行：

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

4.更新数据：

原理与上面都一样，只是多了一步；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

获取数据—修改数据—更新数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

具体的操作就不一一截图了；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html

原型分享链接：https://pan.baidu.com/s/1fWr2diIikTJ9zLwTpu0ocg 密码：0qsv文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/3781.html