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;
    }
  • 相关阅读:
    神经网络 分类: 机器学习 2014-08-12 11:41 87人阅读 评论(0) 收藏
    怎样使用OpenCV进行人脸识别 分类: 计算机视觉(转载) 2014-08-11 16:54 255人阅读 评论(0) 收藏
    machine learning的网站总结 2014-08-10 21:58 91人阅读 评论(0) 收藏
    C程序设计语言习题解答
    Debian下安装vim
    我不能输
    除了爱你还能爱谁
    Linux下配置OpenCV1.0环境
    1:A+B Problem
    3:大整数加法(待复习版)
  • 原文地址:https://www.cnblogs.com/yongheng178/p/1755173.html
Copyright © 2011-2022 走看看