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文件中不能有重复的样式
静态代码,也可以循环遍历从数据库读取结点数据动态构件。至于接受的数据类型可以使xml或者json都行。
- <script type="text/javascript">
- tree = new dTree('tree');
- tree.add("1","-1","京津","","","","","",true);
- tree.add("11","1","A","","","","","",true);
- tree.add("110","11","A-1","content.jsp?moduleName=XXX","","mainFrame");
- tree.add("111","11","A-2","javascript:void(0)","","链接在哪里显示");
- tree.add("112","11","A-3","javascript:void(0)","","mainFrame");
- tree.add("113","11","A-4","/.jsp","","mainFrame");
- tree.add("114","11","A-5","/.jsp","","mainFrame");
- tree.add("115","11","A-6","/.jsp","","mainFrame");
- tree.add("12","1","B","","","","","",true);
- tree.add("121","12","B-1","javascript:调用本页内的js函数","","mainFrame");
- tree.add("122","12","B-2");
- tree.add("13","1","C","","","","","",true);
- tree.add("131","13","C-1","javascript:void(0)","","mainFrame");
- tree.add("132","13","C-2","javascript:void(0)","","mainFrame");
- tree.add("133","13","C-3","javascript:void(0)","","mainFrame");
- tree.add("14","1","D","","","","","",true);
- tree.add("141","14","D-1","javascript:void(0)","","mainFrame");
- document.write(tree);
- </script>
相关推荐
jquery dtree 实例 无限树形菜单 实现增删改查
jquery整合dtree 动态加载树形结构, 本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所...
NULL 博文链接:https://lidechungo-126-com.iteye.com/blog/1470998
dtreeJQuery实例.动态生成树dtreeJQuery实例.动态生成树
Dtree Jquery动态生成树节点 http://www.iteye.com/topic/350056
dtree+jquery+oracle+tomcat 从oracle数据库中取出dtree的节点信息,在jsp页面使用jquery动态生成带checkBox的dtree 测试时请访问main.jsp WebRoot/db目录为数据库建表脚本;
dtree 增加删除修改功能 自测可用. dtree_JQuery实例.动态生成树
1.本程序使用jquery的aiax技术,使 dtree以 json的方式读取目录树,后台语言使用的是 php 2.你可以不使用jquery的aiax,js 的一样,后台你也可以使用asp,jsp等语言,看个人实际
网上搜集的dtree、xtree和jquery-treeview构建树型菜单,供大家参考
NULL 博文链接:https://wdhdd889.iteye.com/blog/426531
dtree+jquery 动态实现无限树形菜单 (包括增删改查) 好不容易,搞出来的,不容易啊
自己封装的三种树形结构,一种是原始dtree,第二种是dtree结合的jquery封装的右键dtree树,第三种修改的dtree源码复选框树形菜单,附件中都已经标注好了,欢迎大家使用。
本压缩文件中包含14个制作Tree的Demo(包括多节点展开带复选框的Tree),涉及到的技术包含jquery,Dtree,javascript......
网上实例一般都是介绍整棵树的生成,本实例根据网上的实例修改,生成菜单树,希望对想要自己做这方面的后来者有所帮助。 基于oracle数据库,包括源码,新建表,然后,导入工程即可运行。
由于项目需要,需要对DTree通过右键菜单进行增删查改,我根据网上的资料和自己的需求进行修改的,希望对大家有所帮助。
jquery dtree tree 树状菜单 无限分类 适用于无限级分类,无限级菜单。的前台展示
dtree_JQuery实例.动态生成树
dtree jquery 构建树形结构 树形代码案例
用jquery的插件dtree构建生成树的实例,非常详细,根据项目需要的不同,共总结了8种,任你挑选。