程序名: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的开头部分)
程序代码很简单,只要用心读。 经典论坛原帖子讨论地址: http://www.blueidea.com/bbs/NewsDetail.asp?id=2362559
出处:蓝色理想
责任编辑:moby
◎进入论坛网络编程版块参加讨论
|