-
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
目前还没有答案
相关推荐
【标题】"ztree左侧菜单jspDemo"是一个关于在Java Web开发中使用ZTree实现动态左侧菜单栏的实例。ZTree是一款基于JavaScript的树形插件,广泛应用于网站的导航菜单、组织结构展示等场景。它支持JSON数据格式,可以...
在这个“asp.net mvc4 ztree 连接数据库 动态生成菜单简单demo”中,我们将探讨如何利用ASP.NET MVC4的技术特性结合ZTree,一个流行的JavaScript树状视图插件,来动态生成菜单,同时连接到数据库获取数据。...
本文将深入探讨如何使用zTree来动态加载树形菜单,同时也会提及一些相关的核心知识点。 首先,zTree的核心特性在于其异步数据加载功能。在大型系统中,树形结构可能包含大量的节点,一次性加载所有数据可能导致页面...
ztree树做的一个小项目,用的mysql数据库,里面有数据库脚本,部署启动就能OK,http://localhost:8080/ztree 访问路径
在IT领域,尤其是在前端开发中,创建用户...总的来说,通过zTree,开发者可以轻松创建交互式、动态的树形菜单,适用于后台管理系统、文件目录浏览等多种场景。掌握zTree的使用,将极大地提升前端开发的效率和用户体验。
ZTree,一个基于JavaScript的树形控件,提供了丰富的功能,包括动态生成JSON,这对于构建交互式的、数据驱动的用户界面尤其有用。在这里,我们将深入探讨如何使用ZTree实现动态生成JSON以及相关的技术细节。 首先,...
此外,Ztree还支持异步加载,这对于处理大量数据或动态更新数据的场景非常有用。 在生成树的过程中,JSON数据起着至关重要的作用。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和...
Struts2.0、ZTree 和 jQuery 是在Web开发中常用的三大技术,它们结合使用可以实现动态生成树状结构的功能,这种结构常用于展现层级关系的数据,如组织架构、文件目录等。本篇将深入探讨如何利用这三种技术实现这一...
在本文中,我们将深入探讨如何实现ZTree的右键菜单功能,这是一种常见的JavaScript技术,用于在树形数据结构中提供用户交互。ZTree是一个强大的、可定制的jQuery插件,常用于构建树状目录和组织结构。让我们首先了解...
综合以上信息,"ztree二级树菜单"的实现涉及到前端的zTree库与后端的SSI框架的结合,以及Action和JSP的协同工作,以实现动态加载和交互操作。在hulian平台中,这样的设计可以提高用户对层级结构数据的管理和操作效率...
标题中的“针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)”是指在使用ZTree这个JavaScript组件时,如何实现右键点击节点时弹出自定义菜单的功能。ZTree是一个广泛使用的JavaScript树形控件,它允许开发者...
**JQUERY ZTREE 动态树代码** JQUERY ZTREE是一款基于jQuery的高效、轻量级的树形插件,广泛应用于数据展示、文件管理、权限控制等多种场景。它的核心特性在于支持动态加载、丰富的节点操作和交互效果,以及自定义...
本示例"zTree文件夹演示选择菜单效果"着重展示了如何利用zTree实现文件夹样式的可选择菜单效果,为用户提供直观、易操作的界面。 zTree的核心功能在于其强大的数据组织和渲染能力,它能够将JSON数据结构转化为层次...
ztree动态异步数据树加载,并且附带右键菜单功能,对树节点进行操作
本项目以“使用Ztree实现Java动态树形菜单”为主题,提供了一套完整的解决方案,包括代码源文件、数据库以及分页功能的实现,方便开发者直接下载并运行。 Ztree是一款轻量级的JavaScript插件,专用于创建交互式的树...
通过`$.fn.zTree.init()`方法将数据和配置项传入,ZTree会自动解析并生成树形菜单。 总的来说,使用ZTree构建树形菜单需要理解其核心JS库、扩展功能库和样式文件的作用,并结合ZTree的API和数据格式来实现具体的...
1. **数据加载**:zTree允许动态加载数据,可以实现懒加载,提高页面性能。 2. **事件处理**:提供丰富的事件监听,如点击节点、展开/折叠节点等,便于用户交互。 3. **节点操作**:支持添加、删除、编辑节点,...
在本“ztree树形菜单demo”中,我们将探讨ZTree的核心功能、如何实现节点的显示以及如何进行实际应用。 ZTree的核心特性包括: 1. **丰富的API接口**:ZTree提供了大量的API接口,允许开发者对树形结构进行动态...