最近需要做一个zTree+EasyUi的权限管理系统，以前有过接触，在做这一块时，用到了ztree，树来加载咱们的菜单栏，后台获取登录用户信息的权限列表，转换成json对象来加载到咱们的树当中，代码如下：

　　　　

$(function(){

			var title ;

			var url;

				var setting = {

					data: {

							simpleData: {

								enable: true,

								idKey:"id",

								pIdKey:"pid"

							},

							key: {

								name: "pname",

								url:"_"

							},

							keep: {

								leaf: false

							}

						},

						callback: {

							onClick: zTreeOnClick

						}

				};

			var zNodes ;

			$.ajax({

	  				async:false,

	  				url:"<%=path%>/power/getPower.action?uid="+1,

	  				type:"post",

	  				data:{},

	  				dataType:"json",

	  				success:function (obj){

	  					zNodes = obj;

	  				}

	  			});
}
加载玩树之后。因为数据库里的每个权限都带有一个URL的地址，

　

在不做处理的情况下，树节点会自动加载出来，以至于，我们每一次点击例如角色分配这些节点，会重新生成一个新的窗口，后来经百度，查看ztree的api




你会发现人家早就想到了这一点，来实现这个效果，那么， 我们就可以运用到自己的ztree当中了，




只需要配置一个空的或者无用的连接就可以了，




那么，我要的效果就可以展示出来了，希望写这一小段可以帮助到，港开始接触朋友们，谢谢，如需转载，请注明出处，旺仔搬砖在此深刻感谢！


整个jsp页面如下：




<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  </head>

    <base href="<%=basePath%>">

    <title>M_xw</title>

	<link rel="stylesheet" type="text/css" href="<%=path%>/jquery-easyui-1.5/themes/icon.css">

    <link rel="stylesheet" type="text/css" href="<%=path%>/jquery-easyui-1.5/themes/default/easyui.css">

	<link rel="stylesheet" href="<%=request.getContextPath() %>/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"></link>

	<script type="text/javascript" src="<%=path%>/css/jquery-1.7.js"></script>

	<script type="text/javascript" src="<%=path%>/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>

	<script type="text/javascript" src="<%=path%>/jquery-easyui-1.5/jquery.easyui.min.js"></script>

  	<script type="text/javascript" src="<%=request.getContextPath() %>/zTree/js/jquery.ztree.core.js"></script>

	<script type="text/javascript" src="<%=request.getContextPath() %>/zTree/js/jquery.ztree.excheck.min.js"></script>

  	<script type="text/javascript">

	$(function(){

			var title ;

			var url;

				var setting = {

					data: {

							simpleData: {

								enable: true,

								idKey:"id",

								pIdKey:"pid"

							},

							key: {

								name: "pname",

								url:"_"

							},

							keep: {

								leaf: false

							}

						},

						callback: {

							onClick: zTreeOnClick

						}

				};

			var zNodes ;

			$.ajax({

	  				async:false,

	  				url:"<%=path%>/power/getPower.action?uid="+1,

	  				type:"post",

	  				data:{},

	  				dataType:"json",

	  				success:function (obj){

	  					zNodes = obj;

	  				}

	  			});

			$(document).ready(function(){

				$.fn.zTree.init($("#treeDemo"), setting, zNodes);

			});

		});

		function zTreeOnClick(event, treeId, treeNode){

			var title=treeNode.name;

			var url=treeNode.url;

		     	      var b = $("#tt").tabs("exists",title);

		     	       if(b){

		     	         var tab =  $("#tt").tabs("select",title);

		     	          $('#tt').tabs('update', {

									tab: tab,

									options: {

									//	title: title,

									},

								});

		     	       }else{

				     	     $('#tt').tabs('add',{

								title: title,

								href:url,

								closable: true

							});

		      	       }

		}

  	function a(url){

  		alert(url);

  	}

  	</script>

  <body class="easyui-layout">

        <div data-options="region:'north',title:'North Title',split:true" style="height:100px;">

        			<h3 style="margin-left: 500px;">欢迎进入学院管理平台</h3>

		        	<a href="" style="float: right; ">修改密码</a>

		        	<a href="" style="float: right;  margin-left: 200px; padding-left: 200px;">点击注销</a>

        </div>

        <div data-options="region:'east',title:'East',split:true" style="width:100px;"></div>

        <div data-options="region:'west',title:'West',split:true" style="width:100px;">

        		<ul class="ztree" id="treeDemo"></ul>

  				<input type="button" value="提交" id="btn" />

        </div>

        <div data-options="region:'center',title:'center title'"  style="padding:5px;background:#eee;">

			<div data-options="region:'center',title:'列表展示',iconCls:'icon-add'"></div>

	         <div id="tt" class="easyui-tabs"  url="<%=path%>/power/ct.action" data-options="fit:true,border:false,plain:true">

	         </div>

        </div>

  </body>

</html>





　　
												


											
zTree+EasyUi做权限遇到的小问题的更多相关文章
	

    
								
  1. ASP.NET MVC+EF框架+EasyUI实现权限管理系列
		
    http://www.cnblogs.com/hanyinglong/archive/2013/03/22/2976478.html ASP.NET MVC+EF框架+EasyUI实现权限管理系列之开 ...
    
		
    2. 
						
  2. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(14)-主框架搭建
		
    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(14)-主框架搭建    ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2 ...
    
		
    3. 
						
  3. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(13)-权限设计
		
    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(13)-权限设计 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据 ...
    
		
    4. 
						
  4. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(12)-实现用户异步登录和T4模板
		
    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(12)-实现用户异步登录和T4模板 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建  ...
    
		
    5. 
						
  5. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(10)- VSS源代码管理
		
    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(10)- VSS源代码管理 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    ( ...
    
		
    6. 
						
  6. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(9)-TT模板的学习
		
    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(9)-TT模板的学习 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2): ...
    
		
    7. 
						
  7. ASP.NET MVC+EF框架+EasyUI实现权限管理系列之开篇
		
    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列之开篇 前言:博客又有一段时间没有更新了,心里感觉这段时间空空的,好像什么都没有学下,所以就想写博客,所以就有了这个系列,这里当然也 ...
    
		
    8. 
						
  8. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(24)-权限组的设计和实现(附源码)(终结)
		
    ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo    (3):面向接口编程   (4 ):业务逻辑层的封装    ...
    
		
    9. 
						
  9. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(22)-为用户设置角色
		
    ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo    (3):面向接口编程   (4 ):业务逻辑层的封装    ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. CentOS6.5中配置Rabbitmq3.6.6集群方案
			
    一.安装Erlang环境 1.下载erlang源代码 wget http://erlang.org/download/otp_src_19.1.tar.gz 2.安装依赖相关库文件 yum insta ...
    
			
    2. 
						
  2. linux组、用户操作相关
			
    Linux删除用户组和用户时常用的一些命令和参数.1.从组中删除用户编辑/etc/group 找到GROUP1那一行,删除 A或者用命令gpasswd -d A GROUP2.建用户:adduser  ...
    
			
    3. 
						
  3. PL/SQL EO 设计与开发
			
    1.INSERT 调用PL/SQL 去insert的时候,没有使用super(),此时应当自己创建callable statement: 调用checkErrors()方法在执行 callable s ...
    
			
    4. 
						
  4. hdu4044 GeoDefense
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4044 题意:一个树上的塔防游戏.给你n个结点的树,你要在树结点上建塔防御,在第 i 个结点上有 ki  ...
    
			
    5. 
						
  5. EF外键关联
			
    客户里面存在客服外键 基类模型 public class ModelBase { public ModelBase() { CreateTime = DateTime.Now; } [Key] pub ...
    
			
    6. 
						
  6. db2 重启
			
    DB2重启数据库实例时,有时停止实例会失败,此时需要先确认没有应用链接数据库,然后再关闭数据库实例,并重新启动. 1.查看是否有活动的链接 命令:db2 list applications for d ...
    
			
    7. 
						
  7. CUDA代码的高亮设置
			
    以下基于"WIN7(64位)+Visual Studio 2010+CUDA7.5". 语法高亮除了看起来舒服之外,还可以使用F11寻找函数.变量定义,输入函数的时候也会有相应的提 ...
    
			
    8. 
						
  8. [转] Android 4.4中播放HTML5视频<video>的Bug
			
    近期Nexus 4手机自动升级到Android4.4,本来挺好的一件事儿,结果发现自己的应用中出现一个Bug,应用中使用了Webview播放HTML5视频,代码如下: <video width= ...
    
			
    9. 
						
  9. Xcode中给控件添加颜色时自动显示出颜色
			
    在iOS开发中,给一些控件设置颜色的时候,设置完不能立马看到颜色.必须要运行程序之后才能看到设置的颜色,如果颜色有偏差再回代码改参数,然后再运行看颜色很是麻烦.令人高兴得是Xcode有很多功能强大插件 ...
    
			
    10. 
						
  10. Miller_Rabin素数测试
			
    #include<iostream> #include<cmath> #include<cstdio> #include<cstring> #inclu ...
    
			
    11.