<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="jquery-1.4.2.min.js"></script>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//获取顶级部门
d = new dTree('d');
d.add(0,-1,'系统');
$.ajaxSetup({cache:false});
$.getJSON("getTreeNode.action",function call(data){
var org=eval("("+data+")");
// alert(org.length);
for(var i=0;i<org.length;i++){
// alert(org[0].id);
//id, pid, name, url, title, target, icon, iconOpen, open
d.add(org[i].id,0,org[i].desc,"javascript:addNextOrg('"+org[i].id+"');",'测试节点');
}
$("#showDtree").html(d.toString());
});
});
//获取下级部门
function addNextOrg(ID){
$.getJSON("getTreeNode.action?id="+ID,function call(data){
// alert(data);
var org1=eval("("+data+")");
alert(org1.length);
if(org1.length!=0){
for(var i=0;i<org1.length;i++){
alert(org1[i].id);
d.add(org1[i].id,ID,org1[i].desc,"javascript:addNextOrg('"+org1[i].id+"');",'测试节点');
}
$("#showDtree").html(d.toString());
}
});
}
/*
function showformDiv(id){
$('.formDiv').hide();
$(id).show();
}
function buildOrg(){
var str=$("#buildOrg").serialize();
alert(str);
$.getJSON("/simple/DynajetServlet?Method=buildOrg&"+str,function call(data){
var result=data.result;
// alert("hello");
$("#result").text(result);
});
}*/
/*
function orgChange(){
$.ajaxSetup({cache:false});
var orgId=$("#orgList").val();
alert(orgId);
$.getJSON("/simple/SalesServlet?Method=getRoleJson&orgId="+orgId,function call(data){
var continents =data.roleList;
for(var i=0;i<continents.length;i++){
$("#roleList").append('<option value='+continents[i].roleId+'>'+continents[i].description+'</option>');
}
});
}
*/
</script>
</head>
<body>
<div id="showDtree">
</div>
</body>
</html>
分享到：
相关推荐
在本项目"ajax，servlet动态加载dtree"中，我们看到的是利用Ajax技术和Servlet实现dtree（一种树形菜单控件）的动态加载。这个项目可能是一个文件管理系统或者目录浏览应用，其中dtree用于展示文件或目录结构，而...
**dtree+ajax异步加载树详解** 在Web开发中，数据展示往往涉及到大量的层级结构，如文件系统、组织架构等。dtree是一款基于JavaScript的树形控件，它能够帮助开发者实现动态、交互式的树状菜单。而Ajax...
dtree 修改 AJAX动态载入 简单的测试环境，不需要复杂的其他东西和数据库设计 下载放到TOMCAT下就可以使用。稍微修改就能用到自己的应用里面。 注释在 dtree.js 中的 dTree.prototype.o 方法里面。 修改了 dTree...
【标题】：“jsp+dtree+ajax 手机销售网”是一个基于JSP、DTree和Ajax技术构建的在线手机销售平台。这个项目的核心在于利用这些技术实现动态、交互式的网页设计，提供用户友好的浏览和购买体验。 【描述】：项目...
在"json+dtree定时刷新dtree"这个主题中，我们主要关注的是如何利用JSON数据与DTREE控件结合，并实现定时刷新功能。定时刷新功能常用于实时更新显示的数据，例如监控系统、数据统计分析等场景，确保用户能够看到最新...
**Ajax树技术详解：以stree扩展dtree为例** 在Web开发中，树形结构的展示经常被用于数据管理和组织，比如目录结构、组织架构、菜单系统等。传统的静态树结构在数据量大或者需要实时更新的情况下，用户体验往往不佳...
可以使用Ajax请求获取数据，然后构建`dtree`。例如，使用jQuery的`$.getJSON()`： ```javascript $.getJSON('/api/getTreeData', function(data) { var dTree = new dTree('dtree'); for (var i in data) { ...
dtree可以与后台数据服务交互，通过Ajax技术动态加载和更新节点，提供良好的用户体验。在实际应用中，开发者需要了解如何配置和定制dtree以满足特定需求，包括样式调整、事件处理等。 其次，Struts1是Apache软件...
在dtree中，Ajax常用于动态加载子节点数据，提高用户体验，避免一次性加载大量数据导致页面加载慢。 当用户展开一个节点时，可以使用Ajax向服务器发送请求，获取该节点的子节点数据，然后在前端动态渲染这些子节点...
你可以为这些事件添加监听器，通过Ajax请求与服务器进行通信，更新服务器端的数据或执行其他业务逻辑。 6. **优化性能**：为了提高用户体验，考虑使用异步加载和懒加载策略，只在需要时加载树的子节点。这可以减少...
总结起来，要在SSH框架的JSP页面中使用dtree.js实现树形浏览，你需要整合前端和后端的代码，利用dtree.js的API构建交互式树形结构，并通过Ajax获取和更新数据。这个过程涉及到JavaScript编程、Ajax通信、以及对SSH...
DTree支持异步加载节点的功能，通过设置一个URL属性，可以在节点第一次点击时通过Ajax请求去服务器端获取子节点数据，并在获取到数据之后动态地添加节点到树中。 6. 事件处理： 事件处理是DTree的一个重要功能，...
这部分可能涉及Ajax技术，讲解如何实现动态加载数据。 7. **插件扩展**：DTree可能有其他扩展功能或插件，如搜索、多选、拖放排序等，资料会介绍如何使用这些扩展。 8. **兼容性和性能优化**：如何确保DTree在不同...
它不仅支持静态树结构的创建，还允许通过AJAX技术实现动态加载树节点，极大地提升了用户体验和数据处理效率。此外，`dtree`提供了丰富的配置选项，包括自定义节点图标、链接行为、节点状态等，使得开发者可以根据...
你可以通过AJAX获取JSON数据，然后用这些数据构建或更新树形结构。 8. **扩展与插件** 开源的`dtree`允许开发者根据需要扩展功能，例如增加拖放操作、搜索功能或右键菜单等。社区中也可能存在现成的插件供直接使用...
权限分配可以通过后端服务进行，也可以在前端通过AJAX请求获取用户的权限信息，并据此动态渲染菜单。 4. **技术实现**： Dtree动态树菜单可能基于HTML、CSS和JavaScript构建，利用DOM操作来实现动态更新。现代的...
动态绑定通常涉及Ajax技术，通过异步请求获取数据，然后使用提供的API将数据转化为可视化的树节点。 动态加载数据是DTree的又一亮点，它支持懒加载策略。在初次加载时，只显示顶层节点，当用户展开某个节点时，才去...
5. **AJAX技术**：为了实现DTree的动态加载和更新，通常会用到AJAX（Asynchronous JavaScript and XML）。这使得页面无需刷新即可获取和更新数据，提高用户体验。 6. **DTree库的选择和使用**：有许多开源的DTree库...
例如，结合Ajax技术，可以实现动态加载节点，只在需要时请求服务器获取数据，提高页面的加载速度。 【Example of dTree】这个压缩包文件可能包含了dTree的示例代码，包括HTML、CSS和JavaScript文件，以及可能的JSON...
如果遇到性能问题，还可以考虑使用异步请求（Ajax）来动态加载树的子节点，以提高用户体验。 总之，"java树状结构生成代码dtree"涉及的关键技术包括Java后端数据处理、JSP动态页面、JSON序列化、以及前端的dtree库...