Axure教程:如何在中继器中,动态实现表单增删改?

1 评论 12866 浏览 30 收藏 5 分钟

本文作者分享了自己在中继器中动态实现表单增删改的方法,一起来看看吧~

Repeater控件的使用步骤为:

需求:在Axure中动态的实现表单的增删改。

一、定义元素:

双击中继器。

二、添加数据:

注:为了方便后面添加数据,对于元件我们需要进行命名,如何命名在这里我就不说了。

选中“中继器”,设置属性,添加数据。

三、绑定数据:

(这里选择加载时的用例,相当于页面加载时的查看功能,改成单击,就是单击时的查看功能,这里可以选择不同的用例试试)

1.添加加载时的用例,绑定数据

这里是比较重要的,一定要注意:

(1)先设置局部变量

“变量名”=“元件文字”(元件文字的值就是变量,直接选择该元件就可以了,如果前面没有给元件命名,这里找起来就很麻烦了)

(2)插入变量或函数:选择我们刚刚定义的局部变量就可以了

完成上面设置之后,中继器如图显示,也可以预览一下,看看自己是否完成数据绑定功能。

四、修改样式:

这里主要是设置中继器的样式,自己慢慢研究就可以了!

五、数据操作:

1.添加行:

首先给“添加行”按钮添加单击用例。

鼠标单击时—数据集(添加行)–选择中继器—添加行—(绑定数源 )表单输入的数据

这里绑定数据,与之前一样,我就不重复了,再一次提醒,这里也是通过选择元件文本,命名很重要,一定要给关键的元件命名,后面做数据绑定能节省时间,也避免错误。

2.全选:

鼠标单击时–设置选中–中继器(复选框)–值(true)

3.删除选中行:

4.更新数据:

原理与上面都一样,只是多了一步;

获取数据—修改数据—更新数据

具体的操作就不一一截图了;

原型分享链接:https://pan.baidu.com/s/1fWr2diIikTJ9zLwTpu0ocg 密码:0qsv

 

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

题图来自 Unsplash ,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
12410人已学习14篇文章
大多数产品经理都会经历职场晋升和转正述职的时刻,这个时候,你该怎么做准备?本专题的文章分享了述职报告撰写指南。
专题
15254人已学习16篇文章
UML(统一建模语言)是由一系列标准化图形符号组成的建模语言,用于描述软件系统分析、设计和实施中的各种模型。本专题的文章分享了各类UML图的相关语法和整体解读。
专题
15557人已学习12篇文章
本专题的文章分享了交互设计文档的撰写指南。
专题
16063人已学习12篇文章
有效的团队管理对于一个企业来说十分重要。本专题的文章分享了团队管理的方法。
专题
16832人已学习12篇文章
每年一到年底,各家APP平台就会陆续推出年度报告。本专题的文章分享了年度报告的设计思路。
专题
34937人已学习13篇文章
为了给用户提供更好的体验,你需要一套合理的推送策略。