中繼器（repeater）作為網(wǎng)上傳言中的Axure最難的控件，已經(jīng)成為了產(chǎn)品經(jīng)理炫技最常用的手段,。自Axure7.0發(fā)版新增中繼器控件后,，產(chǎn)品經(jīng)理開始了前赴后繼對中繼器的研究。各種教程分享層出不窮,，本次,，作者要從中繼器的基本功能：增、刪,、改,、查、排序來給大家進行一個舉例演示,。

中繼器在網(wǎng)上很多的解釋就是重復(fù)添加,，取自repeater的中文釋義,。在作者看來，中繼器可以是產(chǎn)品經(jīng)理的一個不完全小型數(shù)據(jù)庫,。因為中繼器具有行和列的結(jié)構(gòu),，可以存儲數(shù)據(jù)矩陣，且可以在頁面上進行增,、刪,、改、查,、排序的功能,，不需要寫sql語句就有操作數(shù)據(jù)庫的快感。說它是不完全數(shù)據(jù)庫是因為添加的數(shù)據(jù)并不是真的存儲在服務(wù)器,，關(guān)掉Axure的預(yù)覽頁面,，之前添加的所有數(shù)據(jù)就會隨風(fēng)而散了。

中繼器的應(yīng)用大多都是需要動態(tài)展示一些頁面的效果時使用,，當(dāng)然還有兩個重要功能：面試和炫技。很多人說在日常的需求文檔,、原型說明中用不到中繼器這么復(fù)雜的交互，但是在給老板進行效果展示爭取資源、或者給外部展示商業(yè)效果時,，如果現(xiàn)學(xué)現(xiàn)賣可能會措手不及,。學(xué)一些復(fù)雜的交互可謂是技多不壓身，況且學(xué)會中繼器對于非計算機專業(yè)出身的產(chǎn)品經(jīng)理來說可以把握到入門級的數(shù)據(jù)庫的概念,、函數(shù)的概念,、變量的概念等等。

此篇分享中繼器的增加數(shù)據(jù)功能,，下篇分享刪、改,、查,、排序功能。

過程詳解（說好了只有四步）：

舉例：花名冊的增刪改查

• 拖一個中繼器的控件到index面板中并且雙擊控件,，修改控件樣式（目的：從0開始,，并且將最終呈現(xiàn)頁面修改成自己喜歡的樣式），設(shè)置矩形名稱分別為姓名,、性別,、年齡

• 設(shè)置中繼器的列命名,，并且將矩形框中的內(nèi)容與中繼器列名關(guān)聯(lián)

• 設(shè)置輸入框并與中繼器矩形顯示框進行變量關(guān)聯(lián)

如下圖,，設(shè)置添加人員按鈕、姓名/性別/年齡的輸入框,，并且分別命名幾個輸入框,。

如下圖，給“添加人員”按鈕增加交互,，設(shè)置“鼠標(biāo)單擊時”,，點擊中繼器-數(shù)據(jù)集-添加行。

進行添加行的設(shè)置（其中特別說明：要添加輸入框中內(nèi)容與中繼器列內(nèi)容的關(guān)聯(lián),，將輸入框中的內(nèi)容通過變量傳遞過來），這也是最關(guān)鍵的一步,。Name, sex, age三行傳的變量名看似是一樣的,，都是LVAR1，實際的值全是不一樣的,。這是因為LVRA1是添加的局部變量,，只在某一范圍內(nèi)有效，不同的數(shù)據(jù)框傳遞的數(shù)據(jù),，用看似名稱一致的局部變量傳值,，也是可以傳輸不同數(shù)據(jù)的。我們也可以分別將其定義為其他的局部變量名稱,。與之對應(yīng)的是全局變量,，有興趣的讀者可以多了解一下。

• 根據(jù)自己的喜好，設(shè)置中繼器的交互及行列間距

開始建立屬于自己的花名冊吧,！

下面簡要介紹如何進行中繼器的,、篩選（清除篩選）排序、刪除,、更改的操作,。

• 篩選

篩選的基本邏輯就是,，判斷篩選姓名框中的值和中繼器中的name列中數(shù)據(jù)是否相等,，如果是就篩選出來。需要注意的是：判斷相等的符號是“==”而不是“=”,，“=”是賦值操作,，而“==”才是在判斷相等。

• 清除篩選

在清除篩選時,，可以按照篩選的名稱去掉篩選（多種篩選疊加的情況下），也可以選擇移除全部篩選,。

• 排序

可以根據(jù)自己的需要進行名稱、屬性（需要排序的字段）,、排序類型,、順序進行自定義。

• 刪除

• 更改

中繼器更新的語法是將某一列內(nèi)容更新為X當(dāng)X1=X2時,，X的取值應(yīng)該是更新框中的內(nèi)容，X1和X2應(yīng)該是需要更改的原內(nèi)容和中繼器列內(nèi)容,，當(dāng)一致時,，則修改。所以如果有多列符合條件,，則多列內(nèi)容會一起更新,。

原型鏈接：https://pan.baidu.com/s/1boYbJxt

本文由 @芝士肉松包 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。