几行代码搞定一棵漂亮的树!可运行于IE和FireFox,Opera(查看更新)下

2005-12-14 12:46:29

程序名:JTree(树状控件) 结合了XML的长处,使您只需几行代码就可以拥有像Windows的资源管理器一样的Treeview了。 之前,本人曾写过一个Treeview,但是,不够美观,这一版本,在外观上做了很大的改进,很漂亮。运行速度很快。 详细功能请见示例。 [url=http://www.chancesoft.net/picture/JTree/demo.htm]示例[/url] [url=http://www.chancesoft.net/picture/JTree/JTree.rar]下载[/url] JTree在onclick时,有两个值可以用: var myTree=new JTree("showTree","vogueType.xml"); myTree.setPicPath("img/") myTree.onclick=function(){ //alert(myTree.selectNode.parentNode.attributes.getNamedItem("explain").nodeValue); //alert(myTree.clickItem.level) setValueById("typeCaption",getNodeAtt(myTree.selectNode,"caption")); setValueById("parentType",getNodeAtt(myTree.selectNode.parentNode,"caption")); setValueById("PRI",getNodeAtt(myTree.selectNode,"PRI")); setValueById("explain",getNodeAtt(myTree.selectNode,"explain")); setValueById("level",myTree.clickItem.level); } myTree.CAPTIONATT="caption"; myTree.create(); myTree.selectNode 这是一个XML节点, myTree.clickItem 像当于一个记录型变量。 它的原型如下: function clickNode(){ this.obj =null; this.caption =null; this.level =null; this.value =null; } 部分代码解释: var self =this; //相当于一个引用,指向自己。JTree. self实际上就像当于一个指针(见JTree.js的开头部分) 程序代码很简单,只要用心读。