爱评测-移动互联网评测

标题: axure7.0教程_小楼作品(二和三)中继器的使用(2和3) [打印本页]

作者: tianzc    时间: 2014-9-6 13:17
标题: axure7.0教程_小楼作品(二和三)中继器的使用(2和3)
[attach]3410[/attach]

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


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

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

示例2文件下载:

[attach]3411[/attach] axure7.0教程_小楼作品(二)中继器的使用(2).rp (55.18 KB)下载次数: 96
2013-10-6 18:41



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

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

示例3文件下载:

[attach]3411[/attach] axure7.0教程_小楼作品(三)中继器的使用(3).rp (57.81 KB)下载次数: 82
2013-10-6 21:16



收藏分享评分




欢迎光临 爱评测-移动互联网评测 (http://www.aipingce.com/) Powered by Discuz! X3.2