当前位置:首页软件开发Java → 使用zTree加载角色信息

使用zTree加载角色信息

时间:2019-04-01 14:18:54来源:互联网我要评论(0)

最近在做一个将用户,角色,权限关联查询的功能,其中需要根据角色的id查询出该角色拥有的所有的权限,然后使用zTree控件进行展示数据思路如下
先要引入zTree的JS文件和样式,这个不通用,根据需要自己引入相应的zTree的js文件和样式文件

<link rel="stylesheet" href="${ctx}/static/plugin/ztree/css/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="${ctx}/static/plugin/ztree/js/jquery.ztree.all-3.5.min.js"></script>


JSP页面

<script> 
	var zNodes = ${authJson}; 
</script>


setting:zTree的属性

var setting = {
	check: {
		enable: true
	},
	data: {
		simpleData: {
			enable: true
		}
	}
};


zNodes:要加载的数据

使用以下方法加载:

var zTree;
$(document).ready(function(){
	$.fn.zTree.init($("#ztree"), setting, zNodes);
	zTree = $.fn.zTree.getZTreeObj("ztree")
});


根据角色id,获取权限ztree,并且默认选中对应的权限

function getAuthTreeByRole(roleid){
	$("#editAuthRoleId").val(roleid);
	$.post(webContext + "/platform/role/getAuthTreeByRole/"+roleid,function(data){
		//先删除原有的树结构
		$.fn.zTree.destroy("ztree");
		
		//根据获取的信息创建新的
		zNodes = jQuery.parseJSON(data);
		$.fn.zTree.init($("#ztree"), setting, zNodes);
		zTree = $.fn.zTree.getZTreeObj("ztree");
	});
}


以上代码只是提供思路,不能直接粘贴运行,如有疑问,期待你的回复交流

相关文章

网友评论

热门评论

最新评论

发表评论 查看所有评论()

昵称:
表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
字数: 0/500 (您的评论需要经过审核才能显示)

关于万荚 | 联系方式 | 发展历程 | 版权声明 | 帮助(?) | 网站地图 | 友情链接

Copyright 2005-2019 16WJ.COM 〖万荚网〗 版权所有 桂ICP备18000060号 |

声明: 本站所有文章来自互联网 如有异议 请与本站联系