zTree 提供了一個名為 searchNode
的方法來搜索節點,該方法接受一個字符串作為參數,用于指定要搜索的關鍵詞。當調用 searchNode
方法時,zTree 會根據指定的關鍵詞在所有節點的名稱中進行搜索,并將匹配的節點高亮顯示。
以下是一個簡單的示例代碼,演示如何使用 searchNode
方法來實現節點搜索功能:
// 初始化 zTree
var zNodes = [
{ name:"節點1", open:true, children: [ { name:"子節點1" } ] },
{ name:"節點2", open:true, children: [ { name:"子節點2" } ] },
{ name:"節點3", open:true, children: [ { name:"子節點3" } ] }
];
var setting = {
data: {
simpleData: {
enable: true
}
}
};
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
// 實現節點搜索功能
function searchNode() {
var keyword = $("#keyword").val();
zTreeObj.searchNode(keyword);
}
// 監聽搜索按鈕點擊事件
$("#searchBtn").click(function() {
searchNode();
});
在上面的示例中,我們首先初始化了一個 zTree,并為搜索按鈕綁定了一個點擊事件監聽器。當用戶在輸入框中輸入關鍵詞并點擊搜索按鈕時,調用 searchNode
方法進行節點搜索。搜索結果會在 zTree 中高亮顯示匹配的節點。