0 0

zTree 动态生成左侧菜单问题20

项目框架:springMVC。
zTree 版本:3.5
问题:左侧menuTree加载时只能显示父亲节点,pId为零的节点,点击父节点 打开不了子节点。

页面代码:
<SCRIPT type="text/javascript">
		<!--
		var curMenu = null, zTree_Menu = null;
		var treeNodes=null;
		var setting = {
		
			async:{
				enable:true,
				dataType: "text",
				autoParam:["id","pId"],
				type:"post",
				url:"/BIAoa/menu/menuTree.bia"
			},
			data: {
				simpleData: {
					enable: true,
					idKey: "id",
					pIdKey: "pId",
					rootPId: 0,
				}
			},
			callback: {
				onNodeCreated: this.onNodeCreated,
				beforeClick: this.beforeClick
			},
			view: {
				showLine: true,
				selectedMulti: false,
				dblClickExpand: false
			}
		};
		function beforeClick(treeId, node) {
			if (node.isParent) {
				if (node.level === 0) {
					var pNode = curMenu;
					while (pNode && pNode.level !==0) {
						pNode = pNode.getParentNode();
					}
					if (pNode !== node) {
						var a = $("#" + pNode.tId + "_a");
						a.removeClass("cur");
						zTree_Menu.expandNode(pNode, false);
					}
					a = $("#" + node.tId + "_a");
					a.addClass("cur");

					var isOpen = false;
					for (var i=0,l=node.children.length; i<l; i++) {
						if(node.children[i].open) {
							isOpen = true;
							break;
						}
					}
					if (isOpen) {
						zTree_Menu.expandNode(node, true);
						curMenu = node;
					} else {
						zTree_Menu.expandNode(node.children[0].isParent?node.children[0]:node, true);
						curMenu = node.children[0];
					}
				} else {
					zTree_Menu.expandNode(node);
				}
			}
			return !node.isParent;
		}
		
		$(document).ready(function(){
			$.fn.zTree.init($("#treeMenu"), setting,treeNodes);
			zTree_Menu = $.fn.zTree.getZTreeObj("treeMenu");
			curMenu = zTree_Menu.getNodes()[0].children[0].children[0];
			zTree_Menu.selectNode(curMenu);
			var a = $("#" + zTree_Menu.getNodes()[0].tId + "_a");
			a.addClass("cur");
		});
		//-->
	</SCRIPT>

得到的json数据:
[{"id":1,"pId":0,"name":"系统管理","url":null,"isParent":true},{"id":2,"pId":0,"name":"业务管理","url":null,"isParent":true},{"id":3,"pId":0,"name":"个人管理","url":null,"isParent":true},{"id":11,"pId":1,"name":"角色管理","url":"system/roleManage.bia","isParent":false},{"id":12,"pId":1,"name":"权限管理","url":"system/rightManage.bia","isParent":false},{"id":13,"pId":1,"name":"用户管理","url":"system/userManage.bia","isParent":false},{"id":14,"pId":1,"name":"系统日志","url":"system/logShow.bia","isParent":false},{"id":15,"pId":1,"name":"项目类别","url":"system/projectKind.bia","isParent":false},{"id":21,"pId":2,"name":"客户管理","url":"project/customerInfo.bia","isParent":false},{"id":22,"pId":2,"name":"项目管理","url":"project/projectManage.bia","isParent":false},{"id":23,"pId":2,"name":"合同管理","url":"project/contractManage.bia","isParent":false},{"id":24,"pId":2,"name":"项目资金","url":"project/fundManage.bia","isParent":false},{"id":25,"pId":2,"name":"项目实施","url":"project/projectAllotShow.bia","isParent":false},{"id":31,"pId":3,"name":"个人设置","url":"single/singleSetting.bia","isParent":false}]


要想实现的功能:



问题补充:点击显示出来的父亲节点,会报第40行的tId未定义或null和第71行的children未定义
2014年10月14日 15:20
  • 大小: 30 KB
目前还没有答案

相关推荐

    ztree左侧菜单jspDemo

    【标题】"ztree左侧菜单jspDemo"是一个关于在Java Web开发中使用ZTree实现动态左侧菜单栏的实例。ZTree是一款基于JavaScript的树形插件,广泛应用于网站的导航菜单、组织结构展示等场景。它支持JSON数据格式,可以...

    asp.net mvc4 ztree 连接数据库 动态生成菜单简单demo

    在这个“asp.net mvc4 ztree 连接数据库 动态生成菜单简单demo”中,我们将探讨如何利用ASP.NET MVC4的技术特性结合ZTree,一个流行的JavaScript树状视图插件,来动态生成菜单,同时连接到数据库获取数据。...

    使用 zTree 动态加载树形菜单

    本文将深入探讨如何使用zTree来动态加载树形菜单,同时也会提及一些相关的核心知识点。 首先,zTree的核心特性在于其异步数据加载功能。在大型系统中,树形结构可能包含大量的节点,一次性加载所有数据可能导致页面...

    ztree动态树示例

    ztree树做的一个小项目,用的mysql数据库,里面有数据库脚本,部署启动就能OK,http://localhost:8080/ztree 访问路径

    zTree实现树形菜单

    在IT领域,尤其是在前端开发中,创建用户...总的来说,通过zTree,开发者可以轻松创建交互式、动态的树形菜单,适用于后台管理系统、文件目录浏览等多种场景。掌握zTree的使用,将极大地提升前端开发的效率和用户体验。

    基于Ztree实现动态生成Json

    ZTree,一个基于JavaScript的树形控件,提供了丰富的功能,包括动态生成JSON,这对于构建交互式的、数据驱动的用户界面尤其有用。在这里,我们将深入探讨如何使用ZTree实现动态生成JSON以及相关的技术细节。 首先,...

    Ztree生成树

    此外,Ztree还支持异步加载,这对于处理大量数据或动态更新数据的场景非常有用。 在生成树的过程中,JSON数据起着至关重要的作用。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和...

    struts2.0+ztree+jquery动态生成树结构

    Struts2.0、ZTree 和 jQuery 是在Web开发中常用的三大技术,它们结合使用可以实现动态生成树状结构的功能,这种结构常用于展现层级关系的数据,如组织架构、文件目录等。本篇将深入探讨如何利用这三种技术实现这一...

    ztree右键菜单源码

    在本文中,我们将深入探讨如何实现ZTree的右键菜单功能,这是一种常见的JavaScript技术,用于在树形数据结构中提供用户交互。ZTree是一个强大的、可定制的jQuery插件,常用于构建树状目录和组织结构。让我们首先了解...

    ztree二级树菜单(SSI框架下)--hulian平台二版代码

    综合以上信息,"ztree二级树菜单"的实现涉及到前端的zTree库与后端的SSI框架的结合,以及Action和JSP的协同工作,以实现动态加载和交互操作。在hulian平台中,这样的设计可以提高用户对层级结构数据的管理和操作效率...

    JQUERY ZTREE 动态树代码

    **JQUERY ZTREE 动态树代码** JQUERY ZTREE是一款基于jQuery的高效、轻量级的树形插件,广泛应用于数据展示、文件管理、权限控制等多种场景。它的核心特性在于支持动态加载、丰富的节点操作和交互效果,以及自定义...

    zTree文件夹演示选择菜单效果

    本示例"zTree文件夹演示选择菜单效果"着重展示了如何利用zTree实现文件夹样式的可选择菜单效果,为用户提供直观、易操作的界面。 zTree的核心功能在于其强大的数据组织和渲染能力,它能够将JSON数据结构转化为层次...

    ztree异步树加右键菜单

    ztree动态异步数据树加载,并且附带右键菜单功能,对树节点进行操作

    针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)

    标题中的“针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)”是指在使用ZTree这个JavaScript组件时,如何实现右键点击节点时弹出自定义菜单的功能。ZTree是一个广泛使用的JavaScript树形控件,它允许开发者...

    使用Ztree实现java动态树形菜单

    本项目以“使用Ztree实现Java动态树形菜单”为主题,提供了一套完整的解决方案,包括代码源文件、数据库以及分页功能的实现,方便开发者直接下载并运行。 Ztree是一款轻量级的JavaScript插件,专用于创建交互式的树...

    使用ztree构建树形菜单,需要引入的js及样式文件

    通过`$.fn.zTree.init()`方法将数据和配置项传入,ZTree会自动解析并生成树形菜单。 总的来说,使用ZTree构建树形菜单需要理解其核心JS库、扩展功能库和样式文件的作用,并结合ZTree的API和数据格式来实现具体的...

    ztree树形菜单、ztree树形菜单demo

    1. **数据加载**:zTree允许动态加载数据,可以实现懒加载,提高页面性能。 2. **事件处理**:提供丰富的事件监听,如点击节点、展开/折叠节点等,便于用户交互。 3. **节点操作**:支持添加、删除、编辑节点,...

    ztree树形菜单demo

    在本“ztree树形菜单demo”中,我们将探讨ZTree的核心功能、如何实现节点的显示以及如何进行实际应用。 ZTree的核心特性包括: 1. **丰富的API接口**:ZTree提供了大量的API接口,允许开发者对树形结构进行动态...

Global site tag (gtag.js) - Google Analytics