下面是实现的效果图，你看到的图标，均已经实现了它该有的功能，搜索、分类、顶部栏分类滑动等等，鉴于文章篇幅不宜过长的原则，这一次只讲解列表到详情页的数据传递（只是讲解了关键设置点）。

PS:哈哈甚至于我把它转化为IOS的桌面文件时，我的同事还以为是一个真实的手机应用（仰天狂笑！！！）

列表页

详情页

两个页面中的内容均是一一对应的关系。

在整个实现过程中有几点需要特别注意：

1. 中继器只有在同一个页面中才能共享到数据；
2. 在多个中继器中传输数据时，必须在数据源的中继器中把数据传输出来，在接受的中继器中是不能主动去获取源中继器中的数据；
3. 通过使用indexof函数可以实现数据筛选，在结合相关事件出发赋值行为，可以实现多种形势的筛选
4. 在中继器中并不是所有的数据都需要现实，有些字段可以作为隐性数据，用于实现特殊功能存在
5. 过滤器使用时一定要注意清楚时间，axure中自带有清楚单个规则的过滤或是清除中继器中所有过滤规则
6. 通过中继器分页功能能够很好的制作列表到详情的这种跳转关系
7. 中继器中各种值的传递，以及通过一些自带的函数间接传值都是很常用的方法，通过主动设置变量可以把部件中的值传递到中继器中或进行一些特殊的处理

先给看下我中继器中的数据是如何设置的，注意数据属性的字段，整个项目中会用到两个中继器，简便起见直接保持两个中继器的字段一致，只是有些无用的字段具体使用时不使用即可。

这就是我中继器中所有的数据，通过这些数据我显示了列表页与详情页一一对应关系的跳转逻辑，下面是中继器中基本项的设置，此处需要注意上面的数据项比基本项中的数量要多，那么多出的数据有什么用呢？在实际中，列表中的信息往往都是比较少的，而详情页de内容是是否丰富的，在上面设置的很多的属性均是只在详情页才会使用到。而如何把数据传递到详情页呢？这是一个问题，容我一一道来：

下图是第一个中继器中的基本项设置。

中用例中我们可能之前已经看到有中继器这个选项，其下也有Datasets这个选项，以前不知道有什么用。这几个操作是在本次项目中使用最平凡的功能。下面整体讲解下数据传递的逻辑：在源中继器中把数据都录入以后，通过”add rows”功能。

数传递的过程图，注意箭头方向，以及图中的说明文字

接着上一张图，与上一张图在一个连续的流程中，

选择完成后一步一步确认即可，

下图是对数据进行标记，方便后面进行数据更新。

标记数据

更新数据，传递到第二个中继器中。

确认即可，数据传递已经完成，哎还是有点复杂啊 ：）

下面这个是在第二个中继器中设置的，建立一个列表与详情页一一对应的关系。

好了整个项目中最关键的点已经说完了，图有点多，有点复杂，不过仔细看一定可以显示两个中继器之间的数据传递，列表与详情页一一对应的关系也是没有问题的，有了这个通用控件我们就可以实现海量数据的列表和详情页的原型啦！！

若是有任何因为讲解不到位的地方，而产生的疑问都可以留言或是私信我，一定会给答复的。

最后附上附件，希望对同学们有所帮助。

作者本人提供：