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;
    }
  • 相关阅读:
    vs2010启动调试很慢
    vs2010 cannot file the PDB file解决
    hadoop的版本到底什么样子
    关于spring 或者qurtz的配置
    eclipse 关于内嵌maven
    spring学习 mark一下
    spring mvc视图解析
    rcp项目
    邮件发送
    ASP.NET 缓存学习
  • 原文地址:https://www.cnblogs.com/yongheng178/p/1755173.html
Copyright © 2011-2022 走看看