权限系统--组织机构管理

        为什么要先写组织机构呢，其实没有为什么，先写什么都是可以的

一：界面展示（仅仅是组织机构）

组织机构管理主界面：

添加界面：

修改界面：

二：主要难点

1.easyUi数据格的初始化与分页：

可以查看我之前写的一篇，里面包含了数据格在后台的数据的处理以及运用pageHelper进行分页的详细介绍。

点击打开链接

2：easyUi tree 以及combotree 的初始化：

tree的初始化可以从两个方面入手，可以从前台进行处理（公司用的是，全部是js对原来的组件进行方法的重写，本人对js不是很熟悉，对其原理实在是懵逼），再就是从后台进行相应json格式的拼写，可以参考这位大神的文章进行处理。点击打开链接，我相信看看文章加上动动手就能做出来，结合自己的实际需求整合到自己的代码中。

置于coobotree呢，其实和tree的数据格式是一样的，区别就在于不同组件的初始化的代码不一致。

3：修改时combotree的回显

只要在给组件赋值之前对combotree进行初始化就可以了

4：点击树时，会对数据进行过滤，查询点击节点的下的组织机构

//点击树
		$('#deptTree').tree({
			onClick : function(node) {
				initGrid(node.deptId,'1','10');
			}
		});
//去除刷的点击选择状态
function undoSelTreeNode() {
		var treeNode = $('#deptTree').tree('getSelected');
		if (treeNode) {
			$('#deptTree').tree('unselect', treeNode);
			initGrid('', '1', '10');
		}
	}

三：总结

其实单独的把权限关系的每张表拿出来维护是很简单的