基於Axure中繼器的模糊查詢

日常根據使用者需求有的axure原型中需要實現儘可能的高保真，那麼針對後臺管理方面的有的圖表要實現針對資料的模糊查詢，即根據輸入框內的內容在圖表中進行查詢，並顯示對應的內容，廢話不多下面開始講解：

一、建立一箇中繼器圖表

1.1選擇中繼器控制元件拖拽到目標區域即建立完成。

1.2下一步向中繼器中新增內容。

拖拽後出現1區域內容，點選1中圖表，出現2區域內容，緊接著點選3區域中屬性。然後出現圖二區域內容

1.3下一步開始向其中新增內容，中繼器支援excel複製貼上來對內容批量匯入。

1.4下一步開始資料繫結到表格中，雙擊圖表。彈出新的頁面，上面會有一個表格，因為我中繼器中新增的內容有4列，所以應該複製貼上4個表格，並將其命名1、2、3、4、5

1.5點選回之前的頁面，同時點選【屬性】，開始對1、2、3、4、5進行資料繫結。

1.6點選對應的矩形後繫結對應的資料圖中column0、column1、column2、column3、column4對應的之前圖表中填入的資料。在對應的矩形中點選對應的column進行資料繫結，搞定後如圖2。

那麼初步的中繼器資料繫結就結束了。（上面1.4、1.5截圖中落了一個表格，見諒）

二、做對應的多條件模糊查詢。

2.1建立一個輸入框，並命名search。再建立一個按鈕，並命名select。

2.2點選按鈕，點選屬性。點選【滑鼠單擊時】，彈出頁面。即圖中點選1，點選2，彈出3。

在3中滑動滾輪尋找中繼器，並點選，然後再勾選中繼器。

2.3點選調劑後面的【fx】，彈出頁面【編輯值】，點選下方【新增區域性變數】將輸入框中值進行引用。出現圖1、2、3中內容，首先點選1進行下拉選擇元件文字，再點選2選擇之前命名的search輸入框，其次點選3對輸入框內文字進行命名，我命名的是word，可以隨意命名。最後在4區域輸入：[[(Item.Column0.indexof(word)+Item.Column1.indexof(word)+Item.Column2.indexof(word)+Item.Column3.indexof(word)+Item.Column4.indexof(word))>-5]]後點擊確定即可。（忽略圖中4的內容，以上面提供的為準）

全部都結束後點，在輸入框內輸入模糊欄位，點選查詢按鈕，就會在表格中顯示對應的內容了。

三、講解

3.1在2.3中的輸入[[(Item.Column0.indexof(word)+Item.Column1.indexof(word)+Item.Column2.indexof(word)+Item.Column3.indexof(word)+Item.Column4.indexof(word))>-5]]主要由對個部分組成。

其中(Item.Column0.indexof(word)、Item.Column1.indexof(word)、Item.Column2.indexof(word)、Item.Column3.indexof(word)、Item.Column4.indexof(word)分別代表用輸入框中輸入資料與表格中對應列進行比較，對應的比較返回值大於-1即返回對應的結果，因為我們有5列，所以返回-5即可。

以上即為中繼器模糊查詢實現的對應內容，若實現不了，可以留言我會及時進行回覆，感謝觀看。