VS2005 TreeView的checkBox的父子节点级联状态
非常感谢原作者
--------
解决原有TreeView 的 CheckBox 被点击时不能引发服务器端事件
实现当TreeView中父节点的CheckBox的点选状态改变时
回发服务器端
触发TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)事件
从而通过代码来控制子节点的CheckBox的点选状态 一同改变
1.TreeView绑定onclick事件
通过本事件 引发回发
2.在TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)事件
编写相关代码 控制子节点的CheckBox点选状态
-------------------- HTML 页面部分 -----------------------
<head runat="server">
<title>VS2005 TreeView CheckBox</title>
<script type="text/javascript">
// 点击复选框时触发事件
function postBackByObject()
{
var o = window.event.srcElement;
if (o.tagName == "INPUT" && o.type == "checkbox")
{
__doPostBack("","");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TreeView ID="TreeView1" runat="server" OnTreeNodeCheckChanged="TreeView1_TreeNodeCheckChanged">
<SelectedNodeStyle BackColor="SlateGray" />
</asp:TreeView>
</div>
</form>
</body>
</html>
{
if (!IsPostBack)
{
//构建TreeView
TreeNode Node00 = new TreeNode("00", "00");
TreeNode Node01 = new TreeNode("01", "01");
TreeNode Node0101 = new TreeNode("0101", "0101");
TreeNode Node0102 = new TreeNode("0102", "0102");
TreeNode Node02 = new TreeNode("02", "02");
Node01.ChildNodes.Add(Node0101);
Node01.ChildNodes.Add(Node0102);
Node00.ChildNodes.Add(Node01);
Node00.ChildNodes.Add(Node02);
TreeView1.Nodes.Add(Node00);
TreeView1.ShowCheckBoxes = TreeNodeTypes.All;//显示CheckBox
TreeView1.ExpandDepth = 0;
}
//绑定事件
TreeView1.Attributes.Add("onclick", "postBackByObject()");
}
//
protected void TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)
{
SetChildChecked(e.Node);
}
//
private void SetChildChecked(TreeNode parentNode)
{
foreach (TreeNode node in parentNode.ChildNodes)
{
node.Checked = parentNode.Checked;
if (node.ChildNodes.Count > 0)
{
SetChildChecked(node);
}
}
}
转自:http://blog.csai.cn/user1/16660/archives/2008/21854.html