几行代码搞定一棵漂亮的树

程序名：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();

这是一个XML节点，

myTree.clickItem

像当于一个记录型变量。
它的原型如下：

function clickNode(){
	this.obj		=null;
	this.caption	=null;
	this.level		=null;
	this.value		=null;
}

部分代码解释：

var self =this; //相当于一个引用，指向自己。JTree.

self实际上就像当于一个指针（见JTree.js的开头部分）

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