如何让Blazor Server的EditForm像Ajax Update Panel一样重置为初始状态？

你的核心需求是提交后无刷新重置表单到初始状态，类似ASP.NET UpdatePanel的局部更新效果。现有代码的问题在于没有真正重置表单绑定的Model实例，只是重新创建了EditContext，导致输入框内容和验证状态无法回到初始状态。以下是两种可行的解决方案：

方案一：重新创建Model实例（推荐） #

这种方法最彻底，直接替换绑定的Model对象，让EditForm自动重新绑定初始状态，同时重置所有验证信息：

修改后台代码 #

CommentFormModel commentForm { get; set; } = new CommentFormModel();
public EditContext CommentsContext { get; set; }

// 初始化时创建EditContext
protected override void OnInitialized()
{
    CommentsContext = new EditContext(commentForm);
}

public async Task Comments()
{
    // 1. 执行保存评论的逻辑（比如存入数据库）
    var submittedText = commentForm.CommentText;
    // 这里添加你的保存代码，例如 await _commentService.AddComment(submittedText);

    // 2. 重置表单：创建新的Model实例
    commentForm = new CommentFormModel();
    // 3. 重置EditContext以同步验证状态
    CommentsContext = new EditContext(commentForm);
    // 4. 触发组件重新渲染（Blazor有时会自动触发，手动调用更稳妥）
    StateHasChanged();
}

前端代码无需修改 #

你的现有EditForm绑定了@commentForm和@CommentsContext，当Model实例更新后，DxMemo会自动绑定新的空值，验证组件也会重置状态，完全无刷新。

方案二：清空Model属性并重置验证状态 #

如果不想重新创建Model实例，可以手动清空属性并调用EditContext的方法清除验证信息：

修改后台代码 #

public async Task Comments()
{
    // 1. 保存评论逻辑
    var submittedText = commentForm.CommentText;
    // 保存操作...

    // 2. 清空Model的评论文本属性
    commentForm.CommentText = string.Empty;
    // 3. 重置EditContext的验证状态
    CommentsContext.MarkAsUnmodified(); // 标记所有字段为未修改
    CommentsContext.ClearValidationMessages(); // 清除所有验证消息
    // 4. 触发渲染
    StateHasChanged();
}

说明 #

• 方案一适合Model有多个属性的场景，无需逐个清空，代码更简洁。
• 方案二适合需要保留Model实例的场景（比如有其他关联数据），但需要手动处理每个属性和验证状态。

两种方案都能实现无刷新重置表单的效果，和ASP.NET UpdatePanel的局部更新体验一致。

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