[置顶] TreeView 控件 TreeNodeCheckChanged事件无法自动回发


如果直接使用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"  onclick="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);
        }
    }
最终效果:可以使你点击父节点选中父节点下面全部子节点并且展开。

你可能感兴趣的:(object,server,function,脚本,input,asp)