广场 › 『网站建设』 › 几行代码搞定一棵漂亮的树！可运行于IE和FireFox,Opera下

sunlei 发表于 2005 年 12 月 12 日 20:10:40

几行代码搞定一棵漂亮的树！可运行于IE和FireFox,Opera下

程序名：JTree(树状控件)
结合了XML的长处，使您只需几行代码就可以拥有像Windows的资源管理器一样的Treeview了。
之前，本人曾写过一个Treeview，但是，不够美观，这一版本，在外观上做了很大的改进，很漂亮。运行速度很快。
详细功能请见示例。
示例
打包下载
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的开头部分）
程序代码很简单，只要用心读。

chinasaint 发表于 2005 年 12 月 12 日 22:18:08

不错啊

小人物大英雄 发表于 2005 年 12 月 12 日 22:23:11

支持下，不错

xchange 发表于 2005 年 12 月 12 日 22:26:53

JTree，Java里似乎也有一个

sunlei 发表于 2005 年 12 月 12 日 20:10:40

几行代码搞定一棵漂亮的树！可运行于IE和FireFox,Opera下

程序名：JTree(树状控件)
结合了XML的长处，使您只需几行代码就可以拥有像Windows的资源管理器一样的Treeview了。
之前，本人曾写过一个Treeview，但是，不够美观，这一版本，在外观上做了很大的改进，很漂亮。运行速度很快。
详细功能请见示例。
示例
打包下载
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的开头部分）
程序代码很简单，只要用心读。

查看完整版本: 几行代码搞定一棵漂亮的树！可运行于IE和FireFox,Opera下