之前寫的一篇文章僅符合自己專案需求的一種寫法,現提供通用的書寫方式,廢話少說見**。
頁面效果:
**如下:
//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...