程序名:JTree(樹狀控件) 結(jié)合了XML的長處,使您只需幾行代碼就可以擁有像Windows的資源管理器一樣的Treeview了。
之前,本人曾寫過一個(gè)Treeview,但是,不夠美觀,這一版本,在外觀上做了很大的改進(jìn),很漂亮。運(yùn)行速度很快。
詳細(xì)功能請(qǐng)見示例 示例 打包下載
JTree在onclick時(shí),有兩個(gè)值可以用:
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(); 這是一個(gè)XML節(jié)點(diǎn), myTree.clickItem 像當(dāng)于一個(gè)記錄型變量。 它的原型如下: function clickNode(){
this.obj =null;
this.caption =null;
this.level =null;
this.value =null;
} 部分代碼解釋: var self =this; //相當(dāng)于一個(gè)引用,指向自己。JTree. self實(shí)際上就像當(dāng)于一個(gè)指針(見JTree.js的開頭部分)
程序代碼很簡單,只要用心讀。 經(jīng)典論壇原帖子討論地址: http://www.95time.cn/bbs/NewsDetail.asp?id=2362559
出處:藍(lán)色理想
責(zé)任編輯:moby
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|