Easyui Tree獲取當前選擇節(jié)點的所有頂級父節(jié)點
更新時間：2017年02月14日 10:42:25 投稿：mrr
這篇文章主要介紹了Easyui Tree獲取當前選擇節(jié)點的所有頂級父節(jié)點,以及easyUI Tree顯示選中節(jié)點的所有父節(jié)點的實現(xiàn)代碼，需要的朋友可以參考下
只支持四層目錄結構，比較笨的一個方法
JS代碼
var node = $('#tree').tree('getSelected');
//獲取該節(jié)點所有父節(jié)點
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 style="font-size:12px;font-weight:bold;">當前節(jié)點:<b id="path"></b></span>
下面看下easyUI Tree顯示選中節(jié)點的所有父節(jié)點
功能需要，顯示Tree上所選節(jié)點的所有父節(jié)點，如圖：
代碼實現(xiàn)如下：
var str = "";
var parentAll = "";
parentAll = node.text;
parentAll = parentAll.replace(/\[[^\)]*\]/g, ""); //獲得所需的節(jié)點文本
var flag = ",";
var parent = $('#leftTree').tree('getParent', node.target); //獲取選中節(jié)點的父節(jié)點
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);
結果顯示：
總結：其實原理很簡單，就是獲取當前選中節(jié)點的父節(jié)點，然后通過循環(huán)，再求父節(jié)點的父節(jié)點。通過這個功能的實現(xiàn)，也見識到了查看API的好處！
相關文章
通過JavaScript腳本復制網頁上的一個表格...2006-07-07
JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別
這篇文章主要給大家介紹了關于JavaScript偽數(shù)組和數(shù)組使用與區(qū)別的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
canvas?2d?環(huán)形統(tǒng)計圖手寫實現(xiàn)示例
這篇文章主要為大家介紹了canvas?2d?環(huán)形統(tǒng)計圖手寫實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
上文我們簡單的完成了坦克大戰(zhàn)的雛形，本文我們來繼續(xù)完善坦克大戰(zhàn)，接下來我們來學習制作地圖和碰撞檢測方面的問題。2014-11-11
javascript+jQuery實現(xiàn)360開機時間顯示效果
這篇文章主要介紹了javascript+jQuery實現(xiàn)360開機時間顯示效果，在文中給大家提到了js實現(xiàn)時間倒計時的代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-11-11
下面小編就為大家?guī)硪黄狫S全角與半角轉化實例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
今天小編就為大家分享一篇layui表格內放置圖片,并點擊放大的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
下面小編就為大家?guī)硪黄猨s和jq使用submit方法無法提交表單的快速解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05
Typescrit的模塊機制與es6的模塊基本類似，也提供了轉換為amd，es6，umd，commonjs，system的轉換，下面這篇文章就來給大家詳細介紹了關于TypeScript模塊導入的那些事，需要的朋友可以參考借鑒，下面來一起看看吧2018-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片無縫循環(huán)滾動特效的相關資料，本實例在網頁中較為常見，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01