1.先来介绍一下. dtree 的用法.(我引用了以前我收集的一篇文章.还比较详细,出处不记得啦).文章下面会附带dtree用法的例子.
Dtree目录树的总结
一:函数
1:页面中
tree.add(id,pid,name,url,title,target,icon,iconOpen,open);
参数说明:
id :节点自身的id
pid :节点的父节点的id
name :节点显示在页面上的名称
url :节点的链接地址
title :鼠标放在节点上所出现的提示信息
target :节点链接所打开的目标frame(如框架目标mainFrame,_blank,_self 类)
icon :节点关闭时的显示图片的路径
iconOpen:节点打开时的显示图片的路径
open :布尔型,节点是否打开(默认为false)
注:open项:顶级节点一般采用true,即pid是-1的节点
2:dtree.js文件中
约87-113行是一些默认图片的路径,注意要指对。
二:页面中的书写
1:默认值的书写规则(从左至右,依次省略)
即 tree.add(id,pid,name,url);后面5个参数可以省略
2:有间隔时的默认值(如存在第6个参数,但第5个参数想用默认值)
即 tree.add(id,pid,name,url,"",target);必须这样写
3:样式表
(1):可以将dtree.css中的样式附加到你的应用中的主css中,如a.css
(2):也可以同时引用dtree.css与a.css两个文件,但前提条件是两个css文件中不能有重复的样式
4:页面代码书写的位置是:一般写在表格的td之中
说明:这是静态的代码,动态的可用循环加入。其他 tree.add(id,pid,name,url,"","","","",true);
不罗嗦啦..上面的只是让你大概了解一下.dtree怎么用.
dtree+JQuery动态生成树.思路其实很简单... 首先把树的节点信息存储到数据库,然后在servlet或jsp中获取数据库表中的数据,把这些信息写成在xml文件中.然后界面jsp页面通过JQuery实现对改servlet的请求.并且回调方法中接受xml数据对象.并且遍历xml文件,取得xml文件中的节点的属性或文本数据.再循环的对dtree添加节点.。
5. 将dtree.js 和dtree.css,jquery.js, img文件夹.放在WebRoot下面.(工程的根目录)
6. 编写我们的tree.jsp页面.
Java代码
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>树形结构___ajax请求方式</title>
<script type="text/javascript" src="dtree.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" href="dtree.css" type="text/css"></link>
<script type="text/javascript">
tree = new dTree('tree');//创建一个对象.
$.ajax({
<A href="'NodesPrint'">url:'NodesPrint'</A>,
type:'post', //数据发送方式
dataType:'xml', //接受数据格式
error:function(json){
alert( "not lived!");
},
async: false ,//同步方式
success: function(xml){
$(xml).find("node").each(function(){
var nodeId=$(this).attr("nodeId");
var parentId=$(this).attr("parentId");
var hrefAddress=$(this).attr("hrefAddress");
var nodeName=$(this).text();
tree.add(nodeId,parentId,nodeName,hrefAddress,"","","","",false);
});
}
});
document.write(tree);
</script>
</head>
<body>
</body>
</html> 连接地址:http://www.iteye.com/topic/350056
分享到:
相关推荐
对于初级开发人员 做树是件很头疼的事情 介绍一个使用的方法 Dtree+Jquery动态生成树节点
jsp+dtree+taglib自定义标签 动态生成树节点,jsp页面只需要用自定义的标签,我用的是的mysql数据库,并且提供了建立表的sql语句和插入数据的语句。
网上实例一般都是介绍整棵树的生成,本实例根据网上的实例修改,生成菜单树,希望对想要自己做这方面的后来者有所帮助。 基于oracle数据库,包括源码,新建表,然后,导入工程即可运行。
dtree+jquery 动态实现无限树形菜单 (包括增删改查) 好不容易,搞出来的,不容易啊
基于图形化对于动态树的菜单进行管理,本工程基于ssh框架,实例来源于网上,经过修改,从网上来,到网上去。 基于oracle数据库,新建表,导入工程,即可运行
NULL 博文链接:https://wdhdd889.iteye.com/blog/426531
dtree+ajax异步加载树,请按照自己的需求修改
dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar
本压缩文件中包含14个制作Tree的Demo(包括多节点展开带复选框的Tree),涉及到的技术包含jquery,Dtree,javascript......
dTree.js下载+API文档.rar
NULL 博文链接:https://lidechungo-126-com.iteye.com/blog/1470998
dtree_JQuery实例.动态生成树
dtreeJQuery实例.动态生成树dtreeJQuery实例.动态生成树
spring+struts2+hibernate+json+dtree+mysql实现的无限级联树含JAE包
本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所整理的树状结构实例上传。测试数据库为...
由于项目需要,需要对DTree通过右键菜单进行增删查改,我根据网上的资料和自己的需求进行修改的,希望对大家有所帮助。