带Checkbox的TreeView代码实例

最新推荐文章于 2018-09-20 16:53:58 发布
最新推荐文章于 2018-09-20 16:53:58 发布
阅读量843 收藏
点赞数
分类专栏： ASP.NET 文章标签： module insert function null button dataset
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mubingyun/article/details/4103442
版权

带Checkbox的TreeView(一)
　1、该节点可以访问，则他的父节点也必能访问；
　2、该节点可以访问，则他的子节点也都能访问；
　3、该节点不可访问，则他的子节点也不能访问；
  4、该子节点不能访问，则他的父节点如果没有其他选择，则父节点也不能访问
html代码

<html xmlns="" target="_blank">http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>带Checkbox的Treeview</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;
                //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;
                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;
                if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
                {
                    tempObj.checked = true;
                }
                setChildChecked(tempObj);
            }
        }
        //触发事件
        function CheckEvent()
        {
            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>

c#

 1using System;
 2using System.Data;
 3using System.Configuration;
 4using System.Collections;
 5using System.Web;
 6using System.Web.Security;
 7using System.Web.UI;
 8using System.Web.UI.WebControls;
 9using System.Web.UI.WebControls.WebParts;
10using System.Web.UI.HtmlControls;
11
12public partial class TreeView_TreeView_Check : System.Web.UI.Page
13{
14    protected void Page_Load(object sender, EventArgs e)
15    {
16        if (!IsPostBack)
17        {
18            BuilderTree("00000", (TreeNode)null);
19            TreeView1.Attributes.Add("onclick", "CheckEvent()");
20
21        }
22    }
23    private void BuilderTree(string ParentID, TreeNode pNode)
24    {
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)
38        {
39            TreeNode Node = new TreeNode();
40            if (pNode == null)
41            {
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
50            {
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 = "/";
58                Node.Expanded = true;
59                BuilderTree(row["MOD_ID"].ToString(), Node);//递归
60
61            }
62        }
63
64    }
65    //遍历树
66    private void GetAllNodeText(TreeNodeCollection tnc)
67    {
68        foreach (TreeNode node in tnc)
69        {
70            if (node.ChildNodes.Count != 0)
71
72                GetAllNodeText(node.ChildNodes);
73            if (node.Checked == true)
74            {
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    {
84        GetAllNodeText(this.TreeView1.Nodes);
85    }
86
87}

表结构

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','磁盘管理')

 

 

木冰云
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
带CheckBox的TreeView
N_umb的专栏
08-21 899
昨天的文章里写了将TreeView里的CheckBox和TreeViewItem关联起来。但是功能太单一，今天稍微改了一下，加了点功能，显得更好看，可以在点击每个节点的时候改变其父节点及子节点的勾选状态，更符合平时的习惯。这是学习XAML以来做的第一个小程序，所以一定要记录一下。 现在我们需要的效果是这样的：选中一个节点以后，所有子节点选中，取消一个节点选中以后，所有子节点也取消选中；改变一个节
两个客户端操作TreeView节点CheckBox的小例子
hgknight的专栏
06-13 2513
最近在论坛上回答了一些关于客户端操作TreeView节点选中的问题，在网友提供的代码基础上做了两个例子。可惜原贴已经丢失了，整理一下写成文档吧为了书写方便，这两个例子没有采用codebehind方式，复制即可运行第一个例子是当取消或选中节点选中状态时，子节点也做相应的取消或选中变化需要注意的是如果要初始设置TreeNode为选中状态，只能在客户端设置。如果在服务器端设置TreeNode为选中状态，
TreeView 控件中带checkbox
weixin_34284188的博客
07-21 128
$(document).ready(function() { var widthvalue; if (jQuery.browser.msie) { $("#DropDownList1").focus(function() { widthvalue = $(this).css("width"); $(this).css("width", "auto"); }).blur(funct...
创建一个带有CheckBox的TreeView
cabmail的专栏
09-02 423
void __fastcall TForm1::FormCreate(TObject *Sender) {        SetWindowLong(TreeView1->Handle,GWL_STYLE,             GetWindowLong(TreeView1->Handle,GWL_STYLE) TVS_CHECKBOXES); } //判定一个节点是否处于Check
在TreeView中操作节点CheckBox需要注意的
愚翁专栏
04-10 4593
最近应网友要求，写一个Demo程序来演示在TreeView中，选中某个节点，使其子节点全部选中，父节点则根据当前节点变化而进行变更状态。我在实现的时候，想当然在TreeView的AfterCheck事件去做，但是已运行程序，则发现程序溢出了，仔细一看，原来是在修改某个节点的Checked属性时，使得TreeView的AfterCheck事件再次相应，从而造成连锁反应。通过事件参数，可以得到Acti
WPF 子选项为CheckBox的TreeView实例
02-09
在WPF实际项目开发的时候，经常会用到带CheckBox的TreeView，虽然微软在WPF的TreeView中没有提供该功能，但是微软在WPF中提供强大的ItemTemplate模板功能和自定义样式，那我们可以自己写一个这样的控件供自己使用。
带有checkbox选择框的treeview源代码
01-29
在本文中，我们将深入探讨如何在Windows ...这个项目将为你提供一个可运行的实例，帮助你理解如何将复选框集成到WPF的`TreeView`中，以满足项目需求。记得在实际应用中根据自己的数据结构和业务逻辑进行相应的调整。
TreeView_CheckBox.rar
11-18
在给定的实例“TreeView_CheckBox.rar”中，它被扩展和自定义以支持复选框功能，使得用户可以通过选择复选框来控制节点的选中状态。这个功能在数据管理、配置设置或者文件系统浏览等场景中非常实用。 1. **复选框...
jQuery的高性能TreeView源码(带CheckBox)
11-17
jQuery的高性能TreeView源码(带CheckBox) 1：支持静态的树，即一次性将全部数据加载到客户端。 2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。 3：Checkbox树（可能是静态树也可能是异步树...
遍历TreeView上的CheckBox
12-15
最后，从提供的`WindowsFormsApplication1`文件来看，这可能是一个简单的Windows Forms应用实例，包含了实现上述功能的代码。你可以在该项目中找到具体的实现细节，例如事件处理程序、`TreeView`控件的初始化等。 ...
带CheckBox的TreeView控件
08-21
带CheckBox的TreeView，可以在点击CheckBox或者TreeViewItem的时候改变勾选状态。
CheckBoxTreeView for Delphi7 树状视图复选框组件
05-06
CheckBoxTreeView for Delphi7 树状视图复选框组件。 该组件是一个树状视图组件。 每一个树图节点有核查框（复选框）。 该组件适合开发用户分组程序。 该组件是自编组件。编制单位：重庆千科文化传播有限责任公司。
Java带复选框的树（Java CheckBox Tree）实现和应用
08-28
主要为大家详细介绍了Java带复选框的树实现和应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
带CheckBox的Treeview
weixin_30274627的博客
09-08 67
uses CommCtrl; function TreeNodeGetChecked(mTreeNode: TTreeNode): Boolean;var vTVItem: TTVItem;begin Result := False; if not Assigned(mTreeNode) or not Assigned(mTreeNode.TreeView) then Exit; vTV...
WPF带CheckBox的TreeView控件的实现
line256的博客
09-20 2627
WPF带CheckBox的TreeView控件的实现 View: &amp;amp;amp;amp;amp;amp;amp;amp;lt;TreeView ItemsSource=&amp;amp;amp;amp;amp;amp;amp;quot;{Binding Items}&amp;amp;amp;amp;amp;amp;amp;quot; &amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;a
关于checkboxtree选中的一个小例子非常使用
yougucao379548695的专栏
06-13 2606
有网友抗天提供非常感谢 package tree;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import org.eclipse.jface.viewers.CheckboxTreeVie
CheckboxTreeviewer选中状态问题
imu2008
12-03 891
在使用JFace的CheckboxTreeViewer做开发时，如果遇到如下问题： check状态点击出现问题，check A却让B的状态check了 置灰（setGrayed）某个元素，元素状态并没有置灰，而改成了checked 选中某个元素，在selection linstener中监听到的选中元素却不是选中的元素 。。。。 如果遇到上述一系列问题（或者其他比较反常的问题），那很有可能你的问题原
Winform使用TreeView控件实现带复选框的三态树
热门推荐
laoyezha的博客
02-10 1万+
刚接触c#，项目中用到Treeview实现三态，即选中、未选中、半选中状态，并且要求父子节点选择联动，效果类似下图网上有很多例子，于是研究了一下，结合网上大佬们的例子，所以在这里记录一下。首先新建一个Winform工程拖个TreeView控件，然后运行。。。嗯。。。加点数据吧。private void CreateTree() { TreeNode anime = new TreeNode...
wpf带checkbox的treeview开发
IT Tech
12-22 2260
好久没有写博文了，其实也发现没什么可写的，最近又搞起WPF来，其中用到了treeview，有点东西拿来分享一下。 　　treeview默认是不带checkbox的，但让他带checkbox也很简单，设置一下样式即可，当然这不是难点，也不是重点，重点是checked属性怎么关联数据的问题，笔者也是查阅网上诸多大神的示例，其中就使用了绑带数据源的方式，实现动态改变checked状态，笔者也是在此
转]winform TreeView节点中的CheckBox 禁用实例（转载）
最新发布
05-24
以下是禁用 Winform TreeView 节点中的 CheckBox 的实例： 1. 创建一个自定义节点类，并继承 TreeNode 类。在新类中添加一个 bool 类型的属性 Checked，表示该节点的 CheckBox 是否可用。 ```csharp public class ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值