如何制作一个具有EditForm并将组件和验证封装在其中的组件?

时间:2020-03-18 12:55:38

标签: c# blazor asp.net-blazor

我想制作一个具有EditForm的组件,并将表单和验证封装在该组件内部。

我想在应用程序中的任何地方重用此组件,并使用任何按钮提交。

如何通过其外部的按钮提交EditForm

观察:我搜索了其他答案,例如this one,但是标记为已接受的答案不能回答问题,这就是为什么我要提出这个新问题。

1 个答案:

答案 0 :(得分:1)

创建一个没有EditForm的组件,而不是在组件中包括EditForm,然后在OnValidSubmit上调用组件的方法

<EditForm OnValidSubmit="HandleValidSubmit">
    <FormContentComponent @ref="_formContent" />
    <button type="submit">submit</button>
</EditForm>
@code {
    private FormContentComponent _formContent;

    private void HandleValidSubmit()
    {
        _formContent.HandleValidSubmit();
    }
}