axure商城

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

入门教程会分为 6 个小节,本节主要讲解如何实现中继器的数据查询

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

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

所需原件:

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

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


一、列表制作

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

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

二、查询设置

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

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

三、交互设置

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

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

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

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

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


更多内容,微信搜索“爱学儿”,一起交流探讨吧!

给TA打赏
共{{data.count}}人
人已打赏
基础教程

【Axure 教程】中继器入门教程-数据排序

2021-5-26 8:25:30

基础教程

Axure9教程:单元格中文本链接使用小技巧

2021-5-28 17:17:14

axure商城
4 条回复 A文章作者 M管理员
  1. 水利产品小新

    而且兄弟你为啥不用中文版呢?你在外企嘛

  2. 水利产品小新

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

    这句我试了,不太行。主要是性别(Sex==Item.field_2)这句有问题,我后来用加前提条件给他实现了。我用的axure9中文版

  3. 山核桃

    这只是呈现效果,哪里可以看到操作步骤?

    • SamDesigner

      您好,你需要结合中继器列表制作方法一起才能达到这个查询效果哦

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索