@RenderPage
從名稱可以猜出來這個方法是要呈現一個頁面。比如網頁中固定的頭部可以單獨放在一個共享的視圖文件中,然后在布局頁面中通過這個方法調用,用法如下:
@RenderPage(“~/Views/Shared/_Header.cshtml”)
帶參數
@RenderPage(“~/Views/Shared/_Header.cshtml”,new{parm="my",parm2="you")
調用頁面獲取參數:
//獲取 RenderPage() 傳遞過來的參數
@PageData["param"]
相關區別
RenderPage()和RenderPartial()的區別
RenderPage()調用的頁面只能使用其傳遞過去的數據。
而RenderPartial()是可以使用viewdata,model等數據的。
如:@{Html.RenderPartial("BasicChart",model);}
用這個重載可以在部分視圖里使用強類型,然后在主視圖中使用第二個參數傳model過去
@{Html.RenderPartial("BasicChart",ViewData["myData"]);}
Html.RenderPartial和Html.RenderAction的區別
Html.RenderPartial適合用在重覆使用的UserControl,並且只需要透過Model來呈現內容,或是對於廣告的UserControl也適合使用。
RenderPage()調用的頁面只能使用其傳遞過去的數據。
而RenderPartial()是可以使用viewdata,model等數據的。
如:@{Html.RenderPartial("BasicChart",model);}
用這個重載可以在部分視圖里使用強類型,然后在主視圖中使用第二個參數傳model過去
@{Html.RenderPartial("BasicChart",ViewData["myData"]);}
Html.RenderPartial和Html.RenderAction的區別
Html.RenderPartial適合用在重覆使用的UserControl,並且只需要透過Model來呈現內容,或是對於廣告的UserControl也適合使用。
Html.RenderAction則會先去呼叫Controller的Action方法,如果此UserControl是需要透過資料庫取得資料來呈現(透過Action來讀取資料庫),此時會比較適合使用此方式。
實例
母版:
#<#!DOCTYPE html>
<#html>
<#head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
@RenderSection("head", required: true)@*View頁面自定義特定js/css使用*@
</head>
<#body>
@RenderPage("~/Views/Shared/_Header.cshtml")
@RenderBody()
</body>
</html>
視圖:
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
@section Head{
<script type="text/javascript">
$(function () {
alert("hello jquery");
});
</script>
}
<p>執行C#普通語法</p><br />
@DateTime.Now.Date.ToShortDateString()
<p>執行C#語句段</p>
@{
List<string> list = new List<string> { "Mvc3", "Razor" };
list.Add(".Net4");
}
<ul>
@foreach(string s in list)
{
if (string.IsNullOrEmpty(s))
{
<li>空</li>
}
else
{
<li>@s</li>
}
}
</ul>
最后生成:
#<#!DOCTYPE html>
<#html>
<#head>
<title>Index</title>
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
alert("hello jquery");
});
</script>
</head>
<#body>
<h2>Index</h2>
<p>執行C#普通語法</p><br />
2013/3/11
<p>執行C#語句段</p>
<ul>
<li>Mvc3</li>
<li>Razor</li>
<li>.Net4</li>
</ul>
</body>
</html>
<#html>
<#head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
@RenderSection("head", required: true)@*View頁面自定義特定js/css使用*@
</head>
<#body>
@RenderPage("~/Views/Shared/_Header.cshtml")
@RenderBody()
</body>
</html>
視圖:
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
@section Head{
<script type="text/javascript">
$(function () {
alert("hello jquery");
});
</script>
}
<p>執行C#普通語法</p><br />
@DateTime.Now.Date.ToShortDateString()
<p>執行C#語句段</p>
@{
List<string> list = new List<string> { "Mvc3", "Razor" };
list.Add(".Net4");
}
<ul>
@foreach(string s in list)
{
if (string.IsNullOrEmpty(s))
{
<li>空</li>
}
else
{
<li>@s</li>
}
}
</ul>
最后生成:
#<#!DOCTYPE html>
<#html>
<#head>
<title>Index</title>
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
alert("hello jquery");
});
</script>
</head>
<#body>
<h2>Index</h2>
<p>執行C#普通語法</p><br />
2013/3/11
<p>執行C#語句段</p>
<ul>
<li>Mvc3</li>
<li>Razor</li>
<li>.Net4</li>
</ul>
</body>
</html>
