溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
只支持四層目錄結構，比較笨的一個方法
JS代碼
var node = $('#tree').tree('getSelected');
//獲取該節點所有父節點
var parentAll = node.text;
var flag = ">>";
parentAll = flag.concat(parentAll);
var parent = $('#tree').tree('getParent', node.target);
if(parent != null && parentOne != ''){
parentAll = (parent.text).concat(parentAll);
var parentOne = $('#tree').tree('getParent', parent.target);
if(parentOne != null && parentOne != ''){
parentAll = flag.concat(parentAll);
parentAll = (parentOne.text).concat(parentAll);
var parentTwo = $('#tree').tree('getParent', parentOne.target)
if(parentTwo != null && parentTwo != ''){
parentAll = flag.concat(parentAll);
parentAll = (parentTwo.text).concat(parentAll);
}
}
}
$("#path").text(parentAll);
JSP頁面代碼
<span >當前節點:<b id="path"></b></span>
下面看下easyUI Tree顯示選中節點的所有父節點
功能需要，顯示Tree上所選節點的所有父節點，如圖：
代碼實現如下：
var str = "";
var parentAll = "";
parentAll = node.text;
parentAll = parentAll.replace(/\[[^\)]*\]/g, ""); //獲得所需的節點文本
var flag = ",";
var parent = $('#leftTree').tree('getParent', node.target); //獲取選中節點的父節點
for (i = 0; i < 6; i++) { //可以視樹的層級合理設置I
if (parent != null) {
parentAll = flag.concat(parentAll);
str = (parent.text).replace(/\[[^\)]*\]/g, "");
parentAll = (str).concat(parentAll);
var parent = $('#leftTree').tree('getParent', parent.target);
}
}
alert(parentAll);
結果顯示：
總結：其實原理很簡單，就是獲取當前選中節點的父節點，然后通過循環，再求父節點的父節點。通過這個功能的實現，也見識到了查看API的好處！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
