如果直接使用TreeNodeCheckChanged 事件是无法自动回发的,就是不会马上刷新页面并且执行你相应的操作。
那么我们可以通过脚本来控制事件回发,代码如下:
JS 需要增加一个方法
function TreeViewCheckBox_Click(e) {
if (window.event == null)
o = e.target;
else
o = window.event.srcElement;
if (o.tagName == "INPUT" && o.type == "checkbox") {
__doPostBack("", "");
}
}
这个方法可以支持FF和IE,如果不传E那么将会不支持FF。
页面树控件增加Onclick点击传送 event
<asp:TreeView ID="PermTreeView" runat="server" ExpandDepth="1" ShowLines="True"
ShowCheckBoxes="All" BorderStyle="None" Height="400px"
ontreenodecheckchanged="PermTreeView_TreeNodeCheckChanged" οnclick="TreeViewCheckBox_Click(event)" >
</asp:TreeView>
服务端:
protected void PermTreeView_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)
{
TreeNodeCollection node = e.Node.ChildNodes;
foreach (TreeNode item in node)
{
item.Checked = e.Node.Checked;
CheckNode(item.ChildNodes,e.Node.Checked);
}
e.Node.ExpandAll();
}
public void CheckNode(TreeNodeCollection node,bool selected)
{
foreach (TreeNode item in node)
{
item.Checked = selected;
CheckNode(item.ChildNodes,selected);
}
}
最终效果:可以使你点击父节点选中父节点下面全部子节点并且展开。