asp.net-mvc-3 - mvc で actionlink のクリック時に部分ビューを表示する方法

Question

ページに次の 2 つのアクション リンクがあります。

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