VB后台绑定数据库的RadioButtonList如何按类别分组展示？

完全可以实现这个需求！下面是具体的步骤，结合VB后台代码帮你完成分组展示：

1. 先对数据源进行分组处理 #

首先从数据库获取数据后，用LINQ按类别字段分组，确保数据是按类别聚合好的。假设你的数据源是包含Id、Name、Category的列表（或DataTable），示例代码如下：

情况1：数据源是实体类列表 #

' 假设你有一个Food实体类：Public Class Food { Public Property Id As Integer; Public Property Name As String; Public Property Category As String }
Dim foodList As List(Of Food) = GetFoodsFromDatabase() ' 从数据库获取数据的自定义方法

' 按类别分组并排序（排序可选）
Dim groupedFoods = From f In foodList
                   Group By f.Category Into Group
                   Order By Category

情况2：数据源是DataTable #

Dim dt As DataTable = GetFoodDataTableFromDatabase() ' 从数据库获取DataTable的自定义方法

' 按Category字段分组并排序
Dim groupedRows = From row In dt.AsEnumerable()
                  Group By Category = row.Field(Of String)("Category") Into Group
                  Order By Category

2. 手动构建RadioButtonList的分组项 #

RadioButtonList默认不支持直接分组绑定，所以我们可以手动添加分组标题和选项，视觉上实现分组效果：

RadioButtonList1.Items.Clear() ' 先清空原有项

For Each group In groupedFoods ' 如果是DataTable则遍历groupedRows
    ' 1. 添加分组标题（设置为不可选，作为视觉分隔）
    Dim groupHeader As New ListItem($"[{group.Category}]", "")
    groupHeader.Enabled = False ' 禁用，避免被选中
    groupHeader.Attributes.Add("style", "font-weight: bold; margin-top: 10px;") ' 加粗+上间距区分
    RadioButtonList1.Items.Add(groupHeader)

    ' 2. 添加当前组内的所有选项
    For Each item In group.Group ' 实体类列表用group.Group；DataTable用group.Group
        Dim listItem As New ListItem(
            text:=item.Name, ' DataTable则用item.Field(Of String)("Name")
            value:=item.Id.ToString() ' DataTable则用item.Field(Of Integer)("Id").ToString()
        )
        listItem.Attributes.Add("style", "margin-left: 20px;") ' 选项缩进，和标题区分开
        RadioButtonList1.Items.Add(listItem)
    Next
Next

3. 优化样式（可选） #

如果觉得内联样式不够优雅，可以把样式放到CSS里统一管理：

/* 分组标题样式 */
.radio-group-header {
    font-weight: bold;
    margin-top: 12px;
    display: block;
}

/* 选项缩进样式 */
.radio-option {
    margin-left: 24px;
}

然后后台代码里把style替换为class：

groupHeader.Attributes.Add("class", "radio-group-header")
listItem.Attributes.Add("class", "radio-option")

这样处理后，你的RadioButtonList就会呈现出你想要的分组效果，同时保持单选功能正常——所有选项仍属于同一个RadioButtonList组，用户只能选择一个选项。

内容的提问来源于stack exchange，提问作者Kiel