ztree在实际项目中的运用

1．引入文件

<script type="text/javascript"src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/js/ztree/jquery.ztree.core-3.5.js"></script><script type="text/javascript"src="${pageContext.request.contextPath}/js/ztree/jquery.ztree.excheck-3.5.js"></script>2.从后台取数据在前台页面加载

<script type="text/javascript">//初始化通过异步加载权限树数据$(function() {$.ajax({url : "privlegeCheckList?roleId=${roleId}",type : "post",dataType : "json",success : initZtree});});//树的参数设置var setting = {check : {enable : true},data : {simpleData : {enable : true,idKey : "id",pidKey : "pId"}}};//初始化权限树function initZtree(json) {var treeObj = $.fn.zTree.init($("#tree"), setting, json);}</script>3.提交权限数据到后台

<script type="text/javascript">//初始化通过异步加载权限树数据$(function() {$.ajax({url : "privilegeList",type : "post",dataType : "json",success : initZtree});});//树的参数设置var setting = {check : {enable : true},data : {simpleData : {enable : true,idKey : "id",pidKey : "pId"}}};//提交到后台的权限IDfunction submitCheckedNodes(treeNode) {var nodes = new Array();//取得选中的结点nodes = zTreeObj.getCheckedNodes(true);var str = "";for (i = 0; i < nodes.length; i++) {if (str != "") {str += ",";}str += nodes[i].id;}//前端非空校验var roleName = $("#roleName").val();if (roleName == null || roleName == '') {$.jBox.tip("角色名不允许为空", "提示信息");return false;}if (str == null || str == '') {$.jBox.tip("角色必须勾选权限", "提示信息");return false;}var roId = $("#privilegeContent").attr("value", str);this.addRoleSon();}function addRoleSon() {$.ajax({type : "post",url : "addRole",data : $("#addRoleForm").serialize(),success : function(text) {parent.location.reload();}});}//初始化权限树function initZtree(json) {zTreeObj = $.fn.zTree.init($("#tree"), setting, json);}</script>

，学会技能是小智慧，学会做人是大智慧。