jQuery easyui 树形菜单

最新推荐文章于 2023-05-12 14:16:59 发布

旷野历程

最新推荐文章于 2023-05-12 14:16:59 发布

阅读量654

点赞数

分类专栏： Other

本文链接：https://blog.csdn.net/xhaimail/article/details/45076729

版权

Other 专栏收录该内容

69 篇文章 7 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<base href="<%=basePath%>" />
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script type="text/javascript">

	function convert(rows){
		function exists(rows, parentId){
			for(var i=0; i<rows.length; i++){
				if (rows[i].areaId == parentId) return true;
			}
			return false;
		}
		var nodes = [];
		// get the top level nodes	获得最高级别的节点
		for(var i=0; i<rows.length; i++){
			var row = rows[i];
			if (!exists(rows, row.parentId)){
				nodes.push({
					id:row.areaId,
					text:row.areaName
				});
			}
		}
		var toDo = [];
		for(var i=0; i<nodes.length; i++){
			toDo.push(nodes[i]);
		}
		while(toDo.length){
			var node = toDo.shift();	// the parent node	父节点
			// get the children nodes	获得子节点
			for(var i=0; i<rows.length; i++){
				var row = rows[i];
				if (row.parentId == node.id){
					var child = {id:row.areaId,text:row.areaName};
					if (node.children){
						node.children.push(child);
					} else {
						node.children = [child];
					}
					toDo.push(child);
				}
			}
		}
		return nodes;
	}
	//树型在此处执行
	$(function(){
		$('#district').tree({//数节点的初始化加载
			url: 'areaDictionary/findAllJosn.action',
			loadFilter: function(rows){
				return convert(rows);
			},
			onClick: function(node){
				$('#gridShow').datagrid({
					url:'orgGoodsIn/district_information.action?areac.areaId='+node.id  
				}); 
			}
		});
	});
	
	
</script>
</head>
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
<div region="west" split="true" title="地区结构树" style="width: 180px;" id="west">
	<ul id="district"></ul>
</div>
    
</body>
</html>

后台：
	
	/**
	 * 树型菜单 查询所有
	 */
	public String findAll(){
		citiesAndTownsList=areaDictionaryBiz.findAll();
		return "success";
	}
	
Struts配置：
	<action name="findAllJosn" class="areaDictionaryAction" method="findAll">
		<result name="success" type="json">
			<param name="root">citiesAndTownsList</param>
		</result>
</action>

旷野历程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery easyui 树形菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...
复制链接

扫一扫