【Axure 教程】中繼器入門(mén)教程-列表查詢

Sam
0 評(píng)論 6706 瀏覽 7 收藏 3 分鐘

編輯導(dǎo)讀:當(dāng)工作中需要進(jìn)行列表查詢操作時(shí),我們可以如何使用Axure來(lái)進(jìn)行相關(guān)操作呢?本篇文章里,作者利用中繼器為我們展示了列表查詢操作,讓我們一起來(lái)看一下。

原型展示:https://527j00.axshare.com

所需原件:

  1. 中繼器
  2. 文本框
  3. 下拉列表
  4. 文本標(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é)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!