版本：Axure RP 8.0.0.3303
內容介紹：對中繼器中的數據進行查詢，根據輸入的內容做模糊查詢，分別演示或條件與且條件；
一、視頻效果
二、RP設計
- 增加查詢按鈕，拖動兩個button到頁面上，分別命名為“且 查詢”和“或 查詢”。
增加查詢按鈕
- 添加“且 查詢”的“鼠標單擊時”交互。首先添加中繼器case項：添加篩選，並勾選中繼器，對應圖一上的第①②步驟。且條件查詢下，先把“移出其它篩選”去掉，接著添加鏈接，從fx進入，添加局部變量，變量名為xmc（姓名篩選），xmc的值從txt_xm文本框取值，最後引用變量[[Item.xm.indexOf(xmc)>-1]]，對應圖二上的①②③④步。完成後，再執行一次圖一到圖二的操作一遍，添加"班級"篩選。
圖一
圖二
- 添加“或 查詢”的“鼠標單擊時”交互，（這裡直接跳到添加鏈接）從fx進入，添加局部變量，變量名為xmc和bjc，xmc和bjc的值從txt_xm和txt_bj文本框取值，最後引用變量[[Item.bj.indexOf(bjc)+Item.xm.indexOf(xmc)>-2]]，對應圖三上的①②③④步。
圖三
三、說明或拓展
- “且 查詢”和“或 查詢”其實是差不多的，只是寫法上的區別，都是基於IndexOf函數.
- IndexOf是從左開始取值去匹配數據，即可支持模糊查詢， Item.bj.indexOf(bjc)這段意思是用IndexOf取變量bjc的值去與中繼器bj列數據做匹配篩選，而bjc數據來源txt_bj文本框，即文本框輸入什麼就以什麼來做模糊匹配。
- Item.bj.indexOf(bjc)+Item.xm.indexOf(xmc)>-2，因為用indexOf查詢不到數據會返回-1，這裡兩次使用，就是>-2。
- 如果不想用模糊查詢，那麼不需要用indexOf函數，直接寫成Item.bj==bjc，就是中繼器bj列數據與變量bjc值一樣的數據篩選出來。
- 在做“或 查詢”交互的case前，添加了移出篩選，這裡只是為了方便演示，不受其它查詢的干擾，先排除掉其它查詢，執行“或 查詢”。
移出篩選
分享到:
閱讀更多 blitheDotChen 的文章
