zTree树的模糊搜索

工作需要，所以做了一个比较方便的搜索功能；
1、功能实现都是基于zTree的API；
2、如有更好的建议，欢迎拍我；
其中要说明下的是flag 这个字段， 这是我自己定义的扩展字段，代码中涉及到flag 请先了解zTree哦

 /**
      * 展开树
      * @param treeId
      */
     function expand_ztree(treeId){
         var treeObj = $.fn.zTree.getZTreeObj(treeId);
         treeObj.expandAll(true);
     }

     /**
      * 收起树：只展开根节点下的一级节点
      * @param treeId
      */
     function close_ztree(treeId){
         var treeObj = $.fn.zTree.getZTreeObj(treeId);
         var nodes = treeObj.transformToArray(treeObj.getNodes());
         var nodeLength = nodes.length;
         for (var i = 0; i < nodeLength; i++) {
             if (nodes[i].id == '0') {
                 //根节点：展开
                 treeObj.expandNode(nodes[i], true, true, false);
             } else {
                 //非根节点：收起
                 treeObj.expandNode(nodes[i], false, true, false);
             }
         }
     }

     /**
      * 搜索树，高亮显示并展示【模糊匹配搜索条件的节点s】
      * @param treeId
      * @param searchConditionId 文本框的id
      */
     function search_ztree(treeId, searchConditionId){
         searchByFlag_ztree(treeId, searchConditionId, "");
     }

     /**
      * 搜索树，高亮显示并展示【模糊匹配搜索条件的节点s】
      * @param treeId
      * @param searchConditionId        搜索条件Id
      * @param flag                     需要高亮显示的节点标识
      */
     function searchByFlag_ztree(treeId, searchConditionId, flag){
         //<1>.搜索条件
         var searchCondition = $('#' + searchConditionId).val();
         //<2>.得到模糊匹配搜索条件的节点数组集合
         var highlightNodes = new Array();
         if (searchCondition != "") {
             var treeObj = $.fn.zTree.getZTreeObj(treeId);
             highlightNodes = treeObj.getNodesByParamFuzzy("name", searchCondition, null);
         }
         //<3>.高亮显示并展示【指定节点s】
         highlightAndExpand_ztree(treeId, highlightNodes, flag);
     }

     /**
      * 高亮显示并展示【指定节点s】
      * @param treeId
      * @param highlightNodes 需要高亮显示的节点数组
      * @param flag             需要高亮显示的节点标识
      */
     function highlightAndExpand_ztree(treeId, highlightNodes, flag){
         var treeObj = $.fn.zTree.getZTreeObj(treeId);
         //<1>. 先把全部节点更新为普通样式
         var treeNodes = treeObj.transformToArray(treeObj.getNodes());
         for (var i = 0; i < treeNodes.length; i++) {
             treeNodes[i].highlight = false;
             treeObj.updateNode(treeNodes[i]);
         }
         //<2>.收起树, 只展开根节点下的一级节点
         close_ztree(treeId);
         //<3>.把指定节点的样式更新为高亮显示，并展开
         if (highlightNodes != null) {
             for (var i = 0; i < highlightNodes.length; i++) {
                 if (flag != null && flag != "") {
                     if (highlightNodes[i].flag == flag) {
                         //高亮显示节点，并展开
                         highlightNodes[i].highlight = true;
                         treeObj.updateNode(highlightNodes[i]);
                         //高亮显示节点的父节点的父节点....直到根节点，并展示
                         var parentNode = highlightNodes[i].getParentNode();
                         var parentNodes = getParentNodes_ztree(treeId, parentNode);
                         treeObj.expandNode(parentNodes, true, false, true);
                         treeObj.expandNode(parentNode, true, false, true);
                     }
                 } else {
                     //高亮显示节点，并展开
                     highlightNodes[i].highlight = true;
                     treeObj.updateNode(highlightNodes[i]);
                     //高亮显示节点的父节点的父节点....直到根节点，并展示
                     var parentNode = highlightNodes[i].getParentNode();
                     var parentNodes = getParentNodes_ztree(treeId, parentNode);
                     treeObj.expandNode(parentNodes, true, false, true);
                     treeObj.expandNode(parentNode, true, false, true);
                 }
             }
         }
     }

     /**
      * 递归得到指定节点的父节点的父节点....直到根节点
      */
     function getParentNodes_ztree(treeId, node){
         if (node != null) {
             var treeObj = $.fn.zTree.getZTreeObj(treeId);
             var parentNode = node.getParentNode();
             return getParentNodes_ztree(treeId, parentNode);
         } else {
             return node;
         }
     }

     /**
      * 设置树节点字体样式
      */
     function setFontCss_ztree(treeId, treeNode) {
         if (treeNode.id == 0) {
             //根节点
             return {color:"#333", "font-weight":"bold"};
         } else if (treeNode.isParent == false){
             //叶子节点
             return (!!treeNode.highlight) ? {color:"#ff0000", "font-weight":"bold"} : {color:"#660099", "font-weight":"normal"};
         } else {
             //父节点
             return (!!treeNode.highlight) ? {color:"#ff0000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};
         }
     }

     //==============HTML==============
     <!--搜索框-->
     <div class="padd" style="padding-bottom: 0px;">
         <div class="input-append row-fluid" style="margin-bottom: 0px;">
             <input id="search_condition" type="text" placeholder="请输入搜索条件" class="span8" style="font-size:12px"/>
             <button type="button" class="btn btn-info" onclick="search_ztree('dep_tree', 'search_condition')">搜索</button>
         </div>
     </div>
     <!--树-->
     <ul id="dep_tree" class="ztree"></ul>  

本文转载自：http://www.oschina.net/code/snippet_565465_33862

ps：ztree模糊搜索的demo，节点标红

http://www.ztree.me/v3/demo/cn/core/searchNodes.html

主要有一下设置，一开始找不到为什么没标红，看了好久。。。比较笨

 var setting = {
             view: {
                 fontCss: getFontCss
             }
         };

  function getFontCss(treeId, treeNode) {
             return (!!treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};
         }