您的位置:首页 > Web前端 > JavaScript

dtree 强大JS的树形控件

2014-05-08 10:02 218 查看
这个树型控件非常的好用,掌握好可以是我们省力省时。

dtree目录下包括这些文件:example01.html 、dtree.js 、api.html 、dtree.css 和img目录

<link rel="StyleSheet" href="css/dtree.css" type="text/css" />    

<script type="text/javascript" src="js/dtree.js"></script>    

必须引用的两个文件。

生成树

节点的代码:

<script type="text/javascript">    

 <!--    

d = new dTree(’d’);//创建一个树对象

 d.add(0,-1,’My example tree’); //创建一个树对象

d.add(1,0,’Node 1’,’example01.html’);
第一个参数,表示当前节点的ID        

第二个参数,表示当前节点的父节点的ID,根节点的值为-1       

第三个参数,节点要显示的文字

第四个参数,节点的Url        

第五个参数,鼠标移至该节点时节点的Title        

第六个参数,节点的target   

第七个参数,用做节点的图标,节点没有指定图标时使用默认值

第八个参数,用做节点打开的图标,节点没有指定图标时使用默认值

第九个参数,判断节点是否打开
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  控件 js dtree