ASP.NET MVC 4 に複数レベルのレイアウト マスター ページがあります。
私は次のものを持っています：
<title>@ViewBag.Title</title>
レイアウト ページの順序は次のとおりです。
- _Layout.cshtml
- _SubLayout.cshtml (_Layout.cshtml に基づく)
- Index.cshtml (_SubLayout.cshtml に基づく)
Index Action 内に @ViewBag.Title を設定しています。ただし、次の例外が発生します。
値を null または空にすることはできません。パラメータ名: contentPath
これが私が持っているコードです。ASP.NET デザイン パターンの本のコードを VS 2012 / MVC 4 で機能させるだけです。
_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<div id="header">
<span><a href="@Url.Content("")">
<img alt="Agatha's Clothing Store"
src="@Url.Content("/Content/Images/Structure/lg_logo.png")"
border="0" /></a></span>
</div>
<div id="headerSummary">
@RenderSection("headerBasketSummary", required: false)
</div>
<div class="topBarContainer">
<div id="background">
<div id="navigation">
@RenderSection("MenuContent", required: false)
</div>
<div id="content">
@RenderBody()
</div>
<div style="clear: both;" />
</div>
</div>
@Html.Partial("_SiteFooter")
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-jtemplates.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/agatha-common-scripts.js")"></script>
</body>
</html>
_ProductCatalogProduct.cshtml
@model BaseProductCatalogPageView
@using Agathas.Storefront.Controllers.ViewModels.ProductCatalog
@using Agathas.Storefront.UI.Web.MVC.Helpers
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@if (IsSectionDefined("MenuContent"))
{
@RenderSection("MenuContent", required: false)
}
else
{
@Html.Partial("_Categories", ((BaseProductCatalogPageView)Model).Categories)
}
@RenderBody();
インデックス.cshtml
@model HomePageView
@using Agathas.Storefront.Controllers.ViewModels.ProductCatalog
@using Agathas.Storefront.Services.ViewModels
@using Agathas.Storefront.UI.Web.MVC.Helpers
@{
Layout = "~/Views/Shared/_ProductCatalogLayout.cshtml";
ViewBag.Title = "Home Page";
}
<img width="559" height="297"
src="@Url.Content("~/Content/Images/Products/product-lifestyle.jpg")"
style="border-width: 0px; padding: 0px; margin: 0px" />
<div style="clear: both;"></div>
<h2>Top Products</h2>
<div id="items" style="border-width: 1px; padding: 0px; margin: 0px">
<ul class="items-list">
@foreach (ProductSummaryView product in Model.Products)
{
<li class="item-detail">
<a class="item-productimage-link" href="@Url.Action("Detail", "Product", new { id = product.Id }, null)">
<img class="item-productimage" src="@Url.Content("~/Content/Images/Products/" + product.Id.ToString() +".jpg"))" /></a>
<div class="item-productname">@Html.ActionLink(product.BrandName + " " + product.Name, "Detail", "Product", new { id = product.Id }, null)</div>
<div class="item-price">@product.Price</div>
</li>
}
</ul>
</div>
どうもありがとう