中继器实战：Axure制作抓阄

（是时候换个工作了，附近餐馆、外卖都吃腻了！）

抓阄（基于中继器的抓阄）。

本次实战涉及到以下几点：

中继器新增行；

中继器新增过滤器；

中继器移除过滤器；

中继器更新行；

中继器删除行。

效果如下：

创建中继器：

中继器中增加元件如下：

中继器设置列如下：

中继器设置交互如下：

操作中继器

1、中继器新增行

初始化“排序字段元件”文字为0、每次新增成功后值+1；

设置中继器排序字段（order）为“排序字段元件”文字；

设置中继器name字段为输入框文字。

2、中继器新增过滤器

生成符合条件的随机数。

Math.random()，返回介于 0 ~ 1 之间的一个随机数。

Math.floor()，求一个浮点数的地板,就是求一个最接近它的整数,它的值小于或等于这个浮点数。

LVAR1，“排序字段元件”文字……

新增过滤器设置排序字段等于生成的随机数。

3、中继器移除过滤器

4、中继器更新行

这里设置的是输入框失去焦点后自动更新。

5、中继器删除行

因为这里删除了所有行，所以设置条件为1==1；如果需要删除，条件设置同中继器新增过滤器。

案例访问地址：https://axhub.im/pro/32acf0e0782cceb6

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

题图来自Unsplash，基于CC0协议

给作者打赏，鼓励TA抓紧创作！

赞赏

5人打赏