webdn
 
  首页     免费截图     VIP会员区     广告Banner     技术文档     网站模板  
网站截图,网站每日新 !
虚拟主机 域名注册

首页 >> WebDN 文档 >> xml教程 >> 第4页 >> JTree(树状控件)制作漂亮的树

 

JTree(树状控件)制作漂亮的树

【摘 要】 程序名:JTree(树状控件)结合了XML的长处,使您只需几行代码就可以拥有像Windows的资源管理器一样的Treeview了。

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

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



  | 
点击这里给我发消息 | 关于WebDN  |  站点地图  |  联系我们  |  WebDN 会员  |  支付方式  |  友情链接  |  隐私政策
© 2004-2008 WebDN.com 版权所有. 沪ICP备05040479号