带Checkbox的TreeView(一) 完美兼容IE、Firefox ,在js中添加了getCurrentNode(evt)方法,注册方法变为TreeView1.Attributes.Add("o...

1、该节点可以访问,则他的父节点也必能访问;
  2、该节点可以访问,则他的子节点也都能访问;
  3、该节点不可访问,则他的子节点也不能访问;
     4、该子节点不能访问,则他的父节点如果没有其他选择,则父节点也不能访问
html代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreeView.aspx.cs" Inherits="TreeView" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
    <script language="javascript" type="text/javascript">
       // JScript 文件
        var flagCheck = false;
        //获取元素指定tagName的父元素
        function public_GetParentByTagName(element, tagName)
        {
            var parent = element.parentNode;
            var upperTagName = tagName.toUpperCase();
            //如果这个元素还不是想要的tag就继续上溯
            while (parent && (parent.tagName.toUpperCase() != upperTagName))
            {
                parent = parent.parentNode ? parent.parentNode : parent.parentElement;
            }
            return parent;
        }
        //设置节点的父节点Cheched——该节点可访问,则他的父节点也必能访问
        function setParentChecked(objNode)
        {
            var objParentDiv = public_GetParentByTagName(objNode,"div");
            if(objParentDiv==null || objParentDiv == "undefined")
            {
                return;
            }
            var objID = objParentDiv.getAttribute("ID");
            objID = objID.substring(0,objID.indexOf("Nodes"));
            objID = objID+"CheckBox";
            var objParentCheckBox = document.getElementById(objID);
            if(objParentCheckBox==null || objParentCheckBox == "undefined")
            {
                return;
            }
            if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
            return;
            objParentCheckBox.checked = true;
            setParentChecked(objParentCheckBox);
        }
        //检查此目录的上级中是否还有被选中的项,如果有则保持状态,没有则取消选择.
        function setParentUnCheckedforSignal(objNode)
        {
            var objParentDiv = public_GetParentByTagName(objNode,"div");
            if(objParentDiv==null || objParentDiv == "undefined")
            {
                return;
            }
            var objID = objParentDiv.getAttribute("ID");
            objID = objID.substring(0,objID.indexOf("Nodes"));
            objID = objID+"CheckBox";

            var objParentCheckBox = document.getElementById(objID);
            if(objParentCheckBox==null || objParentCheckBox == "undefined")
            {
                return;
            }        

            if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
            {
                return;
            }
            flagCheck = false;
            checkChildChecked(objParentDiv);
            //alert(flagCheck)
            if(!flagCheck)
            {
                objParentCheckBox.checked = false;
                setParentUnCheckedforSignal(objParentDiv);
            }
        }
        //检查子目录是否被选中,如果选中则修改标志flagCheck
        function checkChildChecked(divID)
        {
            var objchild = divID.children;
            for(var i=0;i<objchild.length;i++)
            {
                var tempObj = objchild[i];
                //alert(tempObj.tagName + "  " + tempObj.type);
                if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
                {
                    if(tempObj.checked == true)
                        flagCheck = true;
                }
                checkChildChecked(tempObj)
            }
        }
        //设置节点的子节点uncheched——该节点不可访问,则他的子节点也不能访问
        function setChildUnChecked(divID)
        {
            var objchild = divID.children;
            var count = objchild.length;
            for(var i=0;i<objchild.length;i++)
            {
                var tempObj = objchild[i];
                if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
                {
                    tempObj.checked = false;
                }
                setChildUnChecked(tempObj);
            }
        }
        //设置节点的子节点cheched——该节点可以访问,则他的子节点也都能访问
        function setChildChecked(divID)
        {
            var objchild = divID.children;
            var count = objchild.length;
            for(var i=0;i<objchild.length;i++)
            {
                var tempObj = objchild[i];
                if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
                {
                    tempObj.checked = true;
                }
                setChildChecked(tempObj);
            }
        }

        // 根据浏览器判断事件
        function getCurrentNode(evt) {
            var obj;

            if (window.event) {// IE
                obj = window.event.srcElement;
            } else {// FireFox
                obj = (evt ? evt : (window.event ? window.event : null)).target;
            }

            return obj;
        
        }
        //触发事件
        function CheckEvent(evt) {
            var objNode = getCurrentNode(evt);  // 根据浏览器判断事件
//            var objNode = event.srcElement;
            if(objNode.tagName!="INPUT" || objNode.type!="checkbox")
            return;
            if(objNode.checked==true)
            {
                setParentChecked(objNode);
                var objID = objNode.getAttribute("ID");
                var objID = objID.substring(0,objID.indexOf("CheckBox"));
                var objParentDiv = document.getElementById(objID+"Nodes");
                if(objParentDiv==null || objParentDiv == "undefined")
                {
                    return;
                }
                setChildChecked(objParentDiv);
            }
            else
            {
                setParentUnCheckedforSignal(objNode);
                var objID = objNode.getAttribute("ID");
                var objID = objID.substring(0,objID.indexOf("CheckBox"));
                var objParentDiv = document.getElementById(objID+"Nodes");
                if(objParentDiv==null || objParentDiv == "undefined")
                {
                    return;
                }
                setChildUnChecked(objParentDiv);
            }
        }
    </script>

</head>

<body>
   
    <form id="form1" runat="server">
        <div>
            <asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" ShowLines="True">
            </asp:TreeView>
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="show" /></div>
    </form>
</body>
</html>
 1 using  System;
 2 using  System.Data;
 3 using  System.Configuration;
 4 using  System.Collections;
 5 using  System.Web;
 6 using  System.Web.Security;
 7 using  System.Web.UI;
 8 using  System.Web.UI.WebControls;
 9 using  System.Web.UI.WebControls.WebParts;
10 using  System.Web.UI.HtmlControls;
11
12 public  partial  class  TreeView_TreeView_Check : System.Web.UI.Page
13 ExpandedBlockStart.gifContractedBlock.gif {
14    protected void Page_Load(object sender, EventArgs e)
15ExpandedSubBlockStart.gifContractedSubBlock.gif    {
16        if (!IsPostBack)
17ExpandedSubBlockStart.gifContractedSubBlock.gif        {
18            BuilderTree("00000", (TreeNode)null);
19           // TreeView1.Attributes.Add("onclick""CheckEvent()");
20          
TreeView1.Attributes.Add("onclick", "CheckEvent(event)");//兼容ie、firefox


//TreeView1.Attributes.Add("onclick", "CheckEvent(this)"); // 只支持IE

21         }
22     }
23      private   void  BuilderTree( string  ParentID, TreeNode pNode)
24 ExpandedSubBlockStart.gifContractedSubBlock.gif     {
25        string strConn, strSql;
26        strConn = "Provider=SQLOLEDB;Data Source=.;Initial Catalog=pubs;Trusted_Connection=Yes;";
27        strSql = "select * from T_MODULE_SYS";
28        System.Data.OleDb.OleDbDataAdapter da = new System.Data.OleDb.OleDbDataAdapter(strSql,strConn);
29        DataSet ds = new DataSet();
30        da.Fill(ds, "T_MODULE_SYS");
31
32        //XBGQWZ.BusinessLayer.T_Modle bus_model = new XBGQWZ.BusinessLayer.T_Modle();
33        //DataSet ds = bus_model.GetList("");
34        DataView dvTree = new DataView(ds.Tables[0]);
35        //过滤ParentID,得到当前的所有子节点
36        dvTree.RowFilter = "[MOD_PARENT_ID] = " + ParentID;
37        foreach (DataRowView row in dvTree)
38ExpandedSubBlockStart.gifContractedSubBlock.gif        {
39            TreeNode Node = new TreeNode();
40            if (pNode == null)
41ExpandedSubBlockStart.gifContractedSubBlock.gif            {
42                //添加根节点
43                Node.Text = row["MOD_DESC"].ToString();
44                Node.ToolTip = row["MOD_ID"].ToString();
45                TreeView1.Nodes.Add(Node);
46                Node.Expanded = true;
47                BuilderTree(row["MOD_ID"].ToString(), Node);//递归
48            }

49            else
50ExpandedSubBlockStart.gifContractedSubBlock.gif            {
51                //添加当前节点的自节点
52                Node.Text = row["MOD_DESC"].ToString();
53                Node.ToolTip = row["MOD_ID"].ToString();
54                pNode.ChildNodes.Add(Node);
55                //pNode.Target = row["MOD_DESC"].ToString();
56                Node.Target = "page_right";
57                Node.NavigateUrl = "http://www.baidu.com/";
58                Node.Expanded = true;
59                BuilderTree(row["MOD_ID"].ToString(), Node);//递归
60
61            }

62        }

63
64    }

65      // 遍历树
66      private   void  GetAllNodeText(TreeNodeCollection tnc)
67 ExpandedSubBlockStart.gifContractedSubBlock.gif     {
68        foreach (TreeNode node in tnc)
69ExpandedSubBlockStart.gifContractedSubBlock.gif        {
70            if (node.ChildNodes.Count != 0)
71
72                GetAllNodeText(node.ChildNodes);
73            if (node.Checked == true)
74ExpandedSubBlockStart.gifContractedSubBlock.gif            {
75                Response.Write(node.Text + " ");
76                Response.Write(node.ToolTip + " ");
77                Response.Write("<br/>");
78            }

79        }

80    }

81      // 在button的click事件中将其输出
82      protected   void  Button1_Click( object  sender, EventArgs e)
83 ExpandedSubBlockStart.gifContractedSubBlock.gif     {
84        GetAllNodeText(this.TreeView1.Nodes);
85    }

86
87 }
88
我自己设置的库,挺好用的
CREATE   TABLE   [ T_MODULE_SYS ]  (
[ MOD_ID ]   [ varchar ]   ( 50 NOT   NULL ,
[ MOD_PARENT_ID ]   [ varchar ]   ( 50 NOT   NULL ,
[ MOD_DESC ]   [ varchar ]   ( 150 NOT   NULL )

ALTER   TABLE   [ T_MODULE_SYS ]   WITH   NOCHECK   ADD    CONSTRAINT   [ PK_T_MODULE_SYS ]   PRIMARY   KEY    NONCLUSTERED  (  [ MOD_ID ]  ) INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00001 ' , ' 00000 ' , ' 开始 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00002 ' , ' 00001 ' , ' 程序 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00003 ' , ' 00001 ' , ' 设置 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00004 ' , ' 00001 ' , ' 运行 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00005 ' , ' 00002 ' , ' 管理工具 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00006 ' , ' 00002 ' , ' 附件 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00007 ' , ' 00002 ' , ' 启动 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00008 ' , ' 00005 ' , ' INTERNET 服务管理器 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00009 ' , ' 00005 ' , ' 计算机管理 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00010 ' , ' 00006 ' , ' 计算器 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00011 ' , ' 00003 ' , ' 控制面版 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00012 ' , ' 00003 ' , ' 打印机 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00013 ' , ' 00009 ' , ' 系统工具 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00014 ' , ' 00009 ' , ' 存储 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00015 ' , ' 00013 ' , ' 事件查看器 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00016 ' , ' 00013 ' , ' 共享文件夹 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00017 ' , ' 00013 ' , ' 本地用户和组 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00018 ' , ' 00014 ' , ' 可移动存储 ' )
INSERT   [ T_MODULE_SYS ]  ( [ MOD_ID ] , [ MOD_PARENT_ID ] , [ MOD_DESC ] VALUES  (  ' 00019 ' , ' 00014 ' , ' 磁盘管理 ' )

转载于:https://www.cnblogs.com/puke/archive/2007/06/06/773764.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值