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;
    }
  • 相关阅读:
    《图解HTTP》读书笔记
    Python3 官方文档翻译
    Python3 官方文档翻译
    支付宝Payto接口的C#.net实现方法
    updatepanel用法之triggers(局部刷新,全部刷新)使用示例
    SQL Server中解决死锁
    js字符串与16进制互相转换
    文字超出隐藏并显示省略号,表格固定表头,两表格左右对齐,
    SQL Server中行列转换 Pivot UnPivot
    查看SQL Server日志 Part 1
  • 原文地址:https://www.cnblogs.com/yongheng178/p/1755173.html
Copyright © 2011-2022 走看看