如何将Blazor EditForm的提交按钮放置在组件外部

如何将Blazor EditForm的提交按钮放置在组件外部,blazor,blazor-server-side,Blazor,Blazor Server Side,Blazor文档在EditForm组件中有一个提交按钮组件: OnValidSubmit=“@HandleValidSubmit”> 标识符: 剪 提交 剪 是否将提交按钮放置在EditForm标记的之外,并且仍然“本机”触发该EditForm组件的提交而不使用JavaScript i、 e.对于代码,如下所示: 提交 剪 标识符: 非常简单: 将id属性添加到EditForm 将提交按钮置于EditForm之外,并将EditForm的id分配给其form属性 下面是一个工作代码

Blazor文档在
EditForm
组件中有一个提交按钮组件:

OnValidSubmit=“@HandleValidSubmit”>

标识符:

剪 提交 剪
是否将提交按钮放置在
EditForm
标记的之外,并且仍然“本机”触发该
EditForm
组件的提交而不使用JavaScript

i、 e.对于代码,如下所示:


提交
剪

标识符:

非常简单:

  • id
    属性添加到
    EditForm
  • 将提交按钮置于
    EditForm
    之外,并将
    EditForm
    的id分配给其
    form
    属性
下面是一个工作代码示例:

@使用System.ComponentModel.DataAnnotations;
姓名:
正文:

拯救
取消

@code
{
私有字符串MyID=“MyID”;
私有评论模型=新评论();
公共异步任务HandleValidSubmit()
{
//等待任务。延迟(3000);
等待任务。运行(()=>
{
Console.WriteLine(“保存…”);
Console.WriteLine(型号名称);
Console.WriteLine(Model.Text);
});
}
私人作废取消()
{
Console.WriteLine(“取消…”);
Console.WriteLine(型号名称);
Console.WriteLine(Model.Text);
}
公开课评论
{
[必需]
[MaxLength(10)]
公共字符串名称{get;set;}
[必需]
公共字符串文本{get;set;}
}
}

希望这能有所帮助……

我在页面上有blazor组件,我想在组件内部封装表单和验证,但我在页面顶部有一个保存按钮。添加一个“editcontext”并检查它是否在我们喜欢的任何位置有效如何?我不确定我找到了你。。。然而,你不能在任何你喜欢的地方检查它是否有效。这与在表单边界之外启动提交操作大不相同。但是,您可以在EditForm中嵌入子组件,将模型传递给它们,并像处理EditForm的一部分一样处理这些组件。注意:您可以发布一个问题,详细描述您的问题和要求、、,,,