java easyUI 做的树 这问题怎么解决

发布于 2021-11-26 08:00:45 字数 0 浏览 942 评论 7

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

琴流音 2021-12-01 21:05:23

主要是老大让用easyUI 要不早用ztree 了 找到原因了正在想办法解决

别低头,皇冠会掉 2021-12-01 17:38:52
<%@ 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>
	<base href="<%=basePath%>">
	
	<title>Hadoop后台管理</title>
   
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="common/easyui/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="common/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="common/easyui/themes/color.css">
	<link rel="stylesheet" type="text/css" href="common/easyui/demo/demo.css">
	<script type="text/javascript" src="common/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="common/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		//获取Menu菜单的数据,并格式化
		function getMenuData(){
			var menuData = null;
			var menus = [];
			$.ajax({
				url:"MenuController/loadMenuInfo.do",
				async:false,
				dataType:"json",
				success:function(data){
					menuData = data;
				}
			});
			var menu = menuDataFormat(menus, menuData);
			return menu;
		}
		/**
		* 格式化menudata,否则easyui无法识别
		*/
		function menuDataFormat(menus, menuData, treeHeight, deepth){
			if(!deepth){
				deepth = 1;
			}else{
				if(deepth > treeHeight) return menus;
				deepth ++;
			}
			if(!treeHeight){
				treeHeight = 3;
			}
			if(deepth == 1){	//获取一级菜单
				$(menuData).each(function(){
					if(this['PARENT_ID'] == 0){
						menus.push({
							"text":this['TEXT'],
							"menu_id":this['ID'],
							"attributes":{
								"url":this['URL']
							}
						});
					}
				});
				return menuDataFormat(menus, menuData, treeHeight, deepth);
			}else{
				$(menus).each(function(){
					var menu = this;
					$(menuData).each(function(){
						if(!menu['children']){
							menu['children'] = [];
						}
						if(menu['menu_id']==this['PARENT_ID']){
							menu['children'].push({
								"text":this['TEXT'],
								"menu_id":this['ID'],
								"attributes":{
									"url":this['URL']
								}
							});
						}
					});
					if(menu['children'] && menu['children'].length !=0){
						menu['children'] = menuDataFormat(menu['children'], menuData, treeHeight, deepth);
					}
				});
				return menus;
			}
		}
		
		//初始化页面
		function init(){
			$("#main").layout({
				fit:true
			});
			//添加菜单栏
			$('#main').layout('add',{
				id:"left",
			    region: 'west',
			    width: 200,
			    title: '菜单',
			    split: true
			});
			$("#left").append($('<div id="menu"></div>'));
			$("#menu").tree({
				data:getMenuData(),
				onClick:function(node){
					if(node.attributes && node.attributes.url){
						$("#main").layout("panel","center").panel('refresh',node.attributes.url);
					}
				}
			});
			//主页面
			$('#main').layout('add',{
				id:"center",
			    region: 'center',
			    title: '主页',
			    href:'welcome.html'
			});
		}
		
		$().ready(function(){
			init();	
		});
	</script>
</head>
	
<body>
	
	<div id="main"></div>
</body>
</html>

沦落红尘 2021-12-01 15:26:52

最好别用easyui里的树,直接用
#zTree#

贱贱哒 2021-12-01 07:28:49

不是这个属性的原因试过了 

剑心龙吟 2021-11-30 21:48:42

“文件夹‘上有个属性 好像叫state 可以设置默认状态

closed 关闭 open 打开 默认是open

谁的新欢旧爱 2021-11-28 16:06:30

就是他的子会在下面直接显示出来怎么解决

少女净妖师 2021-11-27 19:54:03

什么问题啊,这问题问得,你在考验大家F12的能力吗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文