一、单条件:部门查询文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
1、添加中继器数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
将准备好的数据复制到中继器数据栏,通过中继器【每项加载】函数添加所有数据到列表中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
2、添加部门下拉列表查询条件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
根据数据列中的部门信息添加部门下拉列表选项。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
3、实现部门下拉列表筛选效果。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
(1)使用下拉列表函数【选项改变时】,添加筛选。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
4、效果文章源自菜鸟学院-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
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
2、设置岗位下拉框交互动作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
多条件进行筛选时,一定要取消勾选【移除其他筛选】复选框,否则就不能实现筛选的数据既能满足部门条件又能满足岗位条件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
3、效果展示文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-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
文章源自菜鸟学院-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
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
3、效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/35981.html