JQuery EasyUI tree 筛选结点

最新推荐文章于 2024-06-12 09:29:57 发布

weixin_30449239

最新推荐文章于 2024-06-12 09:29:57 发布

阅读量267

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/you000/archive/2013/03/18/2966956.html

版权

     function searchTreeNode() {
        var searchText = $("#searchDept").val();
        if (searchText == "")
            return;
        clearTreeNodeSearch();
        //获取根结点
        var root = $("#deptedit").tree("getRoot");
        var nodes = $("#deptedit").tree("getChildren", root.target);
        for (var i = 0; i < nodes.length; i++) {
            //只取第二层级
            if (nodes[i].id.indexOf("ke") > -1) {
                if (nodes[i].text.indexOf(searchText) == -1) {
                    //结点子项第三层级
                    var child = $("#deptedit").tree("getChildren", nodes[i].target)
                    var hasChlid = false;
                    for (var j = 0; j < child.length; j++) {
                        //判断是否有指定文本 没有则隐藏该结点
                        if (child[j].text.indexOf(searchText) == -1)
                            $(child[j].target).parents("li:eq(0)").css("display", "none");
                        else
                            hasChlid = true;
                    }
                    //隐藏父结点
                    if (hasChlid == false)
                        $(nodes[i].target).parents("li:eq(0)").css("display", "none");
                }
            }
        }
    }

    function clearTreeNodeSearch() { 
        $("#searchDept").val("");
        //显示所有结点
        var root = $("#deptedit").tree("getRoot");
        var nodes = $("#deptedit").tree("getChildren", root.target);
        for (var i = 0; i < nodes.length; i++) {
            $(nodes[i].target).parents("li:eq(0)").css("display", "");
        }
    }