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