【Axure 教程】中继器入门教程-列表查询

Sam
0 评论 6727 浏览 7 收藏 3 分钟

编辑导读:当工作中需要进行列表查询操作时,我们可以如何使用Axure来进行相关操作呢?本篇文章里,作者利用中继器为我们展示了列表查询操作,让我们一起来看一下。

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

所需原件:

  1. 中继器
  2. 文本框
  3. 下拉列表
  4. 文本标签

本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何实现中继器的数据查询。

一、列表制作

这里我们直接引用课程 【Axure 教程】中继器入门教程-列表制作 中制作的列表,快速修改表头和中继器数据后,得到一个列表,如上图;

二、查询设置

拖入文本框和下拉文本作为姓名和性别的查询条件;并以文本标签作为查询按钮以及重置按钮;

三、交互设置

选中查询,添加交互【点击时】添加【筛选】,设置筛选规则为:

[[((Item.field_1.indexOf(Name))>-1)&&(Sex==Item.field_2)]]

选中重置,添加交互【点击时】设置姓名文本框为空,性别下拉列表为默认的“请选择”,同时移除所有筛选条件;

 

本文由@Sam 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash, 基于CC0协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!