axure7.0教程_小楼作品（二和三）中继器的使用（2和3）

小楼一夜听春语 · 发表于 2013-8-4 17:11:34

作者: 小楼一夜听春语
本教程案例下载：axure7.0教程_小楼作品（二）中继器的使用（2）
在上一节教程axure7.0教程_小楼作品（一）中继器的使用（1）中我们初步讲解了，如何使用中继器的功能之一，在Axure7的新元件repeater（中继器）中增加内容。那么，既然能够添加内容，就应该能够删除内容。因为在软件开发中对数据的操作有四种：增、删、改、查；中继器的功能也包含了这四种操作。
那么，今天我们来讲一下，如何删除中继器中的内容。
上一节中，我们在中继器主页中设定了自己想要的模块，并且通过在中继器项目中增加内容，实现了模块的重用，那么，我们可以在中继器的模块中，添加一个按钮，用来删除自动生成的这些模块。
怎么做呢？步骤非常的简单，我们把按钮拖进中继器的主页中适当的位置，然后设置这个按钮的点击事件（onclick），见下图：

事件1：添加新增选定项目到中继器，我的理解是把这个新增按钮添加到了中继器项目中，并与每一行数据做好绑定（这个是在生成原型后的动作，在制作过程中在中继器项目中是看不到的）；在这里我们勾选中继器后，右下角的单选框默认是选中“this”，这个不用更改，this指的就是当前的这个按钮。
事件2：从中继器中删除选定项目；我们在上个事件中将按钮与每条数据做了绑定，那这个事件就是删除这个按钮和与其绑定的一行数据。
通过上面两步，我们就实现在中继器中删除模块的效果了。
接下来，就是见证奇迹的时刻！你做对了么？
本文出自诉客 ▪ 产品经理的心声，转载时请注明出处及相应链接。
本文永久链接: http://www.soger.net/254.html

示例2文件下载：

axure7.0教程_小楼作品（二）中继器的使用（2）.rp (55.18 KB, 下载次数: 108)

---------------------------------------------------------------

中继器的使用教程(3)
http://www.soger.net/257.html

示例3文件下载：

axure7.0教程_小楼作品（三）中继器的使用（3）.rp (57.81 KB, 下载次数: 92)

leemon_luv · 发表于 2013-8-5 18:01:06

修改的时候，怎么能修改单行数据呢.
新增多条记录时，修改的话多条记数据都同时修改了.

小楼一夜听春语 · 发表于 2013-8-5 21:38:26

看教程3