ztree 模糊查詢

2021-08-21 09:12:09 字數 1420 閱讀 3476

之前寫的一篇文章僅符合自己專案需求的一種寫法,現提供通用的書寫方式,廢話少說見**。

頁面效果:

**如下:

//container左側邊欄ztree搜尋

var queryhidenodes = ;//查詢隱藏的

var queryshownodes = ;//查詢展示的

$(".ztreesearch").keyup(function(e)

var treeid = $(".ztree").attr("id");

var treeobj = $.fn.ztree.getztreeobj(treeid);

var queryword=$(".ztreesearch").val().touppercase();

//顏色重置

function resetcolor()   

}resetcolor();

//展示查詢的節點兒

function showquerynode(node)

}function hidequerynode(node)

}function filter(queryshownode,node)else

}else if(queryshownode.name==node.name)else

}function filterhidefunc(node)

}return boolen;

}function filtershowfunc1(node)

function filtershowfunc2(node)

}return boolen;

}queryshownodes=treeobj.getnodesbyfilter(filtershowfunc1);//過濾得到匹配的名稱的節點

queryhidenodes=treeobj.getnodesbyfilter(filterhidefunc);//過濾得到隱藏的

var queryshownodes2=;

queryshownodes2=treeobj.getnodesbyfilter(filtershowfunc2);//過濾得到展示的節點

if(!queryshownodes.length)

if(queryhidenodes.length)

for( var i=0; i

}else

}treeobj.hidenodes(queryhidenodes);

treeobj.shownodes(queryshownodes2);

$(this).focus();

});

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...

ztree模糊查詢,只保留查詢到的節點

varztreenodes vartoshownodeslist newobject vartoshownodesarray varchecknodes varchecknodeids vartreeobj functionmakestationtree node type treeobj.hide...