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

最新推荐文章于 2021-08-22 16:03:25 发布

streamcc

最新推荐文章于 2021-08-22 16:03:25 发布

阅读量8.9k

点赞数

分类专栏： jQuery_js 文章标签： json struts ajax stylesheet string

本文链接：https://blog.csdn.net/streamcc/article/details/8014672

版权

jQuery_js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

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

1、JSP:

<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=gb2312" errorPage=""%>
<%@ page import="com.dev.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="提交" οnclick="submitCheckedNodes()" />
		</form>
	</body>
</html>

2、Action:

package com.dev.action;

import java.util.ArrayList;
import com.opensymphony.xwork2.ActionSupport;
import com.dev.iservice.systemmanage.impl.PermService;
import com.dev.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());
				//TODO 根据已有的权限，实现是否勾选				

				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:

	<package name="sysManage" namespace="/systemManage"
		extends="struts-default,json-default">
		<action name="permTreeAction" class="com.dev.action.RoleAction" method="searchPermTree">
			<result type="json"></result>
		</action>
		
	</package>

3、如果要让zTree初始化：

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

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

streamcc

关注

0
点赞
踩
8

收藏

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

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

扫一扫

专栏目录