C#&TreeView级联父子节点(选中子节点父节点也选中，反之选中父节点子节点也选中)
由于windows提供的TreeView控件只有中节点用复选框表示时只有两种状态，即选中和不选,没有第三种（并不是所有的子节点都选中）的状态，所以下面程序也是只有这两种状态，如果需要用三种状态的复选框控件，则需要自己重新编写TreeView控件和CheckBox控件。
//===========================WinForm程序：
&&&&&&& private void treeView1_AfterCheck(object sender, TreeViewEventArgs e)
&&&&&&&&&&& SetChildChecked(e.Node);& // 判断是否是根节点
&&&&&&&&&&& if (e.Node.Parent != null)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& SetParentChecked(e.Node);
&&&&&&&&&&& }
&&&&&&& /// &summary&
&&&&&&& /// 根据子节点状态设置父节点的状态
&&&&&&& /// &/summary&
&&&&&&& /// &param name="childNode"&&/param&
&&&&&&& private void SetParentChecked(TreeNode childNode)
&&&&&&&&&&& TreeNode parentNode = childNode.P
&&&&&&&&&&& if (!parentNode.Checked && childNode.Checked)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& int ichecks = 0;
&&&&&&&&&&&&&&& for (int i = 0; i & parentNode.GetNodeCount(false); i++)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& TreeNode node = parentNode.Nodes[i];
&&&&&&&&&&&&&&&&&&& if (node.Checked) { ichecks++; }
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& if (ichecks == parentNode.GetNodeCount(false))
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& parentNode.Checked =
&&&&&&&&&&&&&&&&&&& if (parentNode.Parent != null)
&&&&&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&&&&&& SetParentChecked(parentNode);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&& else if(parentNode.Checked && !childNode.Checked)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& parentNode.Checked =
&&&&&&&&&&& }
&&&&&&& /// &summary&
&&&&&&& /// 根据父节点状态设置子节点的状态
&&&&&&& /// &/summary&
&&&&&&& /// &param name="parentNode"&&/param&
&&&&&&& private void SetChildChecked(TreeNode parentNode)
&&&&&&&&&&& for (int i = 0; i & parentNode.GetNodeCount(false); i++)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& TreeNode node = parentNode.Nodes[i];
&&&&&&&&&&&&&&& node.Checked = parentNode.C
&&&&&&&&&&&&&&& if (node.GetNodeCount(false) & 0)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& SetChildChecked(node);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
//===========================WebForm程序：
protected void BindTreeViewData()
// //省略TreeView的数据绑定 // TreeView1.Attributes.Add("onclick",
"postBackByObject()");
级联父子节点的复选框状态
void TreeView1_TreeNodeCheckChanged(object sender,
TreeNodeEventArgs e)
SetChildChecked(e.Node);
// 判断是否是根节点 if (e.Node.Parent != Null)
SetParentChecked(e.Node);
/// &summary&
/// 根据父节点状态设置子节点的状态 /// &/summary&
/// &param
name="parentNode"&&/param&
private void SetChildChecked(TreeNode parentNode)
(TreeNode node in parentNode.ChildNodes)
node.Checked =
parentNode.C
if (node.ChildNodes.Count & <span STYLE="CoLor: #)
SetChildChecked(node);
/// &summary&
/// 根据子节点状态设置父节点的状态 /// &/summary&
/// &param
name="childNode"&&/param&
private void SetParentChecked(TreeNode childNode)
TreeNode parentNode =
childNode.P
if (!parentNode.Checked &&
childNode.Checked)
{ int ichecks = <span STYLE="CoLor: #; foreach (TreeNode node in parentNode.ChildNodes)
{ if (node.Checked)
ichecks++;
if (ichecks == parentNode.ChildNodes.Count)
parentNode.Checked =
true; if (parentNodeParent != Null)
SetParentChecked(parentNode);
if (parentNode.Checked &&
!childNode.Checked)
parentNode.Checked =
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。treegrid级联勾选或深度级联勾选扩展：两种扩展 - 莫叹君临早，更有早行人 - ITeye技术网站
博客分类：
treegrid没有级联勾选，要用怎么办？自己扩展呗~
先明确两个概念：
1、级联勾选：不包括未加载的子节点
2、深度级联勾选：包括未加载的子节点
两种思路：
1、扩展个新方法cascadeCheck，当需要进行级联勾选时，调用该方法进行级联勾选或不勾选。
2、扩展onLoadSuccess方法，添加一个自定义属性：cascadeCheck（级联）或deepCascadeCheck（深度级联），通过监听checkbox的click事件判断是否级联或深度级联来进行级联勾选或不勾选。
第一种扩展，因为是调用方法的，所以使用起来比较灵活，你可以在单击事件里使用，也可以在双击事件、右键菜单等里面使用；第二种扩展，因为是事件监听，只要设置了属性就会自动进行级联操作。
以下贴上两种扩展的代码：
【第一种】扩展一个方法cascadeCheck
* 扩展树表格级联勾选方法：
* @param {Object} container
* @param {Object} options
* @return {TypeName}
$.extend($.fn.treegrid.methods,{
* 级联选择
* @param {Object} target
* @param {Object} param
param包括两个参数:
id:勾选的节点ID
deepCascade:是否深度级联
* @return {TypeName}
cascadeCheck : function(target,param){
var opts = $.data(target[0], "treegrid").
if(opts.singleSelect)
var idField = opts.idF//这里的idField其实就是API里方法的id参数
var status =//用来标记当前节点的状态，true:勾选，false:未勾选
var selectNodes = $(target).treegrid('getSelections');//获取当前选中项
for(var i=0;i&selectNodes.i++){
if(selectNodes[i][idField]==param.id)
//级联选择父节点
selectParent(target[0],param.id,idField,status);
selectChildren(target[0],param.id,idField,param.deepCascade,status);
* 级联选择父节点
* @param {Object} target
* @param {Object} id 节点ID
* @param {Object} status 节点状态，true:勾选，false:未勾选
* @return {TypeName}
function selectParent(target,id,idField,status){
var parent = $(target).treegrid('getParent',id);
if(parent){
var parentId = parent[idField];
if(status)
$(target).treegrid('select',parentId);
$(target).treegrid('unselect',parentId);
selectParent(target,parentId,idField,status);
* 级联选择子节点
* @param {Object} target
* @param {Object} id 节点ID
* @param {Object} deepCascade 是否深度级联
* @param {Object} status 节点状态，true:勾选，false:未勾选
* @return {TypeName}
function selectChildren(target,id,idField,deepCascade,status){
//深度级联时先展开节点
if(!status&&deepCascade)
$(target).treegrid('expand',id);
//根据ID获取下层孩子节点
var children = $(target).treegrid('getChildren',id);
for(var i=0;i&children.i++){
var childId = children[i][idField];
if(status)
$(target).treegrid('select',childId);
$(target).treegrid('unselect',childId);
selectChildren(target,childId,idField,deepCascade,status);//递归选择子节点
该方法需要一个参数
id:'节点id',//这里的id其实是所选行的idField列的值
deepCascade:true
//true:深度级联,false:级联
使用该方法的时候需要注意：
1、singleSelect=false，明显要支持多选
2、{field:'ck',checkbox:true}，当然勾选框也不能少
3、idField需要设置，不然找不着id了。idField的意义就不多说了~
使用示例：
$('#test').treegrid({
idField:'code',//需设置
treeField:'code',
singleSelect:false,//需设置
columns:[[
{field:'ck',checkbox:true},//需设置
{title:'Code',field:'code',width:200},
onClickRow:function(row){
//级联选择
$(this).treegrid('cascadeCheck',{
id:row.code, //节点ID
deepCascade:true //深度级联
【第二种】扩展treegrid的onLoadSuccess事件，代码如下：
* 扩展树表格级联选择（点击checkbox才生效）：
自定义两个属性：
cascadeCheck ：普通级联（不包括未加载的子节点）
deepCascadeCheck ：深度级联（包括未加载的子节点）
$.extend($.fn.treegrid.defaults,{
onLoadSuccess : function() {
var target = $(this);
var opts = $.data(this, "treegrid").
var panel = $(this).datagrid("getPanel");
var gridBody = panel.find("div.datagrid-body");
var idField = opts.idF//这里的idField其实就是API里方法的id参数
gridBody.find("div.datagrid-cell-check input[type=checkbox]").unbind(".treegrid").click(function(e){
if(opts.singleSelect)//单选不管
if(opts.cascadeCheck||opts.deepCascadeCheck){
var id=$(this).parent().parent().parent().attr("node-id");
var status =
if($(this).attr("checked")) status =
//级联选择父节点
selectParent(target,id,idField,status);
selectChildren(target,id,idField,opts.deepCascadeCheck,status);
* 级联选择父节点
* @param {Object} target
* @param {Object} id 节点ID
* @param {Object} status 节点状态，true:勾选，false:未勾选
* @return {TypeName}
function selectParent(target,id,idField,status){
var parent = target.treegrid('getParent',id);
if(parent){
var parentId = parent[idField];
if(status)
target.treegrid('select',parentId);
target.treegrid('unselect',parentId);
selectParent(target,parentId,idField,status);
* 级联选择子节点
* @param {Object} target
* @param {Object} id 节点ID
* @param {Object} deepCascade 是否深度级联
* @param {Object} status 节点状态，true:勾选，false:未勾选
* @return {TypeName}
function selectChildren(target,id,idField,deepCascade,status){
//深度级联时先展开节点
if(status&&deepCascade)
target.treegrid('expand',id);
//根据ID获取下层孩子节点
var children = target.treegrid('getChildren',id);
for(var i=0;i&children.i++){
var childId = children[i][idField];
if(status)
target.treegrid('select',childId);
target.treegrid('unselect',childId);
selectChildren(target,childId,idField,deepCascade,status);//递归选择子节点
e.stopPropagation();//停止事件传播
使用该扩展的时候需要注意：
1、singleSelect=false，明显要支持多选
2、级联是还需要配置属性（自定义属性，API没有）：
cascadeCheck ：true
//普通级联（不包括未加载的子节点）
deepCascadeCheck ：true //深度级联（包括未加载的子节点）
3、{field:'ck',checkbox:true}，当然勾选框也不能少
4、idField同样需要设置，不然找不着id了。
好了，两种扩展思路均已实现，喜欢用哪种，自己选择吧，当然两种一起使用也是没问题的，呵呵~
浏览 17819
浏览: 129048 次
来自: 广州
UserBean: id,usernameMap&lt ...
HTTP Status 415 -type Status re ...
spring mvc demo教程源代码下载，地址：http: ...
确实可以！！
我试了一下，都不能用。。。。如果在contraller里是放的 ...2012年12月 .NET技术大版内专家分月排行榜第三
2017年2月 总版技术专家分月排行榜第三
2017年3月 .NET技术大版内专家分月排行榜第一2017年2月 .NET技术大版内专家分月排行榜第一2016年10月 .NET技术大版内专家分月排行榜第一2016年8月 .NET技术大版内专家分月排行榜第一2016年7月 .NET技术大版内专家分月排行榜第一
本帖子已过去太久远了，不再提供回复功能。关于extjs treepanel复选框选中父节点与子节点的问题 - 起飞网
extjs 如图，实现带有复选框的树,选中父节点时，选中所有子节点。取消所有子节点时，才能取消根节点。
var Fpanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ "checkchange": function(node, state) { if (node.parentNode != null) { //子节点选中 node.cascade(function(node){ node.attributes.checked = node.ui.checkbox.checked =
}); //父节点选中 var pNode = node.parentN if (state || Fpanel.getChecked(id, pNode) == "") { pNode.ui.toggleCheck(state); pNode.attributes.checked = } } } } }); authorityTree(Fpanel); var authorityTree = function(Fpanel){ Ext.Ajax.request({ url: 'authorityTree.ashx', method:'get', success: function(request) { var data = Ext.util.JSON.decode(request.responseText); Fpanel.getRootNode().appendChild(data); Fpanel.getRootNode().expandChildNodes(true); Fpanel.expandAll(); }, failure: function() { Fpanel.render(); Ext.MessageBox.show({ title: '提示', msg: '服务器忙,请使用火狐浏览器浏览或稍后重试！', buttons: Ext.MessageBox.OK, icon: Ext.MessageBox.ERROR }); } }); }Extjs改变树节点的勾选状态点击按钮将复选框去掉
字体：[ ] 类型：转载 时间：
需要一个功能点击一个按钮后将树节点前的复选框去掉，变成没有选择的状态，百度一下发现个不错的方法，需要的朋友可以参考下
今天系统中有处地方需要一个功能点击一个按钮后将树节点前的复选框去掉，变成没有选择的状态。网上搜索了半天，然后自己查查API，终于找到解决办法了，下面把方法贴出来。 在Extjs3.x和4.x版本中的处理方法是不一样的， 3.x版本中可以这样操作：
代码如下: node.attributes.checked= node.getUI().toggleCheck(false);
这样就可以取消节点的check状态并且将页面上的勾去掉。 在ExtJs4中的方法如下：
代码如下: node.raw.checked= node.set("checked",false);
这样同样可以达到效果！ 实践出真知，遇到问题不怕难，不退缩，总是会解决的。 宝剑锋从磨砺出，梅花香自苦寒来。 如果，您认为阅读这篇博客让您有些收获，不妨点击一下右下角的【推荐】按钮。 如果，您希望更容易地发现我的新博客，不妨关注一下或者分享一下。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具