如何显示在MVC

Question

上的ActionLink的点击的局部视图我有一个页面上的以下两个动作链接：

@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(); 
} 

这个局部视图的结果将被注入DOM元素与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" });