Ztree 模糊搜索

在做Ztree搜索时,发现有点问题,当搜索框的值为空时,不能显示全部的Ztree,有些人选择重新加载Ztree,感觉对服务器是一种压力,我的观点是客服端做的不让服务器去做,另外有一个观点把隐藏的点遍历出来,当为空时,加载数组,这种没有弄出来,现在有一种简单的方法去实现,CSDN中有一个下载资源要13积分,简直丧心病狂了,很气愤,就写下来了,引用了别人的一些代码!

关键代码如下:

 if ($("#treeSearch").length) {

        $('#treeSearch').on('keyup', function (e) {
          
            search_keyword("tree", $(this).val());
        });

}

function search_keyword(treeId,keyword) {
    if (keyword === "") {
        //显示上次搜索后背隐藏的结点
        var nodes = $.fn.zTree.getZTreeObj(treeId).getNodesByParam("isHidden", true);

        $.fn.zTree.getZTreeObj(treeId).showNodes(nodes);
        return;
    }

    var zTree = $.fn.zTree.getZTreeObj(treeId);
    var allNodes = zTree.transformToArray(zTree.getNodes());
    zTree.hideNodes(allNodes);    //当开始搜索时,先将所有节点隐藏

    var nodeList = zTree.getNodesByParamFuzzy('name', keyword, 0);    //通过关键字模糊搜索
    var arr = new Array();
    for (var i = 0; i < nodeList.length; i++) {
        arr = $.merge(arr, nodeList[i].getPath());    //找出所有符合要求的叶子节点的路径
    }
    zTree.showNodes($.unique(arr));    //显示所有要求的节点及其路径节点
    zTree.expandAll(true);    //展开路径
}

以上代码应该可以解决大部分问题了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值