TreeView 無重新整理展開與收縮

1.當然有一個TreeView咯，這裡ID名為 treeViewType

<asp:TreeView ID="treeViewType" runat="server" ExpandDepth="1"></asp:TreeView>

 

2.然後需要兩個按鈕，其中 TreeviewExpandCollapseAll 為JS方法，後面介紹

<input type="button" value="展開" class="but1" onclick="TreeviewExpandCollapseAll('<%=treeViewType.ClientID%>', true)" />
<input type="button" value="收縮" class="but1" onclick="TreeviewExpandCollapseAll('<%=treeViewType.ClientID%>', false)" />

 

3.最關鍵的JS方法來了，嘿嘿

/*
* 樹展開收縮方法 2010-03-23 PM By WQY
* treeViewId: 樹對象
* expandAll: 展開或收縮
*/
function TreeviewExpandCollapseAll(treeViewId, expandAll) {
    var displayState = (expandAll == true ? "none" : "block");
    var treeView = document.getElementById(treeViewId);
    if (treeView) {
        var treeLinks = treeView.getElementsByTagName("a");
        var nodeCount = treeLinks.length;

        for (i = 0; i < nodeCount; i++) {
            if (treeLinks[i].firstChild.tagName) {
                if (treeLinks[i].firstChild.tagName.toLowerCase() == "img") {
                    var currentToggleLink = treeLinks[i];
                    var childContainer = GetParentByTagName("table", currentToggleLink).nextSibling;
                    if (childContainer.style.display == displayState) {
                        eval(currentToggleLink.href);
                    }
                }
            }
        }
    }
}

function GetParentByTagName(parentTagName, childElementObj) {
    var parent = childElementObj.parentNode;
    while (parent.tagName.toLowerCase() != parentTagName.toLowerCase()) {
        parent = parent.parentNode;
    }
    return parent;
}