带有两个提交按钮的Razor页面,并返回到同一页面

时间:2020-09-08 09:43:16

标签: c# asp.net-core razor-pages

我在使用Razor Pages的一个Asp.Net Core项目中遇到了一个奇怪的情况。
简而言之,我有一个带有两个提交按钮的表单。其中一个用于保存表单并返回首页,第二个用于保存表单,然后重新初始化Model BindedProperty 以再次插入另一个文档(“保存并重复”方案)。

第一个提交按钮没有定义页面处理程序,应按约定调用PageModel文件上的预定义OnPostAsync方法,第二个按钮具有asp-page-handler="SaveAndRepeat"并应调用自定义页面名为OnPostSaveAndRepeatAsync的处理程序方法。

这是没有所有div和输入的cshtml代码。

<form method="POST">
    ... a lot of html and tags ...
    <button id="insert-doc-button" type="submit" class="btn btn-primary">Save</button>
    <button id="insert-repeat-doc-button" type="submit" asp-page-handler="SaveAndRepeat" class="btn btn-primary">Save and Repeat</button>            }
</form>

这是PageModel文件中的精简代码,用于响应提交

    [BindedProperty]
    DocumentVM CurrentDoc {get;set;}
    .....
    
    public async Task<IActionResult> OnPostAsync()
    {
        try
        {
            bool saved = await CommonSave();
            ......
            return RedirectToPage("/index");
        }
        ....
    }
    public async Task<IActionResult> OnPostSaveAndRepeatAsync()
    {
        try
        {
            bool saved = await CommonSave();
            ...
            // Duplicates the BindedProperty
            CurrentDoc = CurrentDoc.Duplicate();
            return Page();
        }
        ....
    }

现在是问题所在。如您所见,调用 SaveAndRepeat 后,PageModel代码返回到具有 BindedProperty 的同一页,并加载了与上次保存重复的值。 (它按预期工作) 但是现在,如果我尝试按“保存”按钮(因为我已到达要插入的最后一个文档),则代码将再次调用OnPostSaveAndRepeatAsync处理程序,而不是默认的OnPostAsync。 当然,如果我只按一个保存按钮,就不会发生这种情况,因为我只能插入一个文档。在这种情况下,代码会正确调用OnPostAsync

说实话,我不是这项技术的专家,现在就开始我的第一个项目,但是似乎我还没有理解一些重要的知识。是的,我已经解决了同时为“保存”按钮设置 asp-page-handler 的问题,但是我真的很想知道这种现象的原因。

我还需要补充一点,由于ISP尚未在其托管服务器上启用3.1版本的限制,该项目使用ASP.NET Core 3.0

1 个答案:

答案 0 :(得分:1)

如果您首先单击OnPost方法,则该方法将起作用,因为您的路线上没有任何处理程序。

无论何时使用asp-page-handler,处理程序的名称都会作为查询字符串参数添加到您的路由中,您可以在浏览器中对其进行检查。

1

之后,您要调用默认的OnPost,它不需要任何处理程序参数,并且无需修改它们,这使得Razor Pages认为您正在使用再次SaveAndRepeat处理程序,因此它将重定向到您的OnPostSaveAndRepeatAsync方法。

单击具有不同asp-page-handler的按钮会更改查询字符串上的处理程序参数,使其调用指定的方法。