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);    	
	             
	         }
		});
	});




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

SpringMVC + EasyUI 异步树

关于异步树以前用过:Struct2 + JQuery Ztree,最新项目需要用 SpringMVC + EasyUI 生成异步树,玩了一下,特将解决方法汇报如下:        首先,使用是Easy...

jquery-easyui中创建异步加载树

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

jQuery EasyUI-异步树后台代码与数据库设计

easyui的异步树创建很简单,只需要指定一个获取树的JSON数据的URL地址就可以了,API是这样写的:异步树后台代码设计方式有很多种,我说下我的设计。数据库表设计Tree表 先来解释下每个字段的...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

easyui的combotree同步树和异步树实现方法

1 异步树 $("#"+treeId).combotree({ url : treeUrl, panelWidth:'200', onClick : function(node) {    onBef...

EasyUI实现异步加载Tree

Html内容:   js内容: $('#taskTree').tree({ checkbox: false, url: url, animate:true, ...

easyUI同步树的详解

easyUI同步树的详解

Easy UI的树形菜单的异步加载

新手菜鸟,上个星期工作需求才学习使用了easyUI,学习的过程走了很多弯路。就想着写个笔记,自己回忆起来容易,以后的新鸟看了也能快速上手。求大神勿喷!    easy ui是别人写好的框架,要使用别...

jquery easyui实现树形(Tree)菜单点击,在content页生成Tab功能

一:首先看下功能的界面 二:jsp页面 Hbase数据查询 数据查询 ...

轻松学习jQuery插件EasyUI EasyUI创建树形菜单

一、EasyUI使用标记创建树形菜单 一个树形菜单(Tree)可以从标记创建。easyui 树形菜单(Tree)也可以定义在 元素中。无序列表的 元素提供一个基础的树(Tree)结构。每一个 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EasyUI 树型菜单 异步加载树
举报原因:
原因补充:

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