Question

我有一个要求，我需要在复选框控件中显示图像。

我们有没有办法实现包含图像的复选框列表？

Answer 1

不是将文本值应用于复选框控件，只需将文本值分配给HTML img标记。

<asp:CheckBox ID="yourCheckBox" runat="server" Text="<img src='yourimage.gif' alt='' title='' />" />

如果这是某种类型的绑定控件模板，您可以为复选框实现OnDataBinding事件，然后根据您的数据源内容修改图像。

如果您使用checkboxlist控件，那么您甚至可以通过代码完成所有操作：

// in your aspx
<asp:CheckBoxList ID="yourList" runat="server">

// in your .cs when you want to load your value assuming you have a list of images
foreach (yourCheckBoxDataObject x in youCheckBoxData)
{
    yourList.Items.Add(new ListItem(
        string.Format("<img src='{0}' alt='' />", x.YourImageUrl),
        x.YourValue));
}

Answer 2

如果它们可以是标准HTML标记，则可以始终将它们嵌入复选框的Text值中。这应该是他们的。

<asp:CheckBoxList ID="x" runat="server">
  <asp:ListItem Text="Image: <img src='Images/PlusSign.gif' /> works"></asp:ListItem>
  <asp:ListItem Text="Image: <img src='Images/XSign.gif' /> works"></asp:ListItem>
</asp:CheckBoxList>

Answer 3

也许您可以使用标记映射来实现您寻求的自定义？

http://leedumond.com/blog/fixing-asp-net-server-control-rendering-issues-with-tag-mapping/

Answer 4

除了使用HTML标记之外，您的其他选项是扩展checkboxlist控件并创建自己的自定义控件，该控件实现带有嵌入图像的复选框列表。

如何在ASP.net中创建包含图像的复选框列表？

4 个答案: