快捷導航

Easyui Tree獲取當前選擇節(jié)點的所有頂級父節(jié)點

更新時間：2017年02月14日 10:42:25 投稿：mrr

這篇文章主要介紹了Easyui Tree獲取當前選擇節(jié)點的所有頂級父節(jié)點,以及easyUI Tree顯示選中節(jié)點的所有父節(jié)點的實現(xiàn)代碼，需要的朋友可以參考下

只支持四層目錄結(jié)構(gòu)，比較笨的一個方法

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++) { //可以視樹的層級合理設(shè)置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é)果顯示：

這里寫圖片描述