分组 asp.net webapplication 列表框项目（不使用 WPF）

Question

我有一个 asp.net Web 应用程序，我在其中使用列表框控件从数据库中获取数据。我的数据库中有 3 组数据，我想在获取时对这些项目进行分组，并在列表框中显示每个组的标题。我在网上做了一些研究，但我发现的所有文章都使用 WPF，在我的情况下我不能使用 WPF，因为我的应用程序是一个 asp.net Web 应用程序，我现在无法更改它。请帮助我找出是否有任何方法可以使用 C# 和 asp.net 对我的项目进行分组，如图所示。

提前致谢

Answer 1

您可以使用 CSS 类来设置列表中每个项目的外观：

CSS：

<style>
    .red
    {
        background-color:pink;
        color:red;       
    }
</style>

ASPX：在每个项目标题上，您必须使用 Class="red" 和 disabled="disabled"（感谢 @Arman）

    <asp:ListBox ID="ListBox1" runat="server">
        <asp:ListItem Text="A" Disabled="disabled" Class="red"></asp:ListItem>
        <asp:ListItem Text="Adam"></asp:ListItem>
        <asp:ListItem Text="Ami"></asp:ListItem>
        <asp:ListItem Text="B" Disabled="disabled" Class="red"></asp:ListItem>
        <asp:ListItem Text="Bob"></asp:ListItem>
        <asp:ListItem Text="K" Disabled="disabled" Class="red"></asp:ListItem>
        <asp:ListItem Text="Kim"></asp:ListItem>
        <asp:ListItem Text="L" Disabled="disabled" Class="red"></asp:ListItem>
        <asp:ListItem Text="Lena"></asp:ListItem>
        <asp:ListItem Text="Leo"></asp:ListItem>
        <asp:ListItem Text="Limi"></asp:ListItem>
    </asp:ListBox>

代码隐藏：由于您是从数据库动态填充 ListBox 中的项目，因此您需要像这样设置标题项目的 CSS 属性：

ListItem x = new ListItem("A"));
x.Attributes.Add("class","red");
ListBox1.Items.Add(x);