基于子页呈现母版页元素



在MVC中可以在_Layout.cshtml中使用:

@if (IsSectionDefined("styles"))
{@RenderSection("styles", required: false)}

如果需要给定的部分,则与内容页面/布局上的@Section styles一起在<head>中包含CSS样式。

是否有一种有效的方法来模拟 Web 窗体中的相同行为?

总而言之:我希望有可能在母版页上呈现 css 和 js,前提是基于该母版页的特定子页面需要它们。因此,它不会包含在不需要这些 css 和 js 文件的页面上。

您可以使用ContentPlaceHolder .在母版页中,定义内容占位符,如下所示:

<head runat="server">
    <title>..</title>
    <meta charset="utf-8"/>
    ..
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

..而那些需要特殊cssjs文件的子页面可以使用这个内容占位符来注入他们需要的文件,例如:

<%@ Page Title="" Language="C#" MasterPageFile=".." AutoEventWireup="true" CodeBehind=".." %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="some css file dedicated only to this child page" rel="stylesheet" />
    <script src="..js.."></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    ..
    <h1><asp:Label ID="lblPageTitle" runat="server" Text=""></asp:Label></h1>
    ..
</asp:Content>

最新更新