Blazor InputCheckbox组件绑定未按预期工作问题求助

问题根源分析 #

• 模型字段而非属性：FilteringCriteriaModel中的SelectedProperties是字段，Blazor表单绑定仅支持带get/set访问器的属性，无法跟踪字段的状态变化。
• 不稳定的绑定表达式：@bind-Value使用Where().FirstOrDefault()动态查询，每次渲染都会重新获取实例，导致绑定指向的对象不稳定，无法正确同步复选框状态。
• 重复的name属性：所有InputCheckbox的name都设为"property"，表单提交时会造成数据冲突，无法区分各个复选框的值。
• 不必要的SupplyParameterFromForm：该特性用于从HTTP请求表单参数绑定组件参数，而你的FilterCriteria是组件内部初始化的，此特性会干扰模型状态跟踪。

具体修复步骤 #

1. 修正模型的属性定义 #

修改FilteringCriteriaModel，将SelectedProperties从字段改为带get/set的属性：

public class FilteringCriteriaModel
{
    // 从字段改为属性，添加get/set访问器
    public List<PropertySelection> SelectedProperties { get; set; } = new List<PropertySelection>();
}

2. 优化复选框绑定表达式 #

在Razor视图的循环中，先获取对应的PropertySelection实例，再直接绑定到其Selected属性，同时设置唯一的name：

<EditForm Model="FilterCriteria" OnSubmit="PerformFiltering" FormName="Filtering">
    <label>Test Properties</label>
    @foreach (var property in Properties)
    {
        // 提前获取对应的选择项，避免每次渲染重复查询
        var selection = FilterCriteria.SelectedProperties.FirstOrDefault(p => p.PropertyId == property.Id);
        if (selection != null)
        {
            <label>
                <!-- 绑定到具体实例的Selected属性，name设为唯一的PropertyId -->
                <InputCheckbox @bind-Value="selection.Selected" name="@property.Id.ToString()" />
                @property.Name
            </label>
        }
    }
    <button type="submit">Search</button>
</EditForm>

3. 移除不必要的特性 #

从分部类的FilterCriteria属性上移除[SupplyParameterFromForm]：

public partial class Home
{
    private List<Property> Properties { get; set; }

    // 移除[SupplyParameterFromForm]特性
    private FilteringCriteriaModel? FilterCriteria { get; set; }

    // 其余代码保持不变
}

4. 验证修复效果 #

运行应用后，取消勾选部分复选框并提交，控制台会输出正确的Selected状态（true对应勾选，false对应取消）。

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