c# - 在项目单击时显示标签背景颜色名称

Question

我有一个带有标签的 DataList，它显示了产品的一些颜色。我希望单击这些颜色并打印颜色名称。这是我使用 DataList 显示颜色的方式。当用户单击标签时，颜色的名称应显示（即红色、黑色），并针对该产品进入数据库。请指导我如何打印颜色的名称并将其设置为 DataList 中的可点击标签。提前致谢

<asp:DataList runat="server" ID="dtlcolor" DataSourceID="SqlDataSource1" 
    RepeatColumns="3" RepeatDirection="Horizontal">
 <ItemTemplate>
 <asp:HiddenField runat="server" ID="lblcolorID" Value='<%# Eval("ID") %>' />
    <asp:Label runat="server" ID="lblcolor" Width="25px" Height="25px" BackColor='<%# System.Drawing.ColorTranslator.FromHtml(Eval("Color").ToString())%>'></asp:Label>
 </ItemTemplate>
 </asp:DataList>

Answer 1

使标签可点击的简单方法是使用 LinkBut​​tons。它们看起来几乎相同（如果您愿意，可以使用 css）并且它们提供 OnClick 事件。您也可以改用 javaScript 代码并添加 onclick 事件。

无论如何，可以设置为 OnClick 事件的以下代码将从您的 linkBut​​ton 获取颜色并显示在新的 ColourLblID 标签中。

protected void ShowColour(object sender, EventArgs e)
{
    LinkButton colourButton = (LinkButton)sender;
    ColourLblID.Text = colourButton.BackColor.Name;
}