MudBlazor中TextField.For的代码封装及通用对话框实现问题

针对你用反射动态生成MudTextField遇到的两个问题，这里给出具体的实用解决方案：

1. 解决绑定值无法更新模型的问题 #

直接通过propertyInfo.GetValue(model)获取的值是值类型的副本，绑定后更新的只是这个副本，不会同步回原模型。要解决这个问题，需要手动处理值变更逻辑：

• 放弃使用@bind-Value语法糖，拆分为Value（绑定当前属性值）和ValueChanged（监听值变更并同步回模型）
• 在ValueChanged事件中调用PropertyInfo.SetValue()将新值写入模型属性

2. 解决For参数的验证问题 #

For参数需要传入一个Expression<Func<T>>，用来让MudBlazor识别模型属性的数据注解验证规则（比如[Required]）。我们可以通过表达式树动态构建这个表达式，让动态生成的TextField和常规写法一样具备验证能力。

完整实现代码 #

@page "/createorupdate"
@using System.Reflection
@using System.Linq.Expressions

<EditForm Model="@model" OnValidSubmit="@HandleSubmit">
    @foreach (var propertyInfo in model.GetType().GetProperties())
    {
        var currentProp = propertyInfo;
        <MudTextField 
            T="@currentProp.PropertyType"
            Value="@currentProp.GetValue(model)"
            ValueChanged="@(value => currentProp.SetValue(model, value))"
            For="@CreateForExpression(currentProp)"
            Immediate="true"
            Label="@currentProp.Name"
            Margin="Margin.Normal"/>
    }

    <MudButton Type="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary">提交</MudButton>
</EditForm>

@code {
    private MyModel model = new MyModel();

    // 动态构建For参数需要的表达式
    private Expression<Func<object>> CreateForExpression(PropertyInfo propertyInfo)
    {
        var modelParam = Expression.Parameter(typeof(MyModel));
        var propertyExpr = Expression.Property(modelParam, propertyInfo.Name);
        var convertExpr = Expression.TypeAs(propertyExpr, typeof(object));
        return Expression.Lambda<Func<object>>(convertExpr, modelParam);
    }

    private void HandleSubmit()
    {
        // 提交时，model已包含最新输入值
        Console.WriteLine($"Name: {model.Name}, Age: {model.Age}");
    }

    // 示例模型（带验证注解）
    public class MyModel
    {
        [Required(ErrorMessage = "名称不能为空")]
        public string Name { get; set; }
        
        public int Age { get; set; }
        
        [EmailAddress(ErrorMessage = "请输入合法邮箱")]
        public string Email { get; set; }
    }
}

关键细节说明 #

• 类型适配：通过T="@currentProp.PropertyType"指定MudTextField的类型，确保值转换正确，避免类型不匹配导致的异常
• 验证生效：CreateForExpression方法针对每个属性生成对应的表达式，让MudBlazor能读取属性上的验证注解，空值或格式错误时自动显示提示
• 实时同步：ValueChanged事件直接将新值写入模型属性，确保输入的变更实时同步到模型中

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