如何从 MVC 帖子操作重定向回帖子来自的引导弹出模式部分视图？

Question

如何从 MVC 帖子操作重定向回帖子来自的引导弹出模式部分视图？

这是位于页面上 Bootstrap 模式弹出窗口中的 PartialView。 它有一个带有验证 taghelper 的 div，等待任何模型错误。

@model CreateRoleViewModel

<div class="panel panel-primary partialModalFormDivs">
    @Html.Partial("_ModalHeader",
        new ModalHeader
        {
            Heading = "ADD ROLE",
            glyphiconClass = "glyphicon glyphicon-random"
        }
    )

    <div class="panel-body">
        <div asp-validation-summary="All" class="text-danger"></div>
        <form asp-action="CreateRole" method="post">
            <div class="form-group">
                <label asp-for="RoleName"></label>
                <input asp-for="RoleName" class="form form-control" />
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Create</button>
               <a asp-action="Index" class="btn btn-default">Cancel</a>
            </div>
        </form>
    </div>
</div>

它发布到此操作：

    [HttpPost]
    public async Task<IActionResult> CreateRole(CreateRoleViewModel createRoleViewModel)
    {
        if (ModelState.IsValid)
        {
            IdentityRole role = new IdentityRole(createRoleViewModel.RoleName);

            IdentityResult result
                = await _roleManager.CreateAsync(role);

            if (result.Succeeded)
            {
                return RedirectToAction("Index");
            }
            else
            {
                foreach (IdentityError error in result.Errors)
                {
                    ModelState.AddModelError("", error.Description);
                }
            }
        }
        return View(createRoleViewModel);
    }

我可以在最后返回一个像这样的 PartialView：

return View("_CreateRole", createRoleViewModel);

但随后整个页面被清除，并且此部分返回没有布局文件。

如何将结果返回到模态弹出窗口。 我了解问题和当前行为。但是其他人解决了这个问题吗？

Answer 1

我认为您想要做的是一个 ajax 帖子，然后只返回一个部分视图并替换表单。表单应该在一个容器 div 中，其 id 用于将其内容替换为 ajax 发布结果。为此，您需要包含 jquery unobtrusive ajax 脚本，该脚本将根据表单上的 data-* 属性自动连接 ajax，如下所示

<div class="panel-body">
    <div asp-validation-summary="All" class="text-danger"></div>
    <div id="resultcontainer">
        <form asp-action="CreateRole" method="post"
        data-ajax="true" 
        data-ajax-method="POST" 
        data-ajax-mode="replace" 
        data-ajax-update="#resultcontainer"
        >
            <div class="form-group">
                <label asp-for="RoleName"></label>
                <input asp-for="RoleName" class="form form-control" />
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Create</button>
               <a asp-action="Index" class="btn btn-default">Cancel</a>
            </div>
        </form>
    </div>
</div>

别忘了返回部分视图

return PartialView(createRoleViewModel);