现在的位置: 首页 > 综合 > 正文

Mvc Razor 的布局页嵌套

2013年07月27日 ⁄ 综合 ⁄ 共 980字 ⁄ 字号 评论关闭

首先,在项目中已经有了一个全站公用的布局页:

/Views/Shsred/_Layout.cshtml

在部分页面中需要使用一个局部的布局页,就考虑利用布局页的嵌套,几经尝试后,总结方法如下:

1、在/Views/Shsred/文件夹下建立这个局部的布局页:

/Views/Shsred/_LocalLayout.cshtml

在_LocalLayout.cshtml中加上以下代码,指定自己的布局页为/Views/Shsred/_Layout.cshtml,并在合适的位置上加上@RenderBody()命令:

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

<div class="main">
<div class="left_pan" style="float:left">
<dl id="left_menu" class="left_menu">
<dt ><a href="">帐号管理</a></dt>
<dd ><a href="">修改密码</a></dd>
<dd ><a href="">重置密码方法</a></dd>
<dd ><a href="">修改基本信息</a></dd>
<dd ><a href="">历史记录</a></dd>
</dl>
</div>
<div class="right_pan" style="float:left" >
@RenderBody()
</div>
<div class="main_bottom" style="height:31px; background-color:blue; clear:both"></div>
</div>
</div>

2、在使用该布局文件的视图里边,指定使用该布局页

注意:

1.虽然在_ViewStart.cshtml文件中已经有以下代码:

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

仍然需要_LocalLayout.cshtml文件中显式规定自己的布局页,不然系统不会自动将其嵌套进网站的全局布局页。

2._LocalLayout.cshtml文件必须位于/Views/Shsred/文件夹下,不然也不会嵌套近全局布局页(此条未经充分验证)。

网站开发_网站制作_网站维护_网店制作_网店安装_商城制作_手机软件_企业网站_办公软件_QQ:471226865QQ:471226865
点点更健康

抱歉!评论已关闭.