Axure9中继器教程:数据行条件查询
一、单条件:部门查询
1、添加中继器数据
将准备好的数据复制到中继器数据栏,通过中继器【每项加载】函数添加所有数据到列表中。
2、添加部门下拉列表查询条件。
根据数据列中的部门信息添加部门下拉列表选项。
3、实现部门下拉列表筛选效果。
(1)使用下拉列表函数【选项改变时】,添加筛选。
4、效果
二、多条件查询
1、添加【岗位】条件
2、设置岗位下拉框交互动作
多条件进行筛选时,一定要取消勾选【移除其他筛选】复选框,否则就不能实现筛选的数据既能满足部门条件又能满足岗位条件。
3、效果展示
三、多条件联动查询
想要实现部门和岗位联动的效果,需要借助动态面板+情形来实现。
1、设置岗位下拉框为动态面板
(1)将岗位下拉框右键转化为动态面板。双击进入动态面板,将state1重命名为全部。
(2)添加state2,更名为产品研发部,将state1中的下拉框整体复制过来,双击进入下拉框选项编辑框,去掉行政部所属的岗位。
(3)同理,添加state2,并将产品研发部所属的岗位去掉。
(4)退出动态面板,将动态面板命名为岗位-动态面板。
2、设置部门下拉框动作。
(1)根据部门的数量添加N+1个情形。
(2)当前被选项(部门下拉框)选项值为全部时,设置岗位动态面板的状态为全部状态。并且移除所有的筛选条件。
(3)其他部门值时,设置岗位动态面板到对应的部门下属岗位状态,移除所有的筛选条件,并添加该部门筛选条件到中继器。
3、效果
THE END