使用分部视图:
通常在MVC应用程序中多个不同的地方,使用同样的Razor视图和HTML标签,采用的方法不是重复使用,而是使用分部视图。
分部视图是含有标签和标记片段的独立的视图文件,可以被嵌入到其他视图之中.
1.创建分部视图:
在Views/Shared文件下:
右击—>添加视图,创建名称为MyPartial的分部视图
MyPartial.cshtml分部视图Codes:
做一些简单的布局和信息:
@*分部视图*@
<div>
This is the message from the partial view.
@Html.ActionLink("This is a link to the Index action","AddUser")
</div>
在User控制器添加List动作方法,并添加对应的View视图List.cshtml:
public ActionResult List()
{
return View();
}
List.cshtml视图文件:
引入分部视图
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>List</title>
</head>
<body>
<div>
<h3>This is the /Views/User/List.cshtml View</h3>
@*引入分部视图MyPartial*@
@Html.Partial("MyPartial")
</div>
Result:
可以在另一个视图中使用Html.Partial(“分部视图名称”)辅助器方法,来引入指定的
分部视图
2.使用强类型分部视图
创建强类型分部视图,然后在渲染这个分部视图时,传递要使用的视图模型对象。
在Views/Shared文件下:
创建强类型分部视图:MyStronglyTypedPartial.cshtml
@*强类型局部视图*@
@model IEnumerable<string>
<div>
<h3>This is the message from the strongly partial view.</h3>
<ul>
@{
foreach (string str in Model) {
<li>@str</li>
}
}
</ul>
</div>
在List.cshtml视图文件中,使用强类型分部视图MyStronglyTypedPartial:
<div>
<h3>引入强类型分部视图:</h3>
@Html.Partial("MyStronglyTypedPartial",new string[]{"Apple","Orange","Pear"})
</div>
在调用Partial()方法时,在第二个参数:传递了视图的模型对象(Model)
将视图数据传递给分部视图的技术
Result:
注意:分部视图位于Shared文件下,其文件结构本身没有什么,只有内容和在应用程序中使用的方法
549
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
