zTree的模糊搜索(2)


<div class="jiansuo-cont clearfix">
            <label for="" class="dis fl">检索:</label>
            <input type="text" placeholder="" class="dis fl" id="keyword"/>
            <button class="dis fl jiansuo-botton" type="button" οnclick="filter()"></button>
 </div>



var zTreeObj;
         var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
    callback:{onClick:function(event, treeId, treeNode){
    var id = treeNode.id;
    $("#officelist",window.parent.document).attr("src","${ctx}/yywh/tbSyDepartment/list?parent.id="+id+"&parent.departName="+treeNode.name);
    }
    }
    };
    //刷新
    refreshTree();
    function refreshTree(){
    $.getJSON("${ctx}/yywh/tbSyDepartment/treeData",function(data){
    zTreeObj = $.fn.zTree.init($("#ztree"), setting, data);
    });
    }
   
    //模糊搜索
    var hiddenNodes=[]; //用于存储被隐藏的结点
    //过滤ztree显示数据
    function filter(){
       //显示上次搜索后背隐藏的结点
       zTreeObj.showNodes(hiddenNodes);
       //查找不符合条件的叶子节点
       function filterFunc(node){
           var _keywords=$("#keyword").val();
           if(node.isParent||node.name.indexOf(_keywords)!=-1) {
            return false;
           } else {
            return true;        
           };
       };
       //获取不符合条件的叶子结点
       hiddenNodes=zTreeObj.getNodesByFilter(filterFunc);
<%--        hiddenNodes.splice(0,1); --%>
       //隐藏不符合条件的叶子结点
       zTreeObj.hideNodes(hiddenNodes);
    };


效果:(保留所有父节点)



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值