Axure7.0教程(二)中继器的使用(2)

14 评论 75811 浏览 45 收藏 3 分钟

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

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

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

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

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

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

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

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

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

作者:小楼

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 表示附件总是下载不下来。 😥

    来自北京 回复
  2. 直接删除行就行了

    来自北京 回复
  3. 这个还可以把那个关闭按钮改成复选框然设置标记行,在外面再建立一个删除的按钮,设置删除行(标记项),这样就可以实现多选删除了。

    来自广东 回复
    1. 我设置了全部勾选后删除,但是取消勾选后,点删除也全部删除了。。求原因

      来自上海 回复
    2. 额。。我自己解决了

      来自上海 回复
  4. axure里没有你说的那两项啊!

    来自河北 回复
    1. 标记行、删除行

      来自江苏 回复
  5. 你好,现在的最新版本在Repeater这个控件的动作变化很大,和之前的版本差别不小,建议能对此部分内容更新。

    来自天津 回复
  6. 这个教程是最早7.0测试版的基础上写的,现在已经没用了。

    来自北京 回复
  7. 都出7的教程了 我去

    来自菲律宾 回复