今天開發(fā)的時候,因為需求需要實現(xiàn)同一個頁面左右兩棵樹,如果選中某一棵樹的某一個節(jié)點,相應(yīng)的另一顆樹的該節(jié)點也被選中看铆。(兩棵樹是有關(guān)聯(lián)的。當然可以根據(jù)自己需要改變聯(lián)動條件和方式)盛末。此處不再粘貼實現(xiàn)樹的代碼弹惦,僅僅展示實現(xiàn)聯(lián)動的方法。
效果如圖:
效果圖
代碼:
function linkageTreeClick(event, treeId, treeNode) {
var param = treeNode.id; //獲得點擊樹的ID
var otherTree = $.fn.zTree.getZTreeObj(treeId);
// 選取樹的所有節(jié)點
var nodes = otherTree.getNodesByParam(param);
//遍歷樹的節(jié)點
for (var i in nodes) {
if(param==nodes[i].id){
otherTree.selectNode(nodes[i]);
return;
}
}
}
其中treeId為你想與之聯(lián)動的樹的ID悄但,將該方法在zTree的onclick方法中進行調(diào)用棠隐,根據(jù)自己情況,傳入?yún)?shù)算墨,然后實現(xiàn)聯(lián)動宵荒。方法selectNode()參數(shù)為樹的節(jié)點,作用為:使該節(jié)點被選中净嘀。