Axure9中继器教程:数据行条件查询

2023-04-1911:05:27原型设计Comments1,099 views字数 591阅读模式

一、单条件:部门查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

1、添加中继器数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

将准备好的数据复制到中继器数据栏,通过中继器【每项加载】函数添加所有数据到列表中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

2、添加部门下拉列表查询条件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

根据数据列中的部门信息添加部门下拉列表选项。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

3、实现部门下拉列表筛选效果。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(1)使用下拉列表函数【选项改变时】,添加筛选。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

4、效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

二、多条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

1、添加【岗位】条件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

2、设置岗位下拉框交互动作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

多条件进行筛选时,一定要取消勾选【移除其他筛选】复选框,否则就不能实现筛选的数据既能满足部门条件又能满足岗位条件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

3、效果展示文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

三、多条件联动查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

想要实现部门和岗位联动的效果,需要借助动态面板+情形来实现。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

1、设置岗位下拉框为动态面板文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(1)将岗位下拉框右键转化为动态面板。双击进入动态面板,将state1重命名为全部。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(2)添加state2,更名为产品研发部,将state1中的下拉框整体复制过来,双击进入下拉框选项编辑框,去掉行政部所属的岗位。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(3)同理,添加state2,并将产品研发部所属的岗位去掉。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(4)退出动态面板,将动态面板命名为岗位-动态面板。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

2、设置部门下拉框动作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(1)根据部门的数量添加N+1个情形。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(2)当前被选项(部门下拉框)选项值为全部时,设置岗位动态面板的状态为全部状态。并且移除所有的筛选条件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

(3)其他部门值时,设置岗位动态面板到对应的部门下属岗位状态,移除所有的筛选条件,并添加该部门筛选条件到中继器。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

3、效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

Axure9中继器教程:数据行条件查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/35981.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定