编辑导读：本文作者从自身事情履历出发，先容中继器中Item与TargetItem的区别，以及如何实现移动行插入行的结果。本文适合对中继器中的数据集与元件间的映射逻辑、更新行和添加排序有简朴相识的读者。

一、媒介

在项目中因为有移动行和插入行的需求，为了更直观、详细的浮现该结果，便想在Axure中实现出来。

在网上搜索相关资料与教程，发明涉及到TargetItem工具，但没有领略其应用原因及道理，在深入相识了TargetItem工具后，最终实现告终果。现把本身领略的总结出来，供各人参考。

二、结果

在上方插入：可在任意一行，点击相应图标后，在该行的上方插入一行。

在下方插入：可在任意一行，点击相应图标后，在该行的下方插入一行。

上移：可在任意一行（除之一行），点击相应图标后，将该行的上移一行。

下移：可在任意一行（除最后一行），点击相应图标后，将该行的下移一行。

三、思路

不难发明，四种结果本质上都是“改变位置顺序”。

假如我们把所有行的位置顺序按12345…的“顺序号”依次排下去。那么以“在下方插入”为例，如：在1下方插入一行，可以简朴的分为三个步调：

四、实现

凭据以上思路，我们在数据会合增加一列“OrderNum”来存储“顺序号”。

大概这里有童鞋会问，为什么不直接用index? 因为index只能递增，不能对其举办排序。

之一步更新行

首先找到1下面的23456……

这就引出TargetItem的浸染。从名称上也能或许领略为“方针项”。没有“Target”前缀的Item，我们知道是指“当前项”，如之一行的顺序号Item.OrderNum=1。而应用了条件时，TargetItem可以暗示所有切合条件的项。所以23456……就是切合“在1下面”这个条件的TargetItem.OrderNum。

而“在1下面”这个条件要如何表达呢？我们发明1下面的23456…都是大于1的，所以条件可以这么写:[[TargetItem.OrderNum>Item.OrderNum]]。

然后，把23456……都+1，即[[TargetItem.OrderNum+1]]。

也就是Axure会把每一项按照条件来判定，切合条件，就执行下方功效，不切合的就不动。

第二步添加行

新增的一行顺序号为2，即当前行的顺序号+1，也就是[[Item.OrderNum+1]]。

第三步添加排序

“在下方插入”结果就大功告成。

剩下的三个结果在上方插入行、上移和下移，概略雷同，这里就不赘述了，在附件中附上源文件供各人参考。各人可以看看能不能凭据以上思路把剩下的这三个结果实现。

五、最后

在结果实现的进程中不免会有一些问题，譬喻点击没结果，没有凭据预期的结果成长等，对此在不绝的调试和修改进程中，我总结了两点：

实现进程中，变革数据可直接视察。如例子中的OrderNum,固然在最后界面泛起上不会呈现，可是在绘制进程中，我们可以把它显示在界面上，及时调查做的对差池，最后再把它去掉即可。

一步一步来，不要一蹴而就。

如例子中要把23456…都+1，要先写出[[TargetItem.OrderNum>Item.OrderNum]]的条件，再写出[[TargetItem.OrderNum+1]]的功效，这个进程我们就可以把功效简朴用某个数字取代，以此来先看看条件写得对差池。

根基结果出来后，可以再举办样式等方面的优化，好比该例子我还画了个“豪华”版在附件中。

参考文章：https://www.axure.com.cn/76497/