zoukankan      html  css  js  c++  java
  • 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;
    }
  • 相关阅读:
    HDU4507 吉哥系列故事――恨7不成妻(数位dp)
    UCF Local Programming Contest 2017 G题(dp)
    ICPC Latin American Regional Contests 2019 I题
    UCF Local Programming Contest 2017 H题(区间dp)
    HDU2089 不要62
    AcWing1084 数字游戏II(数位dp)
    UCF Local Programming Contest 2017 F题(最短路)
    Google Code Jam 2019 Round 1A Pylons(爆搜+贪心)
    AcWing1083 Windy数(数位dp)
    Vue
  • 原文地址:https://www.cnblogs.com/yongheng178/p/1755173.html
Copyright © 2011-2022 走看看