mvc4 Razor @RenderSection - 母版页设置

来源：互联网发布：顾爷知乎编辑：程序博客网时间：2024/06/05 06:51

Mvc4的Razor视图引擎还提供了@RenderSection

我的理解：@RenderSection在母版页中占个位,然后让使用此母版页的子页自己去呈现他们的Section。

在母版页_Layout.cshtml中定义@RenderSection("Section名")

<body>    <div id="header">@{Html.RenderAction("Menu", "Global");}</div>    <div id="sideBar">      @RenderSection("SubMenu")    </div>    <div id="container">@RenderBody()</div>    <div id="footer">@{Html.RenderAction("Footer", "Global");}</div></body>

添加一个About.cshtml,使用_Layout.cshtml做母版页
然后就可以在About.cshtml中定义"SubMenu"要呈现的内容

@{    ViewBag.Title = "About"; } @section SubMenu{    Hello This is a section implement in About View. }

这里我在About.cshtml中实现了SubMenu,运行结果

但是当如果使用了_Layout.cshtml做母版页的页没有实现Section的话，

譬如我新建的Index.cshtml没有实现@section SubMenu{...},就会抛出异常

这是因为我在_Layout.cshtml中使用的是@RenderSection("SubMenu")他要求所有子页都要实现，

可以使用它的另外一个重载@RenderSection("SubMenu",false),第二个参数代表它不是必须的，就不会抛出异常。

还有，当我在母版页中定义了@RenderSection("SubMenu",false)的时候，我希望当所有子页都没有实现这个Section

的时候，母版页可以有自己的呈现内容，就可以用

<div id="sideBar">       @if (IsSectionDefined("SubMenu"))        {            @RenderSection("SubMenu", false)        }        else        {            <p>SubMenu Section is not defined!</p>        } </div>

这样当没有任何页面呈现Section的时候，就会默认显示定义的内容。

-----------------------------------------------------------------------------------

还有一种比较灵活的方法,通过扩展方法来实现

public static class Utility    {        public static HelperResult RenderSection(this WebPageBase page, string sectionName, Func<object, HelperResult> defaultContent)        {            if (page.IsSectionDefined(sectionName))            {                return page.RenderSection(sectionName);            }            else            {                return defaultContent(null);                           }        }    }

在母版页中

@this.RenderSection("SubMenu", @<div>default section content</div>)

OK了！没有呈现Section时，就默认显示

<div>default section content</div>

1 0