先简单做一个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