dTree的简单使用

先简单做一个dTree使用的简单范例,动态生成树将和dwr一起做演示

1、引入所要的样式和js

<link rel="stylesheet" type="text/css" href="css/dtree.css">
<script type="text/javascript" src="js/dtree.js"></script>

2、在body中加入如下代码

<p><a href="javascript: d.openAll()">打开全部</a> |
<a href="javascript: d.closeAll()">关闭全部</a></p>
    <script type="text/javascript">
        var d = new dTree(‘d‘);
        d.config.useCookies = false;    //不使用cookie
        d.config.useStatusTxt = true;    //状态栏显示文本
        d.config.closeSameLevel = true;    //关闭同一层次其他节点

        //root
        d.add(0,-1,"北风网客户关系管理系统");

        //一级导航
        d.add(1,0,"客户信息");
        d.add(2,0,"客户服务");
        d.add(3,0,"日程/任务");

        //二级导航
        d.add(11,1,"客户");
        d.add(12,1,"联系人");
        d.add(21,2,"客户投诉");
        d.add(22,2,"投诉填报");
        d.add(31,3,"日程");
        d.add(32,3,"任务");

        <!--这句是关键-->
        document.write(d);
    </script>

注释:这里只是静态实现,以后要与dwr使用实现动态的树

d.add(自己的ID,父级ID,自己的名称);

时间: 2024-11-05 12:27:39

dTree的简单使用的相关文章

dTree 动态生成树

http://luohua.iteye.com/blog/451453 dTree 主页:http://destroydrop.com/javascripts/tree/ dTree是个很方便在页面生成树的 js 控件,如果你下载了,我猜里在几分钟之内便能在页面上显示出一颗树来. 它本身给的例子是通过一些静态数据构造树,下面我说一种通过查询的数据动态构造树的方法. 例子里没有真实的数据库操作,而是用一个模拟的数据库操作类替代. 在该例子中为了简便和理解没有分为过多的层,仅有 页面显示层 和 模拟

dTree无限级文件夹树和JQuery同步Ajax请求

曾经都是用JQuery对树的支持来实现文件夹树的,近来闲来无事就弄了下dTree,感觉其无限级文件夹还是挺好的,并且它的使用也比較方便,基本上就是先把要用的js文件即dtree.js和css文件dtree.css引入,另外就是它默认的图片.当然这些图片都是能够自己指定的,它的css样式也能够自己改变的. 关于dTree就先谈谈它的node,dTree的node的构造方法能够指定下列參数, Js代码 id //唯一标识.数字型 pid//父节点的id,假设是根结点那就仅仅能是-1,一般来讲仅仅有一

用dtree实现树形菜单 dtree使用说明

http://www.jb51.net/article/28566.htm 准备工作: 请从脚本之家http://www.jb51.net/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍: dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源. 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件, 不需要复杂的操作即可生产,同时支持动态从数据库引入数据 解压后有以下几部分: img文件夹: 包含树

DHTMLTree、Dtree和Ztree的学习使用

一.DHTMLTree是树菜单,允许我们快速开发界面优美,基于Ajax的javascript库.她允许在线编辑,拖拽,三种状态(全选.不选.半选),复选框等模式.同时在加载大数据量的时候,仍然可以保持非常高效的速度. DHTMLTree是一个功能丰富的第三方JavaScript树菜单,它能够使用户快速添加一个外观非常漂亮的,基于Ajax技术的网页上的分层树.树视图支持在线节点编辑.现行的拖放功能.三态复选框以及更多功能.由于特殊的技术的使用,使dhtmlxTree能够快速有效的加载结构庞大的树.

dtree详细资料

登录|注册     xufaxi的专栏 目录视图 摘要视图 订阅 [活动]2017 CSDN博客专栏评选      [评论送书]SQL优化.深度学习.数据科学家      CSDN日报20170527 --<人机大战,历史的见证>      CSDN 日报 | 4.19-5.19 上榜作者排行出炉 登录|注册     xufaxi的专栏 目录视图 摘要视图 订阅 [活动]2017 CSDN博客专栏评选      [评论送书]SQL优化.深度学习.数据科学家      CSDN日报2017052

dtree的使用和扩展

相信用过dtree的童靴的不在少数,网络上流传的JS树有很多,例如雪花树MzTreeView,EXT.Struts2出来之后,也有自己的树控件,但是这么多风姿卓约的倩影中,我独爱,独爱dtree那一棵.原因有二:1.简单易用,能满足基本需要 2.代码简单,扩展起来也很容易. 这就像找MM一样,简单单纯傻傻的MM好,那些复杂要猜心的就让她靠边吧,不能把握的再美再好咋都不要,哈哈,扯远了.言归正传,先介绍dtree的基本使用.第一步,引用dtree的资源,在你的页面文件head标签中引用dtree的

dtree基础

最近用到了dtree来建立树,纠结过好久后,终于有了些门道,下面的总结希望对咪咪们有些帮助: dtree用来建立静态树或者动态树都是很方便的,老外给提供了整个的JS,然后我们只是操心这个树中存放的元素以及这些元素链接地址就可以了,其他的实现过程完全是由老外的代码实现的,我们不必深究. 有关Dtree的所有文件我已经打包发到网盘,且里面有一些范例等,包括了一个网友的PPT介绍,很牛的.    解压缩dtree.zip 包. dtree目录下包括这些文件:example01.html . dtree

dTree+jquery生成树

Dtree目录树的总结 一:函数 1:页面中                              tree.add(id,pid,name,url,title,target,icon,iconOpen,open);                                  参数说明:                                              id         :节点自身的id                                    

dTree无限级目录树和JQuery同步Ajax请求

以前都是用JQuery对树的支持来实现目录树的,近来闲来无事就弄了下dTree,感觉其无限级目录还是挺好的,而且它的使用也比较方便,基本上就是先把要用的js文件即dtree.js和css文件dtree.css引入,另外就是它默认的图片,当然这些图片都是可以自己指定的,它的css样式也可以自己改变的! 关于dTree就先谈谈它的node,dTree的node的构造方法可以指定下列参数, Js代码 id //唯一标识,数字型 pid//父节点的id,如果是根结点那就只能是-1,一般来讲只有一个最顶层