在很多的ERP或者OA项目中,通常会有对用户信息管理。在用户管理者,用户可以通过点击左侧的部门树,实现对表格信息内的数据进行刷新。获得点击树节点所属部门的用户信息。
左侧的部门树,用的是非常流行的树插件ztree。遍历出来的表格信息用的是Jqgrid(用其他的效果也一样,并不影响)。
实际效果直接上效果图:
当进入用户管理界面查询出所有的用户信息:
点击西湖供电所树节点效果图:
点击变电所2树节点展示的效果图:
具体代码如下:
user.js 关于左侧导航树代码:
//左侧树
//所属部门树节点的点击事件
// getSelectedNodes 获取被选中的节点
function deptTreeFn() {
var nodeId = ztre.getSelectedNodes()[0].deptId;
$("#jqGrid").jqGrid(‘setGridParam’, {
datatype: ‘json’,
postData: {‘deptId’: nodeId}
}).trigger(“reloadGrid”