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. PAT A 1018. Public Bike Management (30)【最短路径】

    https://www.patest.cn/contests/pat-a-practise/1018 先用Dijkstra算出最短路,然后二分答案来验证,顺便求出剩余最小,然后再从终点dfs回去求出路 ...

  2. C++ 数字转换为string类型

    经常需要循环读入多组序号的图像,需要将int转换为string,简单的函数代码如下: #include <sstream>#include <string> string In ...

  3. Linux学习笔记(6)-文件I/O

    持续一个礼拜的出差终于结束了,本次出差真是收益良多,不仅品尝了正宗的大闸蟹,同时也是第一次体验了产品的现场实施流程. 明天开始继续学习Linux! ----------------------分割线- ...

  4. POJ 2431Expedition

    Description A group of cows grabbed a truck and ventured on an expedition deep into the jungle. Bein ...

  5. 一些Asp.Net面试题答案

    工作时间长了总是用同样的一些东西  其他的有些生疏  闲来看看面试题练习一下:  题目出处嘛...aspnet-tests-for-juniors 转载请注明来源:http://www.cnblogs ...

  6. java分享第九天-01(抽象类)

    1 为什么需要抽象类?如何定义抽象类 是一种模板模式,抽象类为所有子类提供了一个通用模板,子类可以在这个模版基础上进行扩展: 通过抽象类,可以避免子类设计的随意性.通过抽象类,我们就可以做到严格限制子 ...

  7. extjs4 各种怪异问题

    用extjs4 已经有一段时间了,过去开发的时候用过extjs2.2 因为放下了两年所有很多东西记得不是很清楚了,现在又直接使用4 突然发现这个世界变得太快连代码都变得这么快,大部分东西都完全不一样了 ...

  8. JSF 与 HTML 标签的联系

    *页面的开头 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> <%@ t ...

  9. session在本地可以正常使用,而在sae上却无法使用或者值为空的解决方法

    session在本地可以正常使用,而在sae上却无法使用或者值为空的解决方法: session_start()放在当前页代码的第一行即可解决该问题. 在本地上session_start()如果不是放在 ...

  10. 2016huasacm暑假集训训练四 DP_B

    题目链接:http://acm.hust.edu.cn/vjudge/contest/125308#problem/M 题意:有N件物品和一个容量为V的背包.第i件物品的费用是体积c[i],价值是w[ ...