下面是实现：
<%@ 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="../js/jquery-latest.js"></script>
<script src="../js/select.js"></script>
<link rel="StyleSheet" href="/sch/js/dtree.css" type="text/css" />
<script type="text/javascript" src="/sch/js/dtree.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//获取顶级部门
d = new dTree('d');
d.add(0,-1,'系统');
$.ajaxSetup({cache:false});
$.getJSON("/sch/GetJsonServlet?Method=getTopOrgJson",function call(data){
var org=data.orgList;
alert(org.length);
for(var i=0;i<org.length;i++){
//id, pid, name, url, title, target, icon, iconOpen, open
d.add(org[i].ID,0,org[i].description,"javascript:addNextOrg('"+org[i].ID+"');",'测试节点');
}
$("#showDtree").html(d.toString());
});
});
//获取下级部门
function addNextOrg(ID){
alert("hello");
$.getJSON("/sch/GetJsonServlet?Method=getNextOrgJson&ID="+ID,function call(data){
var org=data.orgList;
if(org.length!=0){
for(var i=0;i<org.length;i++){
d.add(org[i].ID,ID,org[i].description,"javascript:addNextOrg('"+org[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>
<body>
<div id="showDtree">
</div>
</body>
</html>
分享到：
相关推荐
数据都是后端传json过来，我们ajax获取然后操作。 由于车型总数据有几万条以上，不可能一次性请求过来。这里我们使用异步的方式，每点击一次目录节点，加载它的下一级。 这里我们用两个参数来控制活动和商品的不同...
10.11 树形节点视图——Ext.tree.TreeNodeUI 10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout...
10.11 树形节点视图——Ext.tree.TreeNodeUI 10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout...
//获取节点数据 getTreeData(); }); function getTreeData() { $.ajax({ url : path+/RoleController/getResourceTree.do, type : post, dataType : json, data :{ roleId:roleId, id:null, t:Math.random()
-重新设计模拟树的下拉列表的实现，避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode，保持和...
百度云盘分享 ... Java实现的FTP连接与数据浏览程序，实现实例化可操作的窗口。 部分源代码摘录： ftpClient = new FtpClient(); //实例化FtpClient对象 String serverAddr=jtfServer.getText();...
非用户标签：数据访问、逻辑控制等。 AJAX标签：支持AJAX技术。 用户界面标签又分两类： ...非表单标签：生成页面上的Tab、Tree等 非界面标签又分为数据访问标签和流程控制标签...treenode标签：生成树形结构的节点。
Struts 2 标签库(文档手册) Tags-API-CLSW-JSP <%@ taglib prefix="s" uri="/struts-tags" %> 就能使用struts2.0的标签库 下面就介绍每个标签的具体应用实例说明：按字母排列 ...treenode标签：生成树形结构的节点。
Java实现的FTP连接与数据浏览程序，实现实例化可操作的窗口。 部分源代码摘录： ftpClient = new FtpClient(); //实例化FtpClient对象 String serverAddr=jtfServer.getText(); //得到服务器地址 ...
-重新设计模拟树的下拉列表的实现，避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode，保持和...