編輯導(dǎo)語：中繼器該怎么模擬查詢？作者從五個(gè)方面進(jìn)行了中繼器的模擬查詢操作，我們一起來看看吧。

先上最終效果圖：

一、以按行政區(qū)劃查詢?yōu)槔?/h2>

1. 先準(zhǔn)備好數(shù)據(jù)

2. 繪制界面框架

• 注1：如果所屬地區(qū)下拉列表不想顯示后面的行政區(qū)劃代碼，可以采用隱藏的中繼器作為下拉列表項(xiàng)實(shí)現(xiàn)，此處略；
• 注2：Axure對于函數(shù)的使用非常有限，所以借用了一個(gè)隱藏的框“所屬地區(qū)列表Value”，初始值為“33”，其后所屬地區(qū)下拉框選中項(xiàng)值發(fā)生變化時(shí)，將所屬地區(qū)的值取最后6位數(shù)字，表達(dá)式為：[[LVDQ.substr(LVDQ.indexOf(‘_’)+1,6).replace(’00’,”)]]（這里使用了字符串的substr函數(shù)，同時(shí)使用replace函數(shù)把后面的“00”去掉）。

這樣設(shè)計(jì)的目的是為了簡化查詢功能中的邏輯處理（主要還是Axure抽風(fēng)，后面indexOf函數(shù)沒法直把上面的公式放進(jìn)去）。

3. 功能：為數(shù)據(jù)列表中繼器添加過濾器

過濾器條件為：[[(Item.sjxzjb==LVJB || Item.sjxzjb==’省級’ || Item.sjxzjb==’地市級’)&& Item.sjqhdm.indexOf(LVDQ)>-1 ]]，目的是當(dāng)選的顯示省級、地市級，是否要顯示縣級有展示級別“LVJB”決定，同時(shí)通過后面的indexOf函數(shù)進(jìn)行過濾，這樣就能夠達(dá)到看啥都帶上本級。（不信看最后演示動畫）

4. 分頁功能

（1）每頁顯示數(shù)據(jù)行數(shù)

當(dāng)然默認(rèn)中繼器也需要開啟分頁為“多頁”，每頁項(xiàng)“10”，開始頁：“1”。

（2）分頁導(dǎo)航：首頁

設(shè)置中繼器當(dāng)前頁面值為“1”。

（3）分頁導(dǎo)航：上一頁

設(shè)置中繼器頁面到上一個(gè)。

（4）分頁導(dǎo)航：下一頁

設(shè)置中繼器頁面到下一個(gè)。

（5）分頁導(dǎo)航：最后一頁

設(shè)置中繼器頁面到最后一個(gè)（Last）。

（6）分頁導(dǎo)航：手動修改指定頁

手動修改后把中繼器當(dāng)前修改為修改后的值，這里做下判斷，僅1~總頁數(shù)范圍內(nèi)有效，否則彈出alert進(jìn)行提醒，Axure中想使用javascript腳本的話，可以使用當(dāng)前頁面打開鏈接外部地址內(nèi)容為:javascript:{alert(‘巴拉巴拉…’);}

（7）中繼器的總頁數(shù)、當(dāng)前頁數(shù)寫入到分頁欄里

在中繼器每項(xiàng)加載時(shí)，設(shè)置分頁欄的總頁數(shù)[[Item.Repeater.pageCount]]、當(dāng)前頁碼[[Item.Repeater.pageIndex]]。

5. 最終動畫演示

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

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