如何在复选框列表Asp.net中为每个项目添加一个事件

Question

如何向CheckBoxList上的每个项目添加一个事件，例如我想添加单击事件以检查检查了什么项目。

提前谢谢。

Answer 1

CheckBoxList中的每个项都属于System.Web.UI.WebControls.ListItem类型，并且没有定义任何事件。

Answer 2

这对于CheckBoxList来说有点棘手。不要认为有一种直接的方法可以为每个项目添加一个点击事件，因为ListItem类没有任何事件。

你可以在CheckBoxList上设置AutoPostBack="true"，并在页面加载时检查哪些项目被选中，但你不知道最后一个点击的是哪个。

另一种解决方案是去掉CheckBoxList，只创建CheckBoxes，并将其上的单击事件设置为相同的事件方法。在那里你可以查看发件人。

ASPX:

<asp:CheckBox ID="CheckBox1" Text="A" OnCheckedChanged="CheckBox_Clicked" AutoPostBack="true" runat="server" />
<asp:CheckBox ID="CheckBox2" Text="B" OnCheckedChanged="CheckBox_Clicked" AutoPostBack="true" runat="server" />
<asp:CheckBox ID="CheckBox3" Text="C" OnCheckedChanged="CheckBox_Clicked" AutoPostBack="true" runat="server" />

代码背后：

void CheckBox_CheckedChanged(object sender, EventArgs e)
{
   Console.WriteLine(((CheckBox)sender).Text);
}

或者，您可以制作自己的自定义CheckBoxList，用于处理项目上的单击事件。

Answer 3

好。所以我找到了这个问题/答案，但它对我没有帮助。虽然提供的答案是正确的，但有一种简单的方法可以使用Repeater控件构建类似CheckBoxList的控件。

事实证明，您可以将Repeater与带有复选框的ItemTemplate一起使用。我在这里有一个完整的解释：http://www.rhyous.com/2014/10/17/aspx-checkboxlist-alternative-that-allows-for-the-oncheckedchanged-event/

我还在这个答案中复制了所需的数据：

默认.aspx

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CheckBoxListExample._Default" %>
<%@ Import Namespace="CheckBoxListExample" %>
<%@ Import Namespace="CheckBoxListExample.Models" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <div>
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <asp:CheckBox ID="cb1" runat="server" AutoPostBack="true" OnCheckedChanged="RepeaterCheckBoxChanged"
                    Text="<%# ((CheckBoxViewModel)Container.DataItem).Name %>"
                    Checked="<%# ((CheckBoxViewModel)Container.DataItem).IsChecked %>" />
            </ItemTemplate>
        </asp:Repeater>
    </div>
</asp:Content>

默认.aspx.cs

using System;
using System.Collections.Generic;
using System.Web.UI;
using System.Web.UI.WebControls;
using CheckBoxListExample.Models;
namespace CheckBoxListExample
{
    public partial class _Default : Page
    {
        private List<CheckBoxViewModel> _ViewModels;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                var _ViewModels = new List<CheckBoxViewModel>
                {
                    new CheckBoxViewModel {Name = "Test1", IsChecked = true},
                    new CheckBoxViewModel {Name = "Test2"},
                    new CheckBoxViewModel {Name = "Test3"}
                };
                Repeater1.DataSource = _ViewModels;
                Repeater1.DataBind();
            }
        }
        protected void RepeaterCheckBoxChanged(object sender, EventArgs e)
        {
            var cb = sender as CheckBox;
            if (cb == null) return;
            if (cb.Checked)
            {
                // Insert
            }
            else
            {
                // Delete
            }
        }
    }
}

CheckBoxViewModel

namespace CheckBoxListExample.Models
{
    public class CheckBoxViewModel
    {
        public string Name { get; set; }
        public bool IsChecked { get; set; }
    }
}