Question

我的问题是，当在基本模板中定义@RenderSection时，我似乎无法使用嵌套模板中的@RenderSection。目前，我有一个嵌套的基本模板，它链接到子模板，然后在视图页面中使用。当我在基本模板中定义@RenderSection并在视图页面中呈现它时，它会抛出错误。

这是确切的问题。

我想创建一个RenderSection以允许我插入自定义脚本。我的基本模板......

<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
 @RenderSection("HeaderContent", false) // The region of the header scripts (custom css)

</head>
<body>
@RenderBody()
</body>
</html>

然后我跳过子模板，因为我不想在其中放置任何自定义头部代码并将其应用于页面本身..

@section HeaderContent {
    <script>alert("hi");</script>
}

我的问题是我似乎无法从普通网页向基本模板添加自定义头代码。

以下部分已定义，但尚未针对布局页面~/Views/Shared/OneColLayer.cshtml": "HeaderContent进行渲染。

我是否需要在视图页面中包含指向基本模板的指针？

@{
    Layout = "~/Views/Shared/BaseTemplate.cshtml";
}

我的新基本模板

<head>
  <link rel="stylesheet" type="text/css" href="@Url.Content("~/content/layout.css")" />
  <link rel="stylesheet" type="text/css" href="@Url.Content("~/content/global.css")" />
  <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"></script>
  <script type="text/javascript" src="@Url.Content("~/js/fadeInFadeOut.js")"></script>
  <title>@ViewBag.Title</title>
  @RenderSection("HeaderContent", false)
</head>
<body>
  @RenderBody()
</body>

我的新儿童模板

@{
  Layout = "~/Views/Shared/BaseTemplate.cshtml";
}
@RenderSection("HeaderContent", false)
@RenderBody()

我的观点

@{
  ViewBag.Title = "Home";
  Layout = "~/Views/Shared/OneColLayer.cshtml";
}
@section HeaderContent {
  <h1>Left Content</h1>
}
<div>my view content</div>

内容现在放在oneCol模板的基础模板中。

结果...

<div id="Content">
   <h1>Left Content</h1>
</div>

Answer 1

您需要指定允许在中间模板中传递的部分。

BaseTemplate.cshtml

<!DOCTYPE html>
<html>
  <head>
    <title>@ViewBag.Title</title>
    @RenderSection("HeaderContent", false) @* The region of the header scripts (custom css) *@
  </head>
<body>
  @RenderBody()
</body>
</html>

修改

您的新子模板

@{ Layout = "~/Views/Shared/BaseTemplate.cshtml"; } @section HeaderContent { @RenderSection("HeaderContent", false) } @RenderBody()

如果将渲染部分放在基础模板的某个部分内，它会将该部分渲染到基础模板上的正确位置。

View.cshtml - ＆gt;使用MiddleLayout.cshtml作为布局

@section HeaderContent {  } 

嵌套剃刀模板中的@RenderSection

1 个答案: