Axure教程:中继器实现对评论的编辑

1 评论 2172 浏览 3 收藏 4 分钟

上篇文章介绍了中继器的增和删两个功能,这篇文章将介绍使用中继器进行评论的编辑功能。

效果显示地址:http://www.iqiyi.com/w_19saxn0qtt.html

中继器实现评论的编辑

1. 增加编辑评论元件

(1)增加一个编辑的按钮,和一个对应编辑的文本框,思路:用户点击编辑按钮的时候,头像、姓名、时间和评论的内容都进入到对应的编辑处,即第二张图片圈起来的部分。

(2)给添加的元件起名字,需要注意的是,起的名字不可以和之前两个的名字相同,在这里我分别起的名字为:touxiang1,mingzi1,shijian1,neirong1,起什么样的名字都可以,只要不和上面的名字重复就可以。

2. 给元件添加事件

(1)给编辑按钮添加事件,当点击编辑的时候,选中的行,mingzi1=item.name,shijian1=item.time,neirong1=item.name,touxiang1=item.img。

添加事件的方法在上文中,一步一步的介绍过,这里不再对其细节进行赘述。

需要注意的是,在编辑评论的时候,我们可能点击多个评论,但最后我们要修改的是最后点击的评论。所以需要添加事件,点击编辑的时候,取消对之前所有行的标记,只标记最后选择的一行。

(2)给编辑按钮添加事件,当点击更新按钮的时候,更新的内容到达需要编辑的位置。

(3)添加全局变量,点击ok即可完成对编辑评论。

 

本文由 @月半警长 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 看得云里雾里的

    来自江西 回复