猿型库：中继器实现表格数据同步

中继器是一个功能非常强大的元件，但是也比较复杂，导致很多同学对中继器有抵触心理。越是复杂的，越是要多练习。今天，我看看看如何通过中继器实现数据列表的同步。

 

效果预览：http://www.axurestudy.cn/pr/index.html

 

【需求分析】

1、源列表里面展示4条数据记录；

2、选中源列表里面的记录，点击同步按钮，数据同步到目标列表；

 

【原型设计】

1、拖入中继器到画布，命名为from，并且设置该中继器的数据源如下所示：

2、 复制步骤1中的源中继器为目标中继器，命名为to，这里要注意，对于目标中继器，需要增加一个列flag，用于设置是否显示这条记录：

当flag = 1 ， 显示记录 ； 

当flag = 2 ，不显示记录；

3、 拖入一个按钮，当点击按钮的时候，把所选中的数据移动到目标列表；

 <