如何在RadzenDropDown中点击分组项选中整组分组条目？

RadzenDropDown 组件没有内置属性支持点击分组项选中该分组下所有条目，需要通过自定义模板和逻辑实现该功能，以下是具体实现步骤：

实现前提 #

确保组件已开启多选模式：设置 Multiple="true"，这是批量选中的基础。

具体实现 #

1. 自定义分组头模板 #

通过 GroupTemplate 自定义分组头部的渲染内容，并给分组头添加点击事件，用于触发全选逻辑：

<RadzenDropDown Multiple="true" 
                Data="@dropdownItems" 
                TextField="DisplayName" 
                ValueField="Value" 
                @bind-Value="@selectedValues"
                GroupBy="GroupName">
    <!-- 自定义分组头，添加点击事件 -->
    <GroupTemplate Context="group">
        <div @onclick="() => ToggleGroupSelection(group.Key)" 
             style="cursor: pointer; padding: 4px 8px; font-weight: 500;">
            @group.Key
        </div>
    </GroupTemplate>
</RadzenDropDown>

2. 编写分组全选/反选逻辑 #

在代码逻辑中实现点击分组头时，筛选该分组下的所有选项，完成全选或反选的操作：

// 示例数据结构
public class DropDownItem
{
    public string Value { get; set; }
    public string DisplayName { get; set; }
    public string GroupName { get; set; }
}

// 下拉选项数据源
private List<DropDownItem> dropdownItems = new List<DropDownItem>
{
    new DropDownItem { Value = "1", DisplayName = "选项1", GroupName = "分组A" },
    new DropDownItem { Value = "2", DisplayName = "选项2", GroupName = "分组A" },
    new DropDownItem { Value = "3", DisplayName = "选项3", GroupName = "分组B" },
    new DropDownItem { Value = "4", DisplayName = "选项4", GroupName = "分组B" }
};

// 已选中值集合
private IEnumerable<string> selectedValues = new List<string>();

// 分组全选/反选逻辑
private void ToggleGroupSelection(object groupKey)
{
    var groupKeyStr = groupKey.ToString();
    // 筛选当前分组下的所有选项值
    var groupItemValues = dropdownItems
        .Where(item => item.GroupName == groupKeyStr)
        .Select(item => item.Value);
    
    // 判断当前分组是否已全选，实现全选/反选切换
    var isAllSelected = groupItemValues.All(val => selectedValues.Contains(val));
    if (isAllSelected)
    {
        // 已全选则取消该分组所有选项的选中状态
        selectedValues = selectedValues.Except(groupItemValues).ToList();
    }
    else
    {
        // 未全选则选中该分组所有选项
        selectedValues = selectedValues.Union(groupItemValues).ToList();
    }
}

说明 #

• 可根据实际数据结构调整 GroupBy 字段、筛选条件和值字段；
• 上述逻辑包含了全选/反选的切换逻辑，提升交互体验；
• 若不需要反选，可直接移除判断逻辑，仅保留选中分组所有选项的代码。

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