使用 Blazor 单击提交后清除 InputFields

Question

我想知道是否有人知道如何在按下保存按钮“提交”后清除所有输入字段？？ 当我返回页面时，我的价值观仍然存在。

这是我正在使用的代码。

@page "/testform"
@inject BlazorApp6.Data.Person person
@inject BlazorApp6.DBContext.ValidationTestContext Context
@inject BlazorApp6.Interface.INterface Manager

<EditForm Model="@person" OnValidSubmit="@CreatePerson">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="form-group">
            <label for="Name">Name</label>
            <InputText @bind-Value=Person.Name class="form-control" id="Name" />
            <ValidationMessage For=@(() => Person.Name) />
        </div>
        <div class="form-group">
            <label for="Age">Age</label>
            <InputNumber @bind-Value=Person.Age class="form-control" id="Age" />
            <ValidationMessage For=@(() => Person.Age) />
        </div>
        <input type="submit" class="btn btn-primary" value="Save" />
    </EditForm>

@code {



    protected override async Task OnInitializedAsync()
    {
        person.OnChange += StateHasChanged;
    }

    private void CreatePerson()
    {

        Manager.Create(person);
        
       
    }

}

Answer 1

重置所有值。最简单的方法：

private void CreatePerson()
{
    Manager.Create(person);
    person = new Person();            
}

你不应该需要 StateHasChanged：

protected override async Task OnInitializedAsync()
{
    // person.OnChange += StateHasChanged;
}

否则你必须-=和+=new Person()周围的事件

Answer 2

编写一个函数来清除输入字段

private void ClearInputFields()
{
    person.Name = string.Empty;  

}

提交成功后调用方法