【Axure】--repeater（中继器）实现行上移下移

案例效果：

案例描述：

点击上下移动的按钮，移动相应题型顺序。

元件准备：

上移、下移图标：

Repeater:

 

Table做表头：

题型编号：

 

操作步骤：

双击进入Repeater

另添加两列（粘贴复制），并将上下移动的图标放入：

整理后效果：

 

为Repeater添加数据：

因为排序过程中编号会相应变化，所以将一列表格挡在题型编号处：

添加事件：

思路：如上移：

·        借助一个全局变量tempData来保存当前选中行的id值

·        更新上一行的id数值，使其加1

·        更新当前行的id数值，使其减1

·        添加排序，重新按照升序排列

添加全局变量：

1实现下移（下例）

2实现上移同理。

至此完成最终效果。