easyuitree实现模糊搜索功能

/*** 1&＃xff09;扩展jquery easyui tree的节点检索方法。使用方法如下&＃xff1a;* $("#treeId").tree("search", searchText);* 其中&＃xff0c;treeId为easyui tree的根UL元素的ID&＃xff0c;searchText为检索的文本。* 如果searchText为空或""&＃xff0c;将恢复展示所有节点为正常状态*/
(function($) {$.extend($.fn.tree.methods, {/*** 扩展easyui tree的搜索方法* &＃64;param tree easyui tree的根DOM节点(UL节点)的jQuery对象* &＃64;param searchText 检索的文本* &＃64;param this-context easyui tree的tree对象*/search: function(jqTree, searchText) {debugger//easyui tree的tree对象。可以通过tree.methodName(jqTree)方式调用easyui tree的方法var tree &＃61; this;//获取所有的树节点var nodeList &＃61; getAllNodes(jqTree, tree);//如果没有搜索条件&＃xff0c;则展示所有树节点searchText &＃61; $.trim(searchText);if (searchText &＃61;&＃61; "") {for (var i&＃61;0; i0) {var node &＃61; null;for (var i&＃61;0; i0) {for (var i&＃61;0; i (containerH - 30)) {var scrollHeight &＃61; container.scrollTop() &＃43; nodeOffsetHeight - containerH &＃43; 30;container.scrollTop(scrollHeight);}}}});/*** 展示搜索匹配的节点*/function showMatchedNode(jqTree, tree, node) {//展示所有父节点$(node.target).show();$(".tree-title", node.target).addClass("tree-node-targeted");var pNode &＃61; node;while ((pNode &＃61; tree.getParent(jqTree, pNode.target))) {$(pNode.target).show();}//展开到该节点tree.expandTo(jqTree, node.target);//如果是非叶子节点&＃xff0c;需折叠该节点的所有子节点if (!tree.isLeaf(jqTree, node.target)) {tree.collapse(jqTree, node.target);}}/*** 判断searchText是否与targetText匹配* &＃64;param searchText 检索的文本* &＃64;param targetText 目标文本* &＃64;return true-检索的文本与目标文本匹配&＃xff1b;否则为false.*/function isMatch(searchText, targetText) {return $.trim(targetText)!&＃61;"" && targetText.indexOf(searchText)!&＃61;-1;}/*** 获取easyui tree的所有node节点*/function getAllNodes(jqTree, tree) {var allNodeList &＃61; jqTree.data("allNodeList");if (!allNodeList) {var roots &＃61; tree.getRoots(jqTree);allNodeList &＃61; getChildNodeList(jqTree, tree, roots);jqTree.data("allNodeList", allNodeList);}return allNodeList;}/*** 定义获取easyui tree的子节点的递归算法*/function getChildNodeList(jqTree, tree, nodes) {var childNodeList &＃61; [];if (nodes && nodes.length>0) {var node &＃61; null;for (var i&＃61;0; i})(jQuery);