TreeView节点复选框的点击事件

最新推荐文章于 2022-09-16 11:07:46 发布
最新推荐文章于 2022-09-16 11:07:46 发布
阅读量4.2k 收藏 2
点赞数
文章标签： server asp object button stylesheet border

 

      有的时候，需要在点击树节点的复选框时，触发事件来提交到后台，如是写了下面一段代码：
.aspx代码：
<%@ Page Language="C#" AutoEventWireup="true" Codebehind="test.aspx.cs" Inherits="Infotech.MES.Web.MainPageReport.test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>树复选框的点击事件</title>
    <link href="../Css/Skins/Css.aspx" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function refireshMenus(){
        window.top.frames["leftFrame"].location.reload();
    }
     // 点击复选框时触发事件
     function postBackByObject()
     {
         var o = window.event.srcElement;
         if (o.tagName == "INPUT" && o.type == "checkbox")
        {
           //这里的第一个参数是UpdatePanel ID，因为我使用了MS的ASPAJAX来实现局部刷新
           //如果没有使用MS的ASPAJAX，这里的两个参数都可以为空
           __doPostBack("UpdatePanelManager","");
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <table border="0" cellspacing="0" style="width: 100%; overflow: hidden; table-layout: fixed;"
                id="table" class="contentBackGroundColorStyles">
                <tr>
                    <td valign="top" id="tdRight" class="rightContentBorderStyles">
                        <table style="font-size: 12px; border-collapse: collapse" cellspacing="0" cellpadding="0"
                            width="100%" border="1">
                            <tbody>
                                <tr style="height: 20px">
                                    <td width="45%">
                                        &nbsp;&nbsp;待选</td>
                                    <td width="10%">
                                        &nbsp;</td>
                                    <td width="45%">
                                        &nbsp;&nbsp;已选</td>
                                </tr>
                                <tr style="height: 540px">
                                    <td class="leftContentBorderStyles" valign="top" width="45%">
                                        <!--待选树-->
                                        <div style="overflow: auto; width: 100%; height: 550px" id="DivSelected">
                                            <asp:UpdatePanel ID="UpdatePanelManager" runat="server">
                                                <ContentTemplate>
                                                    <asp:TreeView ID="TreeViewUserRight" runat="server" ShowLines="True" ExpandDepth="0"
                                                        CssClass="treeViewStyles" EnableClientScript="False" OnTreeNodeCheckChanged="TreeViewUserRight_TreeNodeCheckChanged"
                                                        ShowCheckBoxes="Leaf">
                                                        <ParentNodeStyle Font-Bold="False"></ParentNodeStyle>
                                                        <SelectedNodeStyle HorizontalPadding="0px" CssClass="treeViewSelectedNodeStyles"
                                                            VerticalPadding="0px" Font-Underline="False"></SelectedNodeStyle>
                                                        <NodeStyle NodeSpacing="0px" HorizontalPadding="5px" ForeColor="Black" VerticalPadding="0px"
                                                            Font-Size="8pt" Font-Names="Verdana"></NodeStyle>
                                                    </asp:TreeView>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                        </div>
                                    </td>
                                    <td valign="middle" width="10%">
                                        &nbsp;
                                        <asp:UpdatePanel ID="UpdatePanelButton" runat="server" UpdateMode="Conditional">
                                            <ContentTemplate>
                                                <table width="100%" align="center" border="0">
                                                    <!--功能按钮-->
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td style="height: 23px">
                                                                <asp:Button ID="ButtonAdd" OnClick="ButtonAdd_Click" runat="server" Text="添加" ></asp:Button></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td>
                                                                <asp:Button ID="ButtonRemove" OnClick="ButtonRemove_Click" runat="server" Text="删除" ></asp:Button></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td>
                                                                <asp:Button ID="ButtonClear" OnClick="ButtonClear_Click" runat="server" Text="清空"></asp:Button></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td>
                                                                <asp:Button ID="ButtonUp" OnClick="ButtonUp_Click" runat="server" Text="上移"></asp:Button></td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td>
                                                                <asp:Button ID="ButtonDown" OnClick="ButtonDown_Click" runat="server" Text="下移"></asp:Button></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr align="center">
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                &nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    </td>
                                    <td class="leftContentBorderStyles" valign="top" width="44%">
                                        <!--已设置快捷的项-->
                                        <div style="overflow: auto; width: 100%; height: 540px" id="DivWaitSelect">
                                            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                                <ContentTemplate>
                                                    <asp:ListBox ID="ListBoxSelected" runat="server" Width="93%" Height="540px" ForeColor="Blue">
                                                    </asp:ListBox>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

.cs 代码：
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

namespace Infotech.MES.Web.MainPageReport
{
    public partial class test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            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");
                TreeNode Node0201 = new TreeNode("0201", "0201");
                TreeNode Node0202 = new TreeNode("0202", "0202");
                TreeNode Node020201 = new TreeNode("020201", "020201");

                Node01.ChildNodes.Add(Node0101);
                Node01.ChildNodes.Add(Node0102);
                Node0201.ChildNodes.Add(Node020201);
                Node02.ChildNodes.Add(Node0201);
                Node02.ChildNodes.Add(Node0202);

                Node00.ChildNodes.Add(Node01);
                Node00.ChildNodes.Add(Node02);

                TreeViewUserRight.Nodes.Add(Node00);
                //添加树复选框的客户端点击事件
                TreeViewUserRight.Attributes.Add("onclick", "postBackByObject()");
            }
        }

        /// <summary>
        /// 添加按钮事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void ButtonAdd_Click(object sender, EventArgs e)
        {
            if (TreeViewUserRight.SelectedNode != null && TreeViewUserRight.SelectedNode.ChildNodes.Count < 1)
            {

                AddNode_Item(TreeViewUserRight.SelectedNode);

            }
        }
        /// <summary>
        /// 删除按钮事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void ButtonRemove_Click(object sender, EventArgs e)
        {
            if (ListBoxSelected.Items.Count > 0 && ListBoxSelected.SelectedItem != null)
            {
                ListBoxSelected.Items.Remove(ListBoxSelected.SelectedItem);
            }
        }

        /// <summary>
        /// 清除按钮事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void ButtonClear_Click(object sender, EventArgs e)
        {
            ListBoxSelected.Items.Clear();
        }

        /// <summary>
        /// 上移按钮事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void ButtonUp_Click(object sender, EventArgs e)
        {
            //位移量
            int index = -1;
            if (ListBoxSelected.SelectedItem != null && ListBoxSelected.SelectedIndex > 0)
            {
                UpAndDownItem(index);
            }
        }

        /// <summary>
        /// 下移按钮事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void ButtonDown_Click(object sender, EventArgs e)
        {
            //位移量
            int index = 1;
            if (ListBoxSelected.SelectedItem != null && ListBoxSelected.SelectedIndex < ListBoxSelected.Items.Count - 1)
            {
                UpAndDownItem(index);
            }
        }

        /// <summary>
        /// 上下移动LISTBOX的项
        /// </summary>
        /// <param name="index">移动项索引</param>
        private void UpAndDownItem(int index)
        {
            //临时保存当前选择的项
            ListItem tempLt = new ListItem(ListBoxSelected.SelectedItem.Text, ListBoxSelected.SelectedItem.Value);

            ListBoxSelected.Items[ListBoxSelected.SelectedIndex].Text = ListBoxSelected.Items[ListBoxSelected.SelectedIndex + index].Text;
            ListBoxSelected.Items[ListBoxSelected.SelectedIndex].Value = ListBoxSelected.Items[ListBoxSelected.SelectedIndex + index].Value;
            ListBoxSelected.Items[ListBoxSelected.SelectedIndex + index].Text = tempLt.Text;
            ListBoxSelected.Items[ListBoxSelected.SelectedIndex + index].Value = tempLt.Value;
            ListBoxSelected.SelectedIndex = ListBoxSelected.SelectedIndex + index;
        }
        /// <summary>
        /// 添加选择的树节点到LISTBOX项
        /// </summary>
        /// <param name="node">选择的树节点</param>
        private void AddNode_Item(TreeNode node)
        {
            if (ListBoxSelected.Items.Count > 0)
            {
                if (ListBoxSelected.Items.FindByValue(node.Value) == null)
                {
                    ListBoxSelected.Items.Add(new ListItem(node.Text, node.Value));
                }

            }
            else
            {
                ListBoxSelected.Items.Add(new ListItem(node.Text, node.Value));
            }
        }
        /// <summary>
        /// 树节点复选框的选择事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void TreeViewUserRight_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)
        {
            if (e.Node.Checked)
            {
                if (e.Node.ChildNodes.Count <= 0)//判断是否选择的是叶子节点
                {
                    AddNode_Item(e.Node);
                }
                else
                {
                    e.Node.Checked = false;
                    ContextHelper.ShowMessage(UpdatePanelManager, "只能选择叶子节点！");
                }
            }
        }
    }

天涯独行
关注
为TreeView菜单增加按钮和点击事件
weixin_30360497的博客
08-29 1355
最近工作中在写一个后台管理系统，由于系统同种各个模块的页面样式大体一致，因此师傅决定定制一个生成页面的功能。昨天在写到菜单管理模块的时候，发现通过表格展现出来的菜单数据无法直观的体现出菜单之间的层级关系，因此就改用了Treeview树形菜单来展示。但此时碰到了一个问题，师傅想要在树形菜单的每一行上加上按钮，包括新增子菜单、修改和删除。我查了下treeview的api，并未发现有新...
QT实现的treeView有复选框
01-30
这个实例涉及到如何在`QTreeView`中实现带有复选框的节点，特别是主节点支持三态复选框功能。在QT中，这种功能可以通过自定义模型和视图来实现，以满足特定的用户交互需求。 首先，我们需要理解`QTreeView`的工作...
DelPhi Treeview 操作实例 onclick节点 treeview1.Selected.Level
孤独剑的专栏
08-20 1万+
怎么改变Treeview中的图标? OnClick事件Click获取Node.text 批量处理及实现TreeView结点拖拽的实例 //这个过程根据你的要求选择图标 procedure TForm1.TreeView1GetImageIndex(Sender: TObject; Node: TTreeNode); begin   if Node.HasChildren then  
带复选框的CTreeCtrl响应复选消息
tangtj的专栏
08-11 1401
<br />1.在对话框中添加CTreeCtrl控件并勾选Check Boxes选项,为CTreeCtrl控件添加CTreeCtrl变量m_tree;<br />2.为CTreeCtrl控件添加NM_CLICK消息响应函数OnClickTree();代码如下:<br />OnClickTree(NMHDR* pNMHDR, LRESULT* pResult)  <br />{<br />    CPoint point;<br />    UINT uFlag;   //接收有关点击测试的信息的整数<br
TreeView复选框
makiyo的专栏
10-11 934
TreeView设置checkbox事件__doPostBack()       ASP.NET 2.0使用TreeView控件时发现带有CheckBox控件的TreeNode对象(Treeview节点），选择CheckBox无法回发页面。在MSDN中对于TreeView, TreeNodeCheckChanged事件有一段备注：“当TreeView控件的复选框的两次向服务器发送之间要更改状态时
实现TreeView控件中的单击事件功能
iteye_8029的博客
08-26 1446
相信有不少像我这样刚接触ASP.NET C#编程的同志苦于TreeView没有单击事件，为这个功能我查询了好多资料，后来在“百度知道”里查到一句代码。 实现思路：TreeView里有个SelectedNodeChanged事件，只要在SelectedNodeChanged事件的响应函数里运行这个语句： TreeView1.SelectedNode.Selected = false;...
VB的Treeview控件复选框如何做到父子多级节点联动代码实例
最新发布
12-07
在VB（Visual Basic）编程中，`TreeView`控件是一个常用元素，用于...总之，通过监听`BeforeCheck`事件并适当地更新节点状态，可以实现在VB中`TreeView`控件的复选框父子多级联动功能，提供一个用户友好的交互体验。
Treeview节点复选框选择色彩提示
11-17
本文将深入探讨一个特定的前端设计实例——"Treeview节点复选框选择色彩提示"，它主要用于多站点文件传输场景。这个功能提高了用户在选择多个服务器站点时的效率和便捷性。 首先，让我们了解`Treeview`控件。在...
treeview 复选框 三种状态
11-25
TreeView控件的复选框功能允许用户对节点进行选择，而不仅仅是单击或展开/折叠。复选框通常有三种状态：未选中（Unchecked）、选中（Checked）和部分选中（Indeterminate）。未选中状态表示用户未选择该节点，选中...
DelphiXE 10.3 TreeView添加复选框 源码.zip
12-31
在Delphi XE 10.3中，开发人员经常需要为TreeView组件添加复选框功能，以便用户能够多选并进行操作。本教程将详细解释如何实现这一目标，主要涉及以下几个方面： 1. **TreeView组件**：首先，我们要了解 Delphi 的 ...
TreeView添加复选框
02-22
一个TreeView添加复选框，可以参考下
QT treeview ，可以由复选框勾选
12-18
QT treeview ，可以由复选框勾选，分别搞了几种等级的复选框模式，自己写和注释，还不错，也希望和大家多多交流
Delphi treeviewcheckbox控件
02-20
TreeViewCheckBox 控件。 选中上级目录CheckBox自动选子目录CheckBox， 子目录CheckBox清空时,父目录CheckBox自动清空。 注：要是2级目录哦。例如 + + + + + + + + + +
TreeView单击事件的BUG修复及深入探讨返回事件
钢铁加鲁鲁二号的专栏
11-30 1892
[Asp.NET函数及控件] TreeView单击事件的BUG修复及深入探讨返回事件 前一阵子，有位仁兄问我：“怎么样得到点击某节点时击发一个返回服务器处理的事件？”我给了他以下函数，并告知他TreeView的AutoPostBack一定要打开（值为True）： private void TreeView1_SelectedIndexChange(object sender, Mi
C# 为TreeView中的子节点添加单击事件
热门推荐
白永辉的专栏
12-20 1万+
文章名字为单击事件，实际上双击等事件的操作类似 说明： (1) TreeView中的Nodes[] 本身是没有单击、双击事件的，但是TreeView本身这些事件都有； (2) TreeView中有一个属性：SelectedNode，该属性可以获取或设置当前选中的节点； 因此，结合点(1)和(2)，就可以做出一个类似于TreeView中的子节点单击事件 实例代码： (1) 为TreeVi
关于含有checkbox的treeview控件 的checkbox的点击事件
zgh2002007的专栏
11-30 3311
<input type="hidden" name="url" value=" /Expert/topicview.asp?id=5147766" /> <input type="hidden" name="url" value=" /Expert/topicview.asp?id=5147766
在WPF TreeView中使用复选框
weixin_53370274的博客
09-16 1372
输入焦点，因为它会对键盘导航产生负面影响，但是，当它的包含项被选中时，它必须以某种方式切换其检查状态以响应某些击键。如果您对项目应如何以及何时更新其检查状态有不同的规则，只需调整这些方法中的逻辑以满足您的需求。我建议您复制这些要求并将它们粘贴到您最喜欢的文本编辑器中，例如记事本，因为我们将在文章的其余部分按编号引用它们。对象的检查状态发生变化时，它会将简单的规则应用于其父项和子项的检查状态。本文还展示了如何使用。在本文中，我们将检查我的。的项是复选框，这是很常见的，比如在向用户展示一组要选择的分层选项时。
扩展 TreeView 实现选择 CheckBox 自动回发
weixin_33911824的博客
08-15 91
今天 CSDN 有一网友提出这样的需求：实现点击 TreeView 的 CheckBox 即自动 PostBackhttp://community.csdn.net/Expert/TopicView3.asp?id=5708685解决方案可以考虑：1.  在客户端手动通过 js 捕获 checkbox 的 click 事件，然后显示的执行 __doPostBack 方法     对于如何捕获事件，...
TreeView 的 CheckBox 被点击时的引发页面回发事件
dibi7969的博客
05-25 184
解决原有TreeView 的 CheckBox 被点击时不能引发服务器端事件实现当TreeView中父节点的CheckBox的点选状态改变时回发服务器端触发TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)事件从而通过代码来控制子节点的CheckBox的点选状态 一同改变 主要步骤及代码示例如下：1.Tr...
自定义ComboBox控件集成TreeView及复选框功能
在实现上述功能的过程中，开发者需要处理各种事件，例如节点的选中事件、复选框的勾选状态改变事件等。这通常涉及到对TreeView的NodeMouseClick事件以及CheckBox的CheckedChanged事件进行处理，确保用户操作能够正确...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值