产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

axure7.0教程_小楼作品 中继器的使用2

[复制链接]
xingbb 发表于 2013-8-4 17:12:42 | 显示全部楼层 |阅读模式

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x


本教程案例下载:axure7.0教程_小楼作品(二)中继器的使用(2)

在上一节教程axure7.0教程_小楼作品(一)中继器的使用(1)中我们初步讲解了,如何使用中继器的功能之一,在Axure7的新元件repeater(中继器)中增加内容。那么,既然能够添加内容,就应该能够删除内容。因为在软件开发中对数据的操作有四种:增、删、改、查;中继器的功能也包含了这四种操作。

那么,今天我们来讲一下,如何删除中继器中的内容。

上一节中,我们在中继器主页中设定了自己想要的模块,并且通过在中继器项目中增加内容,实现了模块的重用,那么,我们可以在中继器的模块中,添加一个按钮,用来删除自动生成的这些模块。

怎么做呢?步骤非常的简单,我们把按钮拖进中继器的主页中适当的位置,然后设置这个按钮的点击事件(onclick),见下图:

2-1.png

事件1:添加新增选定项目到中继器,我的理解是把这个新增按钮添加到了中继器项目中,并与每一行数据做好绑定(这个是在生成原型后的动作,在制作过程中在中继器项目中是看不到的);在这里我们勾选中继器后,右下角的单选框默认是选中“this”,这个不用更改,this指的就是当前的这个按钮。

事件2:从中继器中删除选定项目;我们在上个事件中将按钮与每条数据做了绑定,那这个事件就是删除这个按钮和与其绑定的一行数据。

通过上面两步,我们就实现在中继器中删除模块的效果了。

接下来,就是见证奇迹的时刻!你做对了么?



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2024-4-24 20:38

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表