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

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

程序名：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的开头部分）

程序代码很简单，只要用心读。

这么专业的东西，怕怕了！！！