Blazor WebAssembly动态下拉框LINQ绑定集合编译错误问题

错误原因分析 #

你遇到的编译错误是因为@bind-Value需要绑定到可赋值的变量、属性或索引器，而你用LINQ的Where返回的是只读查询结果，无法作为绑定目标接收赋值操作。另外原数据结构SelectedProductTags是单一的int集合，无法区分不同标签类型的选中项，导致选择时无法正确关联到对应下拉框。

解决方案 #

1. 调整组件内的临时存储结构 #

在组件中新增一个字典，用来按标签类型ID存储对应类型的选中标签ID：

// 组件内私有字段，键是标签类型ID，值是该类型下选中的标签ID集合
private Dictionary<int, IEnumerable<int>> _selectedTagsByType = new();

2. 初始化绑定数据 #

在组件初始化时，将现有productDto.SelectedProductTags按标签类型拆分填充到字典中：

protected override void OnInitialized()
{
    base.OnInitialized();
    
    foreach (var type in tagTypesDto)
    {
        // 获取当前类型下所有可用标签的ID集合
        var availableTagIds = tagsDto.Where(t => t.TagTypeId == type.Id).Select(t => t.Id);
        // 从已选标签中筛选出属于当前类型的项
        var selectedForType = productDto.SelectedProductTags?.Intersect(availableTagIds) ?? Enumerable.Empty<int>();
        _selectedTagsByType[type.Id] = selectedForType;
    }
}

3. 修改动态生成下拉框的代码 #

将每个RadzenSelect绑定到字典中对应标签类型的项，同时优化标签显示逻辑：

@foreach (var type in tagTypesDto)
{
    <div class="form-group mb-3">
        <RadzenSelect 
            AllowClear="true" 
            AllowFiltering="true" 
            @bind-Value="@_selectedTagsByType[type.Id]" 
            Multiple="true" 
            Placeholder="@_localizer["PleaseSelect"]" 
            Data="@tagsDto.Where(x => x.TagTypeId == type.Id)"
            TextProperty="Name" 
            ValueProperty="Id" 
            Label="@_localizer[$"标签类型：{type.Name}"]" />
    </div>
}

4. 提交表单时合并数据 #

在保存或提交表单的方法中，将字典里的所有选中项合并回productDto.SelectedProductTags：

private async Task HandleSubmit()
{
    // 合并所有类型的选中标签ID，去重后赋值给产品模型
    productDto.SelectedProductTags = _selectedTagsByType.Values
        .SelectMany(tags => tags)
        .Distinct()
        .ToList();
    
    // 后续执行保存逻辑...
}

关键说明 #

• 用字典存储按类型分组的选中项，确保每个下拉框的选择操作独立，不会互相干扰。
• 初始化时通过Intersect确保已选标签只包含当前类型下的可用标签，避免无效数据。
• 提交时合并所有选中项，保证产品模型的SelectedProductTags数据完整。

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