<%@ 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
dtree+ajax异步加载树，请按照自己的需求修改
dtree 修改 AJAX动态载入 简单的测试环境，不需要复杂的其他东西和数据库设计 下载放到TOMCAT下就可以使用。稍微修改就能用到自己的应用里面。 注释在 dtree.js 中的 dTree.prototype.o 方法里面。 修改了 dTree...
页面主要由Jsp编写，后台的页面有用到Ajax（好写一点）。其他的主要是与数据库的连接，写的不好权当供参考~
dtree资料,整合checkbox，ajax添加
因此我换了一种算法，并添加了页面动态加载的控制（不是Ajax）。从某种意义上说，极大的提高了效率。 <br>启用动态加载的方法是dtree.config.stepDepth = N;N为自然数，表示每次加载的层级。 <br>您可能对我的...
stree增强了dtree,通过操作dom，支持点击父节点去数据库查询并生成子节点
dtree显示树，使用ajax加载xml文件动态生成树结构
ajax树型结构,dtree资源
ajax TreeView 树 dtree 树结构 javascript
内容索引:脚本资源,Ajax/JavaScript,树形菜单,dTree dTree原版树形展开菜单插件下载，从示例来看，本菜单可支持四级，实际上dTree可以支持无限级，这不是什么难事，实例仅是为了演示如何使用，更详细的使用方法请...
资源包含MyEclipse源代码和sqlserver2005建表语句，ajax tree值得下载。 原理：初始化状态查询出根节点和第一级节点，并且第一级节点的图标是 + ，点击 + 出现loading...，然后再显示出节点下的子级，如果没有子级，...
dtreeJQuery实例.动态生成树dtreeJQuery实例.动态生成树
使用Dtree,ajax以json和xml两种方式获取数据生成目录树显示到jsp页面
收集的比较全的树控件 ,dtree,ajaxtree treeview等
工具：myEclipse+tomcat+jdk1.7+mySql 知识点：ajax+dtree+Spring+SpringMVC+Hibernate 功能：登录、注册、员工管理、权限管理、文件上传下载、请假制度。
由于lib包太大了所以删除了 其他代码都有 数据库也有...MyEclipse6.0做的..好像是IE7以下版本的IE浏览器访问会有问题....里面有个dtree.js那个文件好像415行有个地方有乱码，把乱码的地方去了，随便改点东西就Ok了..
体的实现是当我鼠标移入“长袖”这个分类时，出现三个icon (如图)，按“增加”按钮，会发送ajax异步请求到后台，在数据库库中增加以“长袖”为父类id 的一个子分类，成功后返回到前台，然后相应的节点下动态添加子...
学习ajax的好东西啊 看看吧
功能类似dtree，但最大负载量比dtree大，在火狐下开启这个js树的 setlazy(true)方法，可以在5秒内生成250000个节点的树（随机添加的节点）。 例子中是生成10000个节点。 注：在使用例子时，要点全部打开，请先将随机...