MudBlazor MudDataGrid表单编辑模式下多行文本编辑（MudTextField）实现问题

我之前也踩过这个坑，一开始用EditTemplate没显示确实挺头疼的，后来折腾了一阵终于搞懂正确的实现方式了，给你分享下：

首先要明确，在表单编辑模式（EditMode="Form"）下，EditTemplate的用法和行内编辑有点不一样，核心是要正确绑定到编辑上下文的Item对象。下面是具体的实现步骤和代码示例：

1. 先准备你的实体类 #

比如我们有一个包含多行文本字段的实体：

public class Article
{
    public int Id { get; set; }
    public string Title { get; set; }
    // 需要多行编辑的字段
    public string Content { get; set; }
}

2. 配置MudDataGrid并添加多行文本的EditTemplate #

重点是在对应列的EditTemplate里，使用MudTextField并开启Multiline属性，同时绑定到context.Item.Content：

<MudDataGrid T="Article" Items="@Articles" EditMode="DataGridEditMode.Form" @bind-SelectedItem="@SelectedArticle">
    <Columns>
        <PropertyColumn Property="x => x.Id" Title="ID" />
        <PropertyColumn Property="x => x.Title" Title="标题" />
        <PropertyColumn Property="x => x.Content" Title="内容">
            <EditTemplate>
                <!-- 这里是关键：绑定context.Item的对应属性，开启Multiline -->
                <MudTextField T="string" 
                              @bind-Value="context.Item.Content" 
                              Multiline="true" 
                              Rows="4" 
                              Label="文章内容" 
                              Variant="Variant.Outlined" />
            </EditTemplate>
        </PropertyColumn>
        <EditCommandColumn />
    </Columns>
    <ToolBarContent>
        <MudButton OnClick="@(() => Grid.StartEditAsync(SelectedArticle))" Disabled="@(!Grid.HasSelectedItem)">编辑</MudButton>
    </ToolBarContent>
</MudDataGrid>

@code {
    private List<Article> Articles { get; set; } = new List<Article>
    {
        new Article { Id = 1, Title = "第一篇文章", Content = "这是第一段测试内容\n换行显示的效果" },
        new Article { Id = 2, Title = "第二篇文章", Content = "这是第二段测试内容，支持多行输入" }
    };

    private Article SelectedArticle { get; set; }
    private MudDataGrid<Article> Grid { get; set; }
}

3. 常见问题排查（针对你碰到的组件没显示的情况） #

• 确认你的MudDataGrid的EditMode确实设置为DataGridEditMode.Form，而不是Inline或者其他模式
• 检查EditTemplate里的组件是否正确绑定了context.Item的属性，我之前就是不小心写成context.Value，结果组件直接不显示
• 确保实体类的对应属性是可读写的（有get和set方法），否则绑定会失效

这样配置之后，点击编辑按钮打开表单编辑界面时，内容字段就会显示成多行的MudTextField了，支持换行输入和显示。

备注：内容来源于stack exchange，提问作者mjhillman