起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure7.0教程（四）中繼器的使用（4）
Axure rp7.0的新元件中繼器（repeater）的功能中我們分別講解了增、刪、改三個功能，今天我們來講一下剩下的功能：
1、 按輸入的文字篩選；
2、 按指定條件（某一列）排序；
3、 翻頁功能。
本教程示例：axure7.0教程_小樓作品（四）中繼器的使用（4）
在學習本教程之前，請先閱讀《關于Axure rp7.0漢化包導致中繼器無法正常使用的bug說明》。當然，如果在你閱讀這篇教程時，上面提到的bug以解決的話，那么就請繼續往下看。
首先，我們先做一下準備：
1、 在中繼器項目中添加多條數據，以便更方便演示效果；
2、 添加一個文本框，設置好標簽，用來輸入篩選條件，并添加一個按鈕用來觸發篩選事件；
3、 添加一個矩形或按鈕，轉換成兩個狀態，用來觸發升序和降序事件的觸發。
一、篩選功能
準備完畢后，我們先添加篩選事件，如下圖：
我們在篩選按鈕的onclick事件中添加一個用例，在這用例里面添加事件“新增過濾器”（Add filter），然后勾選過濾器，自定義一個名稱，在查詢里面讓item.XXX==局部變量。
說明：
1、 變量列表里面選擇或者直接輸入item.xxx；
2、 自定義局部變量=篩選條件輸入文本框的元件文字；
3、 這里注意是兩個“=”。一個的話是給變量賦值，兩個話是判斷是否一樣。
這樣根據輸入文字進行篩選的功能就實現了。
二、排序功能
1、在動態面板中的第一個狀態的按鈕上，添加事件：
（1）添加一個Add Sort–勾選中繼器–設置一個排序的自定義名稱—設置排序項目—設置按數字排序—設置按降序排列“Decending”（價格由高到低）。
（2）設置動態面板狀態轉換為第二個狀態。
2、在動態面板的第二個狀態的按鈕上，添加事件：
（1）參照上一步驟，最后一步設置為按升序排列“Ascending”（價格由低到高）。
（2）設置動態面板狀態轉換為第二個狀態。
說明：在最后一步設置中還有一個選項“Toggle”，是升序與降序切換。
到這里，按價格排序的功能也實現了。
三、翻頁功能
這個最簡單，我們只需要添加兩個按鈕，分別是前一頁和后一頁，并在兩個按鈕的onclick事件上分別設置：
前一頁：添加Set Current Page，勾選中繼器，在Select the page中選擇“Previous”；
下一頁：添加Set Current Page，勾選中繼器，在Select the page中選擇“Next”；
說明：在Select the page選項中還有兩個選項，分別是Value（根據值打開指定頁）和Last（最后頁）。
好了，翻頁功能也完成了。
下面就是見證奇跡的時刻！你做到了嗎？
作者：小樓
有沒好點的教程，這寫的真垃圾