Razor引擎学习:RenderBody,RenderPage和RenderSection

翻译 2013年12月04日 10:48:05

Razor引擎学习:RenderBody,RenderPage和RenderSection

 (2011-01-15 23:25:38)

标签: 

mvc3

 

razor

 

renderbody

 

renderpage

 

rendersection

分类: .NET

如果使用了母版页,注意页面中的ID是否正确,因为只要使用了母版页,真正的ID会变,必须使用 <%= txtID. ClientID %>来获取真实ID
$("#Button1.ClientID").click();

ASP.NET MVC 3 已经正式发布了,现在估计许多人都在拼命学,我也不能例外,刚刚看到了一篇文章,介绍了三个非常有用的方法:RenderBody,RenderPage和RenderSection,现在自己再总结下。

1. RenderBody

在Razor引擎中没有了“母版页”,取而代之的是叫做“布局”的页面(_Layout.cshtml)放在了共享视图文件夹中。在这个页面中,会看到<body>标签里有这样一条语句:

@RenderBody()

其实它的作用和母版页中的<contentplaceholder>服务器控件类似,当创建基于此布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在<body>标签之间。

这个方法不需要参数,而且只能出现一次。

2. RenderPage

从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下:

@RenderPage(“~/Views/Shared/_Header.cshtml”)
@RenderBody()

代码简洁直观,另外似乎带下划线的视图文件有特殊含义,以后再研究吧。

3. RenderSection

布局页面还有节(Section)的概念,也就是说,如果某个视图模板中定义了一个节,那么可以把它单独呈现出来,用法如下:

@RenderPage(“~/Views/Shared/_Header.cshtml”)
@RenderBody()
@RenderSection(“footer”)

当然还要在视图中定义节,否则会出现异常:

@section footer {
    <b>Footer Here</b>
}

为了防止因缺少节而出现异常,可以给RenderSection()提供第2个参数:

@RenderSection(“footer”, false)


@RenderSection,@RenderPage,@RenderBody介绍

在MVC的模板页中会用到上面三个东西,那么今天就简单归纳下各有什么作用 1.@RenderSection 用法 对CSS或JS部分模块的预留定义 例如模板页定义了@RenderSection("...
  • shuai7boy
  • shuai7boy
  • 2017年05月25日 15:04
  • 643

MVC中@RenderBody、@RenderSection、@RenderPage、@Html.RenderPartial、Html.RenderAction的作用和区别

1、@RenderBody()   作用和母版页中的服务器控件类似,当创建基于此布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过布局页面的@RenderBody()方法呈现...
  • smartsmile2012
  • smartsmile2012
  • 2016年06月28日 16:15
  • 1599

ASP.NET MVC3 Razor引擎中RenderBody,RenderPage和RenderSection总结

1. RenderBody 在Razor引擎中没有了“母版页”,取而代之的是叫做“布局”的页面(_Layout.cshtml)放在了共享视图文件夹中。在这个页面中,会看到标签里有这样一条语句: ...
  • huanghunjiuba
  • huanghunjiuba
  • 2012年05月04日 11:13
  • 226

MVC:@RenderBody,@RenderSection,@RenderPage

一、@RenderBody: 当创建基于布局页面(即母版页如_Layout.cshtml)的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过布局页面中的@RenderBody()方法呈现...
  • zhulongxi
  • zhulongxi
  • 2017年08月18日 17:56
  • 93

MVC3 Razor模板引擎 @RenderBody、@RenderPage、@RenderSection

一、Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody  当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合并...
  • tiz198183
  • tiz198183
  • 2013年03月11日 14:44
  • 5218

@RenderBody、@RenderPage、@RenderSection的介绍

一、@RenderBody 当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBod...
  • whaxrl
  • whaxrl
  • 2014年03月15日 15:47
  • 555

MVC 的 @RenderBody、@RenderPage、@RenderSection

_Layout.cshtml 母版页 @RenderBody  当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过_Layou...
  • SJB2MLN
  • SJB2MLN
  • 2018年02月01日 16:51
  • 9

MVC布局之@RenderBody()和@RenderSection()

 强大的Razor引擎  一、Razor基础简介   Razor采用了cshtml后缀的文件名,截图如下:   A、 版面布局   从图上看到,新的视图引擎已经没有了Site.M...
  • L1058626900
  • L1058626900
  • 2015年02月04日 00:30
  • 2076

ASP.NET MVC 3 Razor Syntax - RenderBody, RenderPage and RenderSection

Abstract: The following article demonstrates how to use these three method of Razor syntax -RenderBo...
  • qq_23836283
  • qq_23836283
  • 2016年10月05日 13:27
  • 162

MVC Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction

一、Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody  当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合...
  • shiyong7682719
  • shiyong7682719
  • 2014年04月03日 11:00
  • 1068
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Razor引擎学习:RenderBody,RenderPage和RenderSection
举报原因:
原因补充:

(最多只允许输入30个字)