ZTree+Struts2+ajax+json实现checkbox权限树

最新推荐文章于 2024-07-08 03:46:51 发布

光着脚丫数星星

最新推荐文章于 2024-07-08 03:46:51 发布

阅读量827

点赞数

分类专栏： Web前端文章标签： jquery ztree 动态树

Web前端专栏收录该内容

47 篇文章 0 订阅

订阅专栏

zTree的插件可以在网上下载：http://www.ztree.me/v3/main.php#_zTreeInfo

参考了一些资料后，写的一个权限树（直接上代码）：

1、JSP:

[html]view plaincopy 
   
 <%@ page language="java" import="java.util.*"  
     contentType="text/html; charset=gb2312" errorPage=""%>  
 <%@ page import="com.whu.model.baseinfo.*"%>  
 <%@ taglib uri="/struts-tags" prefix="s"%>  
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html>  
     <head>  
         <title>CheckTree v 0.2 by JJ Geewax</title>  
   
         <link rel="stylesheet" href="../js/JQuery zTree v3.3/css/demo.css"  
             type="text/css" />  
         <link rel="stylesheet"  
             href="../js/JQuery zTree v3.3/css/zTreeStyle/zTreeStyle.css"  
             type="text/css" />  
   
         <script type="text/javascript"  
             src="../js/JQuery zTree v3.3/js/jquery-1.4.4.min.js">  
 </script>  
         <script type="text/javascript"  
             src="../js/JQuery zTree v3.3/js/jquery.ztree.core-3.3.js">  
 </script>  
         <script type="text/javascript"  
             src="../js/JQuery zTree v3.3/js/jquery.ztree.excheck-3.3.js">  
 </script>  
   
   
         <script type="text/javascript">  
 var zTreeObj;  
 var setting = {  
     check : {  
         enable : true  
     },  
     data : {  
         simpleData : {  
             enable : true  
         }  
     }  
 };  
   
 $(document).ready(function() {  
     $.ajax( {  
         url : "../systemManage/permTreeAction.action",  
         type : "get",  
         dataType : "json",  
         success : initZtree  
     });  
 });  
   
 function initZtree(json) {  
     var data = (json.permString);  
     var zNodes = eval("(" + data + ")");  
     zTreeObj = $.fn.zTree.init($('#kpiTree'), setting, zNodes);  
 }  
   
 function 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;  
     }  
     alert(str);  
 }  
 </script>  
   
   
     </head>  
   
   
     <body>  
         <form action="" name="checkForm" method="post">  
             <div>  
                 <ul id="kpiTree" class="ztree"></ul>  
             </div>  
             <input type="button" value="提交" onclick="submitCheckedNodes()" />  
         </form>  
     </body>  
 </html>  

2、Action:

[java]view plaincopy 
   
 package com.whu.action;  
   
 import java.util.ArrayList;  
 import com.opensymphony.xwork2.ActionSupport;  
 import com.whu.iservice.systemmanage.impl.PermService;  
 import com.whu.model.baseinfo.PermModel;  
 public class RoleAction extends ActionSupport {  
   
     /** 
      *  
      */  
     private static final long serialVersionUID = 1L;  
   
     private IRoleService roleService = new RoleService();  
   
     private String permString;  
   
   
     public String getPermString() {  
         return permString;  
     }  
   
     public void setPermString(String permString) {  
         this.permString = permString;  
     }  
   
     public String searchPermTree() {  
           
         try {  
             ArrayList<PermModel> plist = new ArrayList<PermModel>();  
             plist = (ArrayList<PermModel>) new PermService().findAllPerms();//获取所有权限  
                             //拼成 json 字符串  
             StringBuilder sb = new StringBuilder();  
             int size = plist.size();  
             sb.append("[");  
             for (PermModel m : plist) {  
                 size--;  
                 sb.append("{id:\"");  
                 sb.append(m.getPermid());  
                 sb.append("\",pId:\"");  
                 sb.append(m.getParentid());  
                 sb.append("\",name:\"");  
                 sb.append(m.getPermname());  
                 //根据已有的权限，实现是否勾选，我用的是二分查找                 
   
                 sb.append("\"}");  
                 if (size > 0) {  
                     sb.append(",");  
                 }  
             }  
             sb.append("]");  
   
             this.permString = sb.toString();  
         } catch (Exception e) {  
             // TODO Auto-generated catch block 50.  
             e.printStackTrace();  
         }  
         return SUCCESS;  
   
     }  
   
 }  

struts.xml:

[html]view plaincopy 
   
 <package name="sysManage" namespace="/systemManage"  
     extends="struts-default,json-default">  
     <action name="permTreeAction" class="com.whu.action.RoleAction" method="searchPermTree">  
         <result type="json"></result>  
     </action>  
       
 </package>  

3、如果要让zTree初始化：

则在拼成 json 字符串的时候，添加：

sb.append("\",checked:\"");sb.append(true);

4、效果图：

转载地址:http://blog.csdn.net/streamcc/article/details/8014672

光着脚丫数星星

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ZTree+Struts2+ajax+json实现checkbox权限树

zTree的插件可以在网上下载：http://www.ztree.me/v3/main.php#_zTreeInfo参考了一些资料后，写的一个权限树（直接上代码）：1、JSP:[html] view plaincopy%@ page language="java" import="java.util.*" content
复制链接

扫一扫

专栏目录