如何在mvc中显示关于actionlink的部分视图

Question

我在页面上有以下两个操作链接：

@Html.ActionLink("User List","list");
@Html.ActionLink("Admin List","admin");

在他们的点击中，我想使用jQuery显示/隐藏部分视图。帮我解决这个问题。

Answer 1

您可以改为使用Ajax.ActionLink助手：

@Ajax.ActionLink("User List","list", new AjaxOptions { UpdateTargetId = "someDiv" });
@Ajax.ActionLink("Admin List","admin", new AjaxOptions { UpdateTargetId = "someDiv" });

这假定list和admin操作会返回部分视图：

public ActionResult List()
{
    return PartialView();
}

并将此部分视图的结果注入到具有id="someDiv"的DOM元素中。另外，为了实现这一点，请不要忘记将jquery.unobtrusive-ajax.js脚本包含在您的页面中

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

Answer 2

<div id="test"></div>

@Ajax.ActionLink("User List","list", new AjaxOptions{ UpdateTargetId = "test" });
@Ajax.ActionLink("Admin List","admin", new AjaxOptions{ UpdateTargetId = "test" });