Blazor .NET 8中InputSelect选中值不更新及提交报错求助

问题分析 #

• 选中值不更新：你把InputSelect直接绑定到了Item.Region（Region实体对象），但下拉选项的value是reg.Id（Guid类型），类型完全不匹配，Blazor没法把Guid值映射到Region实体，导致绑定失效，选中状态自然更新不了。
• 提交时报错操作Regions表：提交表单时，Blazor会序列化整个Item对象，其中的Region实体是表单绑定生成的、未被EF Core跟踪的对象，EF Core会误把它当成新实体，尝试插入到Regions表，所以才会出现和预期不符的报错。

解决方案 #

1. 调整绑定逻辑，使用外键字段 #

确保你的ELevel（也就是业务里的Class类）包含RegionId外键属性（Guid类型），把InputSelect绑定到这个外键字段，而不是直接绑定Region实体。

2. 修改Razor页面的InputSelect代码 #

<div class="mb-3">
    <label for="region-dp" class="form-label">Region</label>
    <InputSelect id="region-dp" @bind-Value="@Item.RegionId" class="form-control">
        @if (regions is not null)
        {
            <option value="@Guid.Empty">Select Region</option>
            @foreach (Region reg in regions)
            {
                <option value="@reg.Id">@reg.Name</option>
            }
        }
        else
        {
            <option value="@Guid.Empty">Please add a region to continue with this operation</option>
        }
    </InputSelect>
    <div><p>@Item.RegionId</p></div>
</div>

3. 修正@Code块的类型与初始化逻辑 #

@code {
    [Parameter]
    public bool IsEditMode { get; set; } = false;

    [Parameter]
    public int Id { get; set; }

    public string Title => IsEditMode ? $"Edit Class {Id}" : "Add New Class";

    // 把类型改成Guid?，和Region.Id的类型匹配
    public Guid? SelectedRegionId{ get; set; }

    [SupplyParameterFromForm]
    public ELevel? Item { get; set; }

    [Parameter]
    public EventCallback<ELevel> OnDataValidated { get; set; }

    public List<Region>? regions{ get; set; }

    protected override async Task OnInitializedAsync()
    {
        if (IsEditMode)
        {
            Item ??= await Repo.GetByIdAsync(Id);
            // 编辑模式下同步现有RegionId
            SelectedRegionId = Item.RegionId;
        }
        else
        {
            Item ??= new();
        }

        regions = await regrepo.GetAllAsync();
    }

    private async Task AddOrEditData()
    {
        // 如果业务需要关联Region实体，可在这里通过Id获取
        // if(Item?.RegionId.HasValue == true)
        // {
        //     var region = await regrepo.GetByIdAsync(Item.RegionId.Value);
        //     Item.Region = region;
        // }

        await OnDataValidated.InvokeAsync(Item);
    }
}

额外注意 #

确保你的ELevel类正确定义外键与导航属性：

public class ELevel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public Guid? RegionId { get; set; } // 外键字段
    public Region Region { get; set; } // 导航属性
    // 其他业务属性...
}

用外键字段RegionId操作数据更高效，还能避免EF Core误判实体状态的问题。

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