z tree相關設定

2022-06-14 09:03:07 字數 1501 閱讀 8291

獲得當前選中節點路徑,如部門庫〉新聞部〉文字稿:

樹如下圖:

var curlocation="";//當前位置

var treeobj = $.fn.ztree.getztreeobj("rs_tree");

var nodes = treeobj.getselectednodes();

if(nodes.length>0)

var location = "";

var nodearrs = curlocation.split(">");

for(var i=nodearrs.length-1;i>=0;i--)

location = location.substring(0, location.lastindexof(">"));

alert(location);

function getparentnodes(node,allnode)else

}

結果:

2.  ztree根據已經選中的子節點展開其所有的父節點

今天使用ztree時候,發現單獨給已經選中的葉子節點設定 open=true,其上級的父節點並不會展開,如圖,有三個選中的葉子節點,但是大概因為父節點沒有設定 open=true,所以沒有展開。

解決方式:

var datatree = $.fn.ztree.init($("#datatree"), setting, ztreenodes);            

//展開所有選中的子節點

var nodes = datatree.getcheckednodes(true);

for(var i=0; i最後結果如下:

新增乙個節點,後台返回成功後,重新整理節點:

重新整理方法

/*** 重新整理當前節點

*/function refreshnode()

/*** 重新整理當前選擇節點的父節點

*/function refreshparentnode()

參考文章:

還有一種重新整理方式,不太建議使用:

參考頁面:

ztree設定節點checked

1 根據id獲取樹的某個節點 var ztree fn.ztree.getztreeobj mytree var node ztree.getnodebyparam id 1 2 設定node節點擊中狀態 ztree.selectnode node 3 設定node節點checked選中,有兩種方法...

Ztree的相關demo練習記錄

ztree的相關demo練習記錄 1.引入ztree的相關資源,例如 js,css,2.建立乙個div或者ul 注意 一定要加乙個class什麼class呢?那就是ztree不然裡面的小圖示啥的都不管用了。再給他乙個id這個id的目的就是為了讓我們再建立ztree的時候能獲取到它。3.開始建立了乙個...

zTree介紹及相關屬性使用

ztree 是乙個依靠 jquery 實現的多功能 樹外掛程式 優異的效能 靈活的配置 多種功能的組合是 ztree 最大優點。具體使用可檢視參考 裡面有demo說明和api文件 使用前需引入js檔案 載入資料 tree ztree tree setting setting 為獲取資料 具體見下面示...