程序名: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的开头部分) 程序代码很简单,只要用心读。
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索代码
, this
, jtree
一个
用卡纸做一棵漂亮的树、怎样画一棵漂亮的树、漂亮的404页面代码、html 漂亮表格 代码、漂亮的网站底部代码,以便于您获取更多的相关知识。
时间: 2024-10-26 09:08:41