c# - 单击时在主视图中加载局部 View

Question

当用户单击链接时，我试图让部分 View 加载到我的当前 View 上，但它一直在加载部分 View ，而不是在同一 View 上加载。

不确定我错过了什么。

主视图 Controller

    public PartialViewResult MonitorDetail(MonitorType mType)
    {
        return PartialView("MonitorDetail", mType);
    }

主视图

<script src="~/Scripts/jquery-2.1.1.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

<p class="lbutton radius">
    @Ajax.ActionLink("SQL Cluster Online ", "MonitorDetail", "NOCCon", MonitorType.AHSSQLCluster, new AjaxOptions() { UpdateTargetId = "monitorDetail" })
    <span class="lbutton-addition @(Model.SQLClusterOnline ? "online" : "offline")">
        @(Model.SQLClusterOnline ? "Online" : "Offline")
    </span></p>

<div id="monitorDetail"></div>

局部 View

@model PAL.Intranet.MonitorType
<div>
    You choose @Model.ToString()
</div>

还一直告诉我 mType 为空，但我在 ActionLink 中将它传递给 MonitorType，因此我将其添加为可为空，这样我就可以尝试找出第一个问题，然后处理第二个问题。

Answer 1

如果它只显示部分 View ，那是因为您没有包含 Ajax.ActionLink 工作所需的文件(它只是执行正常的重定向)。确保您已包含 jquery.{version}.js 和 jquery.unobtrusive-ajax.js

参数 mType 为 null 的原因是因为您没有传递值。应该是

@Ajax.ActionLink("SQL Cluster Online ", "MonitorDetail", "NOCCon", new { mtype = MonitorType.AHSSQLCluster }, new AjaxOptions() ....)