asp.net-mvc-3 - 如何在 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" });

这假设listandadmin动作返回部分视图：

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

并且这个局部视图的结果将被注入到带有id="someDiv". 同样为了这个工作不要忘记将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" });