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

专为互联网人打造的365天成长计划,500门视频课程随便看,构建你的产品、运营知识体系。查看详情

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

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

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

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

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

2-1

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

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

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

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

作者:小楼

祝给予赞赏的伙伴,2017年发大财!

评论( 14

写下你的想法
  1. 表示附件总是下载不下来。 :cry:

    回复
  2. 直接删除行就行了

    回复
  3. 极简主义

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

    回复
    1. 回复

      我设置了全部勾选后删除,但是取消勾选后,点删除也全部删除了。。求原因

    2. 回复

      额。。我自己解决了

  4. axure里没有你说的那两项啊!

    回复
    1. 标记行、删除行

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

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

    回复
  7. 大侠你好,我新增按钮→MARK→del mark 操作不成功啊,中间没有变量什么的设置

    回复
  8. 还是自己摸索好啊 花了一个上午把每个功能都试了一下 我下载的7.0上面和这个翻译不一样 但是这个上面教的功能全部已实现=,= 建议大家自己操作

    回复
  9. 操作不成功!!~

    回复
    1. 回复

      多试几次,哈哈。

  10. 都出7的教程了 我去

    回复

推荐阅读