[Extjs6] treepanel 對樹的模糊搜索展開

/*
 *  根據首匹配節點展開樹的目錄
 *  root: 樹根節點
 *  parentNodes: 父節點集合
 *  regExp: 正則驗證 
 *  text:字段名
 */
function searchTree(root,parentNodes,regExp,text){
    log("current node..");
    log(root);
    //如果是目錄則先關閉目錄
    root.collapseChildren();
    //此時到達葉節點
    //符合規則
    if(regExp.test(root.get(text))){
        log("開始展開");
        log(parentNodes);
        $.each(parentNodes,function(index,parentNode){
            parentNode.expand();
        });
        return; //符合規則則返回
    }
    parentNodes.push(root);
    $.each(root.childNodes,function(index,childNode){
        searchTree(childNode,parentNodes,regExp,text);
    });
    parentNodes.pop();
}


/*
 *  根據葉節點展開樹的目錄
 *  root: 樹根節點
 *  parentNodes: 父節點集合
 *  regExp: 正則驗證 
 *  text:字段名
 */
function searchTreeNode(root,parentNodes,regExp,text){
    log("current node..");
    log(root);
    //此時到達葉節點
    if(root.childNodes.length < 1){
        //符合規則
        if(regExp.test(root.get(text))){
            log("開始展開");
            log(parentNodes);
            $.each(parentNodes,function(index,parentNode){
                parentNode.expand();
            });
        }
    }else{
        parentNodes.push(root);
        $.each(root.childNodes,function(index,childNode){
            searchTree(childNode,parentNodes,regExp,text);
        });
        parentNodes.pop();
    }
}
發佈了167 篇原創文章 · 獲贊 25 · 訪問量 60萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章