tree的插件有很多种，比如说有jstree，extjs的tree，有想用tree实现功能的朋友我建议使用ztree，ztree现在做得很强大，一般的功能需求都能满足，而且相应的文档也比较全，使用起来很方便。在附件中我上传了ztree的插件以及在项目中要用到的动态从后台取数例子，有兴趣的朋友可以参阅一下。
public class ZtreeAction {
//数据结点
private String ztreeNode;
/*
* 页面跳转方法
*/
public String zreePage(){
return "success";
}
/*
* 获取数据生成树
*/
public String showTree(){
//此为静态数据，如要从后台数据库取数无疑是想办法拼装成这个串返回到前台就行了
ztreeNode="[{\"name\" : \"第一层\",\"children\":[{\"name\":\"第二层\",\"children\":[{\"name\":\"第三层\"}]},{\"name\":\"第二层\"}]}]"; //\"为双引号的转义字符，即要组装成的格式为["name":"第一层"]
return "success";
}
/*----get set ----*/
public String getZtreeNode() {
return ztreeNode;
}
public void setZtreeNode(String ztreeNode) {
this.ztreeNode = ztreeNode;
}
}
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>zTree</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="css/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.ztree.core-3.4.js"></script>
<SCRIPT type="text/javascript">
var zNodes;
var setting = {};
$(document).ready(function(){
$.ajax({
url:"../zTreeDemo/ztree/showTree.action",
type:"post",
data:"json",
success:function(data){
//json格式转换成对象
zNodes=$.parseJSON(data);
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}
});
});
</SCRIPT>
</HEAD>
<BODY>
<div class="content_wrap">
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
</div>
</BODY>
</html>
相关推荐
ZTree支持JSON格式的数据源，可以方便地与后台服务器进行数据交互，同时提供了丰富的API供开发者调用，实现自定义的功能扩展。 **2. 异步加载原理** 异步加载（Async Load）是指在用户需要时才获取相关数据，而不是...
本案例“ztree最简单的后台传前台例子”旨在帮助初学者理解如何使用ZTree与后台进行数据交换，通过Servlet作为中间桥梁，结合FastJSON进行数据的序列化和反序列化。 首先，ZTree本身是一个基于jQuery的插件，它提供...
这个项目为开发者提供了一个完整的例子，展示了如何在Java环境中利用Ztree构建动态树形菜单，并实现分页功能。通过深入研究和理解这些代码，开发者可以更好地掌握前后端交互、数据库操作以及JavaScript插件的应用...
【zTree坚定的应用实例】 zTree是一款非常流行的...通过理解和实践这个例子，你将能够熟练地运用zTree构建各种树形数据展示场景。在实际应用中，可以根据需求调整zTree的配置，定制出满足特定业务逻辑的树形组件。
通过对这些源码的学习，开发者可以掌握如何结合后台数据和前端交互，实现zTree异步加载的完整流程，从而在自己的项目中灵活运用这一技术。同时，这也为初学者提供了一个很好的学习实例，有助于理解异步加载在实际...
通过与后台服务的配合，可以实现动态加载数据、异步提交操作等功能，极大地提升了用户体验。 总结，zTree作为一款优秀的树形控件，通过ajax和json技术，不仅简化了数据处理，也优化了用户交互。理解和掌握zTree的...
ztree将节点数据提交给Server端例子： 将页面的节点ID遍历解析成字符串形式提交到后台。 文件分为MyEclipse项目ztest.rar和war包。 war包tomcat下运行，打开http://localhost:8080/ztest测试。 开发环境： MyEclipse...
总的来说，这个项目旨在教你如何利用zTree、jQuery和MySQL来构建一个动态的、可以根据后台数据变化的树形菜单系统。通过学习这个例子，你不仅可以掌握zTree的基本用法，还能了解如何将前端与后端数据库进行有效结合...
基于jquery的tree小例子，后台获取josn
以下是一个简单的ZTreeDemo结合Ajax的例子： ```javascript $(function() { var setting = { async: { enable: true, url: "getData.php", autoParam: ["id"], otherParam: {"type": "test"}, dataFilter: ...
6. 数据同步：当用户在ZTree中进行操作时，如修改节点的选中状态，应将这些变化同步到后台数据库，以保持权限设置的一致性。 7. API调用：ZTree提供了丰富的API，如expandNode、checkNode等，可以方便地对树形结构...
zTree的一个jsp例子
代码例子是JAVA的，dwz,ztree等是前台的东西，和后台没有关系。不管.net还是php都通用，请根据使用的平台，修改发布WebRoot下的文件，修改admin.jsp就可以。 页面集成了ztree3.3,kindeditor,My97DatePicker的使用...
代码例子是JAVA的，dwz,ztree等是前台的东西，和后台没有关系。不管.net还是php都通用，请根据使用的平台，修改发布WebRoot下的文件，修改admin.jsp就可以。 ztree代码已经集成到dwz.min.js，不要再次单独引入js。 ...
前段时间一直在看AngularJS的资料，感觉是个很好的框架，很想有机会尝试用它做点什么。 jQuery ZTree是国内...因此，花了一点时间做了一个例子将ZTree应用到AngularJS中。 zTree和后台数据的交互 首先，肯定是在页面
【zcw.rar权限管理的例子程序】是一个用于演示和学习权限管理功能的软件示例，它包含在zcw项目中，并且特别适用于回顾和理解相关知识。这个程序可以在Eclipse这样的集成开发环境中直接运行，便于开发者进行调试和...
通过学习和实践这个例子，开发者可以了解到如何将数据库数据转换为前端可使用的格式，以及如何利用jQuery和ZTree构建动态树形结构。同时，这也涉及到后端与前端的交互、数据传输的安全性、性能优化等方面的知识，...
`submitRole`函数用于获取用户在zTree中选择的节点，通常这些节点的ID会被收集并发送到后台进行进一步处理，例如更新角色的权限设置。 zTree的灵活性体现在其丰富的配置选项和回调函数上，可以根据实际需求调整树的...
这是我们自己开发的一套简单的开发框架，集成了ztree，jqgrid，ligerui前台ui，后台主要是ssh，没啥说的，数据库是mysql。虽然有权限表的设计，但是权限功能并没有完善。如果大家觉得这套简单的框架对大家能有所用，...
这是我们自己开发的一套简单的开发框架，集成了ztree，jqgrid，ligerui前台ui，后台主要是ssh，没啥说的，数据库是mysql。虽然有权限表的设计，但是权限功能并没有完善。如果大家觉得这套简单的框架对大家能有所用，...