1.首先引入dtree的js包和css样式包。
<script type="text/javascript" src="dtree.js"></script>
<link href="dtree.css" rel="stylesheet" type="text/css" />
2.创建一个dtree对象，在dtree.js中的function dtree(objName)中对创建出来的树的属性进行了设置，在this.config中，如果对默认的设置不认可，可以自行修改。
tree = new dtree("tree")，可以通过以下方式改变树的属性：
tree.config.useIcon = true;
3.对创建好的树对象添加职业，运用dtree.js中的dtree.prototype.add方法，这个方法有9个参数：
id 节点自身ID（唯一）
pid 父节点ID
name 节点显示在页面上的名字
url 节点链接的地址
title 鼠标放在节点上显示的提示内容
target 节点连接所打开的目标frame
icon 节点关闭状态时显示的图标
iconOpen 节点打开状态时显示的图标
open 节点第一次加载时是否打开
4.页面调用时可以采用c:foreach或者是s:itorter来遍历传递过来的模型列表，将遍历后的数据插入到树中
例：
<c:foreach items="${deptlist}" var="items" >
var id = "${items.deptId}";
var pid = "${items.tblSysDepartment.deptId}";
var name = "${items.deptName}";
tree.add(id,pid,name,"user.action",name,"","js/dtree/img/block.png","js/dtree/img/block.png",false);
</c:foreach>
function init(){
tree.clearCookie();
document.getElementById("treeDiv").innerHTML = tree;
}
<body οnlοad="init()">
<div id="treeDiv">
</div>
</body>
扫一扫
1071
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
