Axure点击按钮显示查询列表操作实例

今天教大家Axure点击按钮显示查询列表操作实例，实现表与表之间的关联的本质是两表之间存在共同的数据项或者相同的数据项，axure点击查询显示列表具体步骤如下:

实例演示：https://527j00.axshare.com

所需原件：

• 中继器
• 文本框
• 下拉列表
• 文本标签

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

一、列表制作

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

二、查询设置

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

三、交互设置

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

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

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