中繼器是一個功能非常強大的元件，但是也比較複雜，導致很多同學對中繼器有牴觸心理。越是複雜的，越是要多練習。今天，我看看看如何通過中繼器實現數據列表的同步。
效果預覽：http://www.axurestudy.cn/pr/index.html
【需求分析】
1、源列表裏面展示4條數據記錄；
2、選中源列表裏面的記錄，點擊同步按鈕，數據同步到目標列表；
【原型設計】
1、拖入中繼器到畫布，命名爲from，並且設置該中繼器的數據源如下所示：
2、 複製步驟1中的源中繼器爲目標中繼器，命名爲to，這裏要注意，對於目標中繼器，需要增加一個列flag，用於設置是否顯示這條記錄：
當flag = 1 ， 顯示記錄 ；
當flag = 2 ，不顯示記錄；
3、 拖入一個按鈕，當點擊按鈕的時候，把所選中的數據移動到目標列表；
【交互設計】
1、數據源中繼器from的數據初始化：
2、設置源中繼器from的複選框選中和取消按鈕的交互：
當選中的的時候，把這條數據插入到目標中繼器to，但是顯示狀態設置爲1(不顯示)，並且給目標中繼器增加篩選條件；
當取消選中的時候，從目標中繼器to裏面刪除這個記錄；
3、設置同步按鈕的交互：當點擊同步的按鈕的時候，把目標中繼器to裏面flag列修改成，即不顯示修改成顯示；
4、 設置目標中繼器to的數據初始化；
到了這一步，中繼器實現表格數據同步就完成了，同學們趕緊去試試吧。
回覆【入門】 ，獲取零基礎Axure快速入門視頻教程；
回覆【安裝】 ，獲取安裝程序；
回覆【練習】 ，獲取練習案例；
回覆【高保真】，獲取高保真原型；
關注微信公衆號【猿型庫】，獲取更多優質Axure資源；
