編輯導(dǎo)讀：在日常工作中，經(jīng)常會(huì)用到中繼器進(jìn)行增刪改查操作，那我們可以如何使用Axure來進(jìn)行相關(guān)操作呢？本篇文章里，作者利用中繼器為我們展示了增刪改查操作，讓我們一起來看一下。

中繼器增刪改查對(duì)于熟悉的大神來講操作不難，網(wǎng)上教程也很多。但是對(duì)于初學(xué)者來講，網(wǎng)上教程普遍很難接受。今天老楊出一版0基礎(chǔ)學(xué)習(xí)的教程，希望大家采納。

一、為什么要使用中繼器？

在做后臺(tái)的時(shí)候往往會(huì)用到表格，而對(duì)于表格的增刪改查這一聯(lián)動(dòng)的動(dòng)態(tài)實(shí)現(xiàn)則需要用到中繼器來實(shí)現(xiàn)，話不多少，直接上干貨。

二、實(shí)現(xiàn)方式

元件準(zhǔn)備：中繼器、動(dòng)態(tài)面板、矩形、文本標(biāo)簽、文本框、按鈕；

以上元件是整個(gè)過程中需要的，不需要一開始就全部拉出來，首先做一個(gè)搜索框和列表（直接從元件區(qū)拖出來）。見下圖。

中繼器拖進(jìn)來就是一列三行，可單擊中繼器在右邊的樣式中進(jìn)行行列的增加刪除以及內(nèi)容的填寫（內(nèi)容填寫需要通過交互傳輸進(jìn)入中繼器，下面會(huì)介紹）。

雙擊中繼器，增加列，雙擊進(jìn)入之后直接刪掉原來的矩形，想要多少列就拖幾個(gè)矩形依次并排展示。這里以5列操作展示，具體根據(jù)大家的需求自己拖。拖入之后不要退出，繼續(xù)給這5個(gè)矩形添加名稱，便于下面做交互能夠精確查詢。

備注完名稱之后雙擊空白處退出，進(jìn)入下圖1，然后給中繼器做表頭（只要能達(dá)到效果均可，建議使用矩形）如下圖2所示，根據(jù)箭頭給中繼器做內(nèi)容填充。老楊只填充中間三列內(nèi)容，序號(hào)列需要用到index函數(shù)，操作列內(nèi)容固定，所以只填充中間三列，見圖3.

如上圖所示，內(nèi)容填充之后需要通過函數(shù)輸送至中繼器。點(diǎn)擊交互，進(jìn)入交互操作欄。交互→新建交互→每項(xiàng)加載時(shí)→設(shè)置文本。目標(biāo)選擇中繼器中需要數(shù)據(jù)展示的元件，“值”依次使用函數(shù)。老楊之前選的是中間三列，也就是姓名、電話、地址列。

設(shè)置成功之后中繼器中的內(nèi)容即已成功填充，接下來做搜索操作。老楊做的是姓名搜索，所以函數(shù)前半部分是item.num。點(diǎn)擊文本框→新建交互→文本改變時(shí)→添加篩選→中繼器。接下來根據(jù)圖片內(nèi)容來操作。

到這里，篩選操作已完成，先出這期教學(xué)，如果大家覺得有幫助，或者有建議的地方提出來，老楊再繼續(xù)更新接下里的教學(xué)。

作者：小楊pm，微信公眾號(hào)：老楊說產(chǎn)品

本文由@小楊pm 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash， 基于CC0協(xié)議。