1.要用TreeView多选就要显示复选框，TreeView默认不显示复选框，显示复选框： TreeView2.ShowCheckBoxes = TreeNodeTypes.All;

初始化TreeView

 for (int i = 0; i < 3; i++)

                {

                    TreeNode node = new TreeNode("父节点" + i, i.ToString());

                    //node.SelectAction += TreeView1_TreeNodeCheckChanged;

                    TreeView1.Nodes.Add(node);

                    for (int j = 0; j < 4; j++)

                    {

                        TreeNode childNode = new TreeNode("子节点" + j, j.ToString());

                        node.ChildNodes.Add(childNode);

                        if (j == 0)

                        {

                            childNode.ChildNodes.Add(new TreeNode("子节点" + 1, "1"));

                        }

                    }

                }

                TreeView1.ShowCheckBoxes = TreeNodeTypes.All;

　　

效果：

2.显示了复选框之后，多选代码

        //选中节点之后，选中节点的所有子节点

        private void setChildNodeCheckedState(TreeNode currNode, bool state)

        {

            TreeNodeCollection nodes = currNode.ChildNodes;

            if (nodes.Count > 0)

                foreach (TreeNode tn in nodes)

                {

                    tn.Checked = state;

                    setChildNodeCheckedState(tn, state);

                }

        }

        //取消节点选中状态之后，取消所有父节点的选中状态

        private void setParentNodeCheckedState(TreeNode currNode, bool state)

        {

            TreeNode parentNode = currNode.Parent;

            parentNode.Checked = state;

            if (currNode.Parent.Parent != null)

            {

                setParentNodeCheckedState(currNode.Parent, state);

            }

        }

        protected void TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)

        {

            if (e.Node.Checked)

            {

                //节点勾选之后，勾选所有的子节点

                setChildNodeCheckedState(e.Node, true);

                if (e.Node.Parent != null)//检查同级的节点是否都勾选，都勾选了则勾选父节点

                {

                    bool allChildNodeChecked =true ;

                    foreach (TreeNode node in e.Node.ChildNodes)

                    {

                        if (!node.Checked)

                        {

                            allChildNodeChecked = false;

                            break;

                        }

                    }

                    if (allChildNodeChecked)

                        setParentNodeCheckedState(e.Node, true);

                }

            }

            else

            {

                //取消节点选中状态之后，取消所有父节点的选中状态

                setChildNodeCheckedState(e.Node, false);

                //如果节点存在父节点，取消父节点的选中状态

                if (e.Node.Parent != null)

                {

                    setParentNodeCheckedState(e.Node, false);

                }

            }

        }

本来以为写了上面的代码点击复选框就可以勾选对应的子节点了，但是我错了。TreeView 只有点击节点上的文字才会触发TreeView1_TreeNodeCheckChanged事件，点击复选框没用，需要用到以下代码:

    function postBackByObject() {

            __doPostBack("UpdatePanel1", ""); //此处前面是两个下划线(UpdatePanel1处是因为用了UpdatePanel所以才写这个控件ID的)

    }

    $(document).ready(function () {

//        $("input[type='checkbox']").bind("click", CheckSub);

//                $("input[type='checkbox']").bind("click", postBackByObject);

        $("[id^='MainContent_TreeView1'][id$='CheckBox']").bind("click", postBackByObject); //所有id以MainContent_TreeView1开头，以CheckBox结尾的元素

    });

上面虽然基本的功能要求都实现了，但是每次点击checkbox页面回发的时，页面都会跑到最顶端，致使勾选页面底部的checkbox的时候又要重新把滚动条拉倒底部，为了刷新页面是维持滚动条的位置可以在.aspx页面

<page>标签里加一句 MaintainScrollPositionOnPostback="true" 即可

<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" %>

　　至此大功告成！

网上也有用如下方法的，但是我发现此方法在点击节点前面的加减号的时候也会触发上面的代码，导致点击+/-号时有问题

protected void Page_Load(object sender, EventArgs e)

    {

        TreeView1.Attributes.Add("onclick", "postBackByObject()");

    }

protected void TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)

    {

        //string str=e.Node.ValuePath;

        //其他处理代码

    }

aspx中：

<head runat="server">

<script type="text/JavaScript">

    function postBackByObject()

{

        __doPostBack("","");

}

</script>

</head>

以上代码来自http://blog.csdn.net/sl159/article/details/7921920

有一中改进的写入如下，但是Firefox不支持类似的var o = window.event.srcElement;的写法，(IE没问题)，所以也没有用到

　　// 点击复选框时触发事件（此事件会引起回发）

　　function postBackByObject()

　　{

   　　var o = window.event.srcElement;

   　　if (o.tagName == "INPUT" && o.type == "checkbox")

   　　{

       　　__doPostBack("UpdatePanel1","");　　//此处前面是两个下划线(UpdatePanel1处是因为用了UpdatePanel所以才写这个控件ID的)

   　　}

　　}

摘抄于http://www.cnblogs.com/ranlin/archive/2011/08/07/2129874.html

使用TreeView 使用多选功能的更多相关文章

  1. CheckedListBoxControl 实现复选框的单选与多选功能

    由于工作需要,需要实现复选框的单选与多选功能,找了好多资料都不是很全,经过两天苦苦的挖挖挖,终于完成啦O(∩_∩)O哈哈~ 用DEV控件中的CheckedListBoxControl控件,当然VS中的 ...

  2. js初学—实现checkbox全选功能

    布局如下: <p ><input type="checkbox" id="che1"/>全选</p><div id=& ...

  3. C# winform中的datagridview控件标头加入checkbox，实现全选功能。

    /// <summary> /// 给DataGridView添加全选 /// </summary> public class AddCheckBoxToDataGridVie ...

  4. jquery实现全选功能

    主要是模拟一些网页中的表格实现全选功能. <form> 你爱好的运动是: <input type="checkbox" id="Check" ...

  5. Form - CHECKBOX全选功能

    FORM BUILDER开发,遇到这样一个需求: 添加一个CHECKBOX完成全选功能,红框为新添加的CHECKBOX(如图示) Try to use APP_RECORD.FOR_ALL_RECOR ...

  6. QComboBox实现复选功能

    需求: 下拉列表有复选功能 不可编辑 显示所有选中项   关于QComboBox的复选功能有几种方案: QStandardItemModel + QStandardItem QListWidget + ...

  7. jQuery实现的全选、反选和不选功能

    适用于网页多选后需要进行批量操作的场景(如批量删除等).如有问题希望大家可以指正.谢谢~~ HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮 ...

  8. iOS中的界面多选功能－－（UICollectionView）

    文/Jacob_Pan(简书作者)原文链接:http://www.jianshu.com/p/9d28ebd0f5a2著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”. 最近做项目接触了一 ...

  9. Flex 扩展combobox 实现复选功能

    前段时间,老大召唤,给个任务,研究一下flex的combobox控件 实现复选功能(flex自带的combobox控件不可以复选),小兵能力有限,哪里可以扩展呀,网上看了别人写的,发现总是有点瑕疵(关 ...

随机推荐

  1. 注解：Hibernate双向N->N关联（两端都控制关联关系）

    Person与Address关联:双向N->N,[连接表必须有],两端都控制关联关系 #需要说明的是:如果程序希望某一端放弃控制关联关系,则可以在这一段的@ManyToMany注解中指定mapp ...

  2. Python学习笔记（二）——HelloWorld

    一.交互式化环境下书写代码 二.使用文本编辑器编辑.py文件 1.建议,使用Nodepad++,好看,免费,度娘直接搜素即可. 2.编写代码 3.保存为.py结尾的文件 4.使用cmd,打开到文件所在 ...

  3. UITableView在设置contentOffset的同时也reload，造成tableView的contentOffset偏差

    最近在写一个聊天的框架,遇到一个奇葩的问题,就是发送聊天记录的时候(需要tableView上移,显示出最新的记录),增加一条记录无疑需要reload一下(大家都明白的),这是就会出现头疼的问题,页面显 ...

  4. 如何判断css是否加载完成

    要判断这个 CSS 文件是否加载完毕,各个浏览器的做法差异比较大,这次要说IE浏览器做的不错,我们可以直接通过onload方法来处理CSS加载完成以后的处理: // 代码节选至seajs functi ...

  5. 将android模拟器上的db文件拷贝到电脑上

    1. db文件在android手机中的存储地址一般都是/data/data/packname/databases/db_file. 2.打开cmd,运行 adb shell ,使用root权限 3.通 ...

  6. js实现去重字符串

    实现去重字符串主要是把重复的字符与原来的字符(先push()进入一个数组存起来)相匹配,如果match返回的不是null则说明重复,就删除掉: <script> var str = pro ...

  7. SpringBoot配置属性之DataSource

    https://segmentfault.com/a/1190000004316491

  8. Hibernate的实体类为什么要实现Serializable序列化接口？

    Hibernate的实体类中为什么要继承Serializable?   hibernate有二级缓存,缓存会将对象写进硬盘,就必须序列化,以及兼容对象在网络中的传输 等等. java中常见的几个类(如 ...

  9. 李洪强iOS经典面试题147-WebView与JS交互

    李洪强iOS经典面试题147-WebView与JS交互   WebView与JS交互 iOS中调用HTML 1. 加载网页 NSURL *url = [[NSBundle mainBundle] UR ...

  10. 字体在网页中画ICON图标

    用字体在网页中画ICON图标有三种小技巧: 1.用CSS Sprite在网页中画小图标 实现方法: 首先将小图片整合到一张大的图片上 然后根据具体图标在大图上的位置,给背景定位.background- ...