首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

dtree树的运用

2012-08-22 
dtree树的使用?dtree树可以作为简单的静态树使用,本人觉得此树组件就那样,但项目使用到了,就记录下来吧!!

dtree树的使用

?dtree树可以作为简单的静态树使用,本人觉得此树组件就那样,但项目使用到了,就记录下来吧!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Destroydrop &raquo; Javascripts &raquo; Tree</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><link rel="StyleSheet" href="dtree.css" type="text/css" /><script type="text/javascript" src="dtree.js"></script><script type="text/javascript">function createTree(){var treeDom = document.getElementById("tree2");//此tree必须定义全局变量,因为节点的操作都是基于这个变量的,并且它必须和dTree("tree")的名字相同 tree = new dTree("tree");tree.add(0,-1,'总的根');tree.add(1,0,'第1个子节点');tree.add(2,0,'第2个子节点');tree.add(3,2,'第2个节点下的子节点');tree.add(4,2,'第2个节点下的2个子节点');treeDom.innerHTML=tree.toString();}</script></head><body><h1><a href="/">Destroydrop</a> &raquo; <a href="/javascripts/">Javascripts</a> &raquo; <a href="/javascripts/tree/">Tree</a></h1><h2>Example</h2><div value="生产自己写的树" onclick="createTree()"/><div id="tree2"></div></body></html>

?

效果图为:dtree树的运用

热点排行