MVC3 Razor @RenderSection

MVC3 Razor @RenderSection

Mvc3的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>.

posted on 2012-08-15 15:35  思考命运 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/thinkfate/archive/2012/08/15/2640193.html