zTree實現搜尋選中事件

2021-08-21 17:23:17 字數 1331 閱讀 3787

效果展示：

組織機構
js：

$(function () ,


data: ,


******data: 


},callback: 


};var showdata = ;


var organization = {};


$.ajax( else 


}});


//樹載入 end


})//下面這個是我這邊功能需要的，可以不要


function ztreeonclick(event, treeid, treenode) 


function querystafftabbynode(pageno, node) ;


$.gridloading();


$.ajax();


$("#organizationtabdiv").empty();


$("#organizationtabdiv").html(data);


}});


}
後端**：

@responsebody


public mapgetorganizationztree(tdsysorganization organizationdto)
詳細的可以參考ztree api:

下面寫一下關於ztree選中樹節點的獲取方法：

checkbox形式的選中網上有很多，這裡就不寫了，這裡主要介紹一種

check: ,
的情況

/**


* 選定上級組織結構資訊


*/function selectorgconfirm(event, treeid, treenode) 


function oncheckorgconfirm() 


}
下面的我的是給元件賦值，可以根據實際場景修改

獲取選中節點：主要就是取到樹物件之後：

getselectednodes()
例項：

//獲取所選節點資訊


var treenodeselected = $.fn.ztree.getztreeobj("treedemo").getselectednodes();


if (treenodeselected)

ztree選中指定節點

var treeobj fn.ztree.getztreeobj bookcatalogtreelist 樹形結構的元素的id值 var snodes treeobj.getselectednodes var a treeobj.getnodebyparam gid 10 選中的那個元素的gid 1...

zTree模糊搜尋

根據搜尋的值重新顯示整個ztree 1 輸入框 2 js chatgroupserarchbtn click function function doqueryalg4name value treeobj.shownodes nodelist 指定被顯示的節點 json 資料集合 if value ...

ztree模糊搜尋

1 方法 function 載入樹方法和事件 function searchdepart newdepartcontroller.do?gettreedata datatype json data success function list var setting check view data c...