asp.net-mvc - 当用户单击主视图上的按钮时，如何显示附加的部分 View ？

Question

我想单击“主视图”上的按钮并在其自己的 .已更新

我有一个主要观点:

 @{
using (Ajax.BeginForm("PastClaims", "Claim", FormMethod.Post, new AjaxOptions { UpdateTargetId = "update_panel", InsertionMode = InsertionMode.Replace }, new { @class = "form-horizontal" }))
{
    <legend>Submit a Claim</legend>
    @Html.EditorForModel()
    <div class="controls">
        <input id="btnCheckForClaims" type="submit" class="btn btn-primary" value="Submit Claim" />
    </div>


    }

我需要单击提交按钮然后显示另一个 View : 如果我执行下面的操作，那么在初始加载的页面上它会显示 div

 <div id="update_panel">@Html.Partial("PastClaims")</div>

如果我将 div 留空，那么我会得到一个新的部分 View 。

  <div id="update_panel"></div>

如果我像达林建议的那样将它们保留为空:

using (Ajax.BeginForm("PastClaims", "Claim", FormMethod.Post, new AjaxOptions { UpdateTargetId = "update_panel", InsertionMode = InsertionMode.Replace }, new { @class = "form-horizontal" }))

我被重定向到同一页面(我想要的)，但附加的部分 View 未显示。

感谢下面的 Darrin 让我走到这一步。

Answer 1

在这种情况下，您可以使用 Ajax.BeginForm:

@using (Ajax.BeginForm(null, null, new AjaxOptions { UpdateTargetId = "update_panel", InsertionMode = InsertionMode.Replace }, new { @class = "form-horizontal"}))
{
    @Html.EditorForModel()
    <div class="controls">
        <input id="btnOpenPartialView" type="submit" class="btn btn-primary" value="OpenPartialView" />
    </div>
}

<div id="update_panel">
    @Html.Partial("PartialView")
</div>

然后相应的 Controller 操作将返回部分 View :

[HttpPost]
public ActionResult SomeAction() 
{
    // some processing ...
    return PartialView("PartialView");
}

要使 Ajax.* 帮助程序正常工作，请不要忘记包含 jquery.unobtrusive-ajax.js 脚本:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>