0

部分ビュー内で @section を使用して、レイアウトの指定された部分にスクリプトを配置しようとしました。しかし、それは機能していません。

_Layout.cshtml

<!DOCTYPE html>
<html lang="en">
<head>
@RenderSection("PageSpecificCSSFiles", false)
</head>
<body>
<div>@RenderBody()</div>
 <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.js")"></script>
@RenderSection("PageSpecificJSFiles", false)
@RenderSection("PageSpecificJSScript", false)
</body>

詳細ページ.cshtml

@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="tabs">
 @{ Html.RenderPartial("BasicDetails");}
</div>

部分ビュー BasicDetails.cshtml

<input id="dob" name="DateOfBirth" value="" />
@section PageSpecificJSScript{

<script type="text/javascript">

$(document).ready(function(){
   $('#dob').datepicker();
});

</script>

}

@section が機能していないため、日付ピッカーは構成されていません。

部分的なビューでこれを達成する方法を誰か教えてもらえますか? 部分ビュー内のスクリプトをレイアウトの特定の部分に強制するにはどうすればよいでしょうか?

注:パフォーマンスを向上させるために、下部に JS ファイルを追加しました。ページの上部に移動することは好みません。

4

0 に答える 0