【Axure 教程】中繼器入門(mén)教程-列表查詢
編輯導(dǎo)讀:當(dāng)工作中需要進(jìn)行列表查詢操作時(shí),我們可以如何使用Axure來(lái)進(jìn)行相關(guān)操作呢?本篇文章里,作者利用中繼器為我們展示了列表查詢操作,讓我們一起來(lái)看一下。
原型展示:https://527j00.axshare.com
所需原件:
- 中繼器
- 文本框
- 下拉列表
- 文本標(biāo)簽
本文主要講解中繼器的基本用法,以便大家更容易去理解和學(xué)習(xí)中繼器的高級(jí)用法,入門(mén)教程會(huì)分為 6 個(gè)小節(jié),本節(jié)主要講解如何實(shí)現(xiàn)中繼器的數(shù)據(jù)查詢。
一、列表制作
這里我們直接引用課程 【Axure 教程】中繼器入門(mén)教程-列表制作 中制作的列表,快速修改表頭和中繼器數(shù)據(jù)后,得到一個(gè)列表,如上圖;
二、查詢?cè)O(shè)置
拖入文本框和下拉文本作為姓名和性別的查詢條件;并以文本標(biāo)簽作為查詢按鈕以及重置按鈕;
三、交互設(shè)置
選中查詢,添加交互【點(diǎn)擊時(shí)】添加【篩選】,設(shè)置篩選規(guī)則為:
[[((Item.field_1.indexOf(Name))>-1)&&(Sex==Item.field_2)]]
選中重置,添加交互【點(diǎn)擊時(shí)】設(shè)置姓名文本框?yàn)榭?,性別下拉列表為默認(rèn)的“請(qǐng)選擇”,同時(shí)移除所有篩選條件;
本文由@Sam 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash, 基于CC0協(xié)議。
評(píng)論
- 目前還沒(méi)評(píng)論,等你發(fā)揮!