前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【Axure教程】如何使用中继器进行新增表单数据

【Axure教程】如何使用中继器进行新增表单数据

原创
作者头像
MoSiPM
发布2024-09-05 09:30:38
1790
发布2024-09-05 09:30:38
举报
文章被收录于专栏:Axure

上一期,我为各位小伙伴们讲解了如何删除中继器表单数据,接着,本期会为大家详细介绍下如何在中继器中新增表单数据。

1、在上期制作完成的【中继器】原型中,我们拖入一个【按钮】,并设置为“新增”。

2、有“新增”时,我们做一个【弹窗】,可以在弹窗中进行编辑,弹窗信息如下图(样式、数据仅供参考)。

3、接着,我们对页面设置一个【全局变量】,全局变量命名为【dateSum】、默认值为6。

4、在交互中选择【添加行】,选择id下方的【Fx】,选择全局变量dateSum,在dateSum后面+1,设置如下图:

5、接着,我们对列名【name】设置一个局部变量,选择【设备名称】,并插入局部变量,如下图:

6、下面,我们依次对【type】、【xinghao】、【changshang】等分别设置对应的局部变量并插入,注意:当字段为下拉选项时,中继器此时插入的局部变量为【被选项】。

7、此时,咱们对应设置完成之后,进行保存。

8、接着咱们对【新增】继续设置交互【设置变量值】,设置参数如下图:

9、下一步,咱们接着对【新增】设置交互—-【设置文本】—【值】为空白,并将其他的文本框和下拉框设置对应的值。

10、此时,我们已经将弹窗内的所有数据设置了一遍。

11、接下来,咱们再设置遮罩和新增弹窗的状态,因为当我们点击【新增】时,遮罩和新增弹窗需要隐藏,所以咱们设置隐藏交互。

12、对中继器旁的【新增】按钮设置对应的显示交互,具体参数可参考下图。

13、同理,咱们针对【取消】按钮设置时,中继器内所有的数据不变,设置隐藏对应的遮罩和弹窗,参数参考如下。

14、希望以上的【中继器】的【新增】操作可以帮助到大家,如有疑问,可以在下方留言哟,我会第一时间为大家解答

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档