简单的 ztree

最新推荐文章于 2024-07-27 04:08:21 发布

拿稳自己再说话

最新推荐文章于 2024-07-27 04:08:21 发布

阅读量168

点赞数

文章标签： ztree

本文链接：https://blog.csdn.net/qq_43867559/article/details/86492623

版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEnc`在这里插入代码片`oding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="zTree_v3/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="zTree_v3/js/jquery.ztree.core.js"></script>

<script type="text/javascript">
function zTreeOnClick(event, treeId, treeNode) {
	   if(treeNode.isParent){
		   zTreeObj.expandNode(treeNode);在这里插入代码片
	   }else{
		   parent.frames["goudan"].location = treeNode.address;
	   }
	};
	
	var setting = {
		callback: {
			onClick: zTreeOnClick
		},
		data: {
			simpleData: {
				enable: true,
				idKey: "mid",
				pIdKey: "pid",
				rootPId: 0
			}
		}
	};

$(document).ready(function(){
	$.post("getMenu.do",{},function(data){
		zTreeObj = $.fn.zTree.init($("#tree"), setting, data);
	},"json")
	

});
</script>
</head>
<body>

<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
</body>
</html>