EasyUI 树型菜单 异步加载树

原创 2015年07月08日 08:33:45

问题描述:想用EasyUI实现树结构,点击加号时,展开的子节点不正确。

问题解决: 展开第一层节点和展开其他子节点一样,可以调用一个方法。当前节点的id能自动传到后台。

效果图:EasyUI树

关键代码: 后台是SpringMVC+mybatis+Spring,控制层代码如下:

	/**
	 * 加载子节点
	 * @param model
	 * @param pid
	 * @return
	 */
	@RequestMapping(value = "/getChildren")
	@ResponseBody
	public List<Menu> getChildren(Model model,HttpServletRequest request) {
		//System.out.println("父节点ID="+id);
		String id=request.getParameter("id");
		if(id==null){
			id="0";
		}
		List<Menu> data = menuService.getChildren(Integer.valueOf(id));
		return data;		
	}

上述返回json类型的数据到前台,格式为:

[{"id":1,"text":"系统菜单","state":"closed",pid:0},
{"id":2,"text":"管理员","state":"open",pid:1},
{"id":3,"text":"数据字典","state":"open",pid:1}]


前台调用的方法:

html部分:

<ul id="tree_menu" class="easyui-tree" >  </ul>


JS部分:

	//初始化方法
	$(function(){
		
		//加载全部节点
		$("#tree_menu").tree({
			 url: '<%=request.getContextPath() %>/manage/menu/getChildren',
			 animate:true,
			 lines:true,
	         onClick: function (node) {
	        	 //右侧跳转到指定页面
	        	addTab(node.text,node.menuUrl);    	
	             
	         }
		});
	});




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jquery-easyui中创建异步加载树

easyui中的树可以从标记中建立,也可以通过指定一个URL属性读取数据建立。如果想建立一棵异步树,需要为每个节点指定一个id属性值,这样在加载数据时会自动向后台传递id参数。 Html代码 <a t...

java_easyui体系之Tree的加载

摘要: 主要介绍如何实现三种Tree的初始化工作、并且重点叙述使用ajax动态加载树、以及初始化的时候展示全部树的结构。

EasyUI 树形菜单

树(tree)在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。 1、用法 (1)、树(tree)定义在 元素中。该标记可定义叶节点和子节点。节点将是 ul 列表...

为jquery-easyui 树添加,删除,修改树的节点

为jquery-easyui 树添加,删除,修改树的节点,可能有人会说操作完成以后刷新一下不就可以了吗。这种做法是可以,但是如果你的数据有很多,超过几万条。操作完成后在刷新会很慢,效率不高。我们这里要...

Easyui Tree对节点进行,添加,修改,删除操作

$(function(){ $("#contentCategory").tree({ url : '/content/category/list', anima...
  • Easzz
  • Easzz
  • 2016-12-13 14:36
  • 44321

Jquery实现无限级树状结构并动态添加增删改等编辑功能

打开演示地址 http://www.56gee.com/Detail/2012/04/11/8AEB74E423/ Jquery实现无限极树状结构并动态添加增删改等编辑功能——56...

EasyUI tree菜单添加、删除、保存

效果图: html代码: /easyui/themes/default/easyui.css"> /easyui/themes/icon.css"> /ea...

easyui menu tree 实现左侧菜单树

1.首先引入easyui 相关js和样式。 2.构建树      请求后台组装json数据格式。 封装菜单需要的几个基本属性。前台js接收返回的数据自动构建树! ...

easyui 生成 菜单结构树 02

上两篇博客,介绍了,为啥js 拼接html ,为啥不能生成正确的菜单树。 也写了 通过js 来 拼接的方法。 下面说一下,正确的生成 菜单树 的方法。 先说页面,页面配置很简单。 就是在 jsp 中,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)