如何顯示在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" });