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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

岚月清辉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值