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;
}