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,自己的名称);