关于分部视图（Partial View）

一、关于分部视图（Partial View）

Partial View是可以应用在View中的，编写一次，在其他View中可以被反复使用。通常都是放在"Views——Shared"文件夹中。

1. 创建Partial View：右键"Views——Shared"文件夹添加分部视图。

2. 使用Partial View有两类helper ： Html.Partial / Html.RenderPartial Html.Action / Html.RenderAction

二、详细步骤：

1.创建分部视图：

右键Shared——添加——MVC5分部页（Razor）——命名：_PartialPageWidget.cshtml

2.通过Html.Partial / Html.RenderPartial 使用（分部视图）：效果图如下：

3.通过Html.Action / Html.RenderAction 使用：

（1）在要显示的View所对应的Controller中增加一个Action

[ChildActionOnly]
public ActionResult ShowWidget()
{
return PartialView("~/Views/Shared/_PartialPageWidget.cshtml");
}

[ChildActionOnly] 表示这个Action只应作为子操作进行调用，必须返回一个PartialView。

（2）在View中添加相关代码：

h1>通过 @@Html.Action来使用 </h1>
@Html.Action("ShowWidget")
<h1>通过 @@Html.RenderAction来使用 </h1>
@{
Html.RenderAction("ShowWidget");
}

如果将上一个引用屏蔽之后，会出现这样的界面：

但是如果两个都应用的话，会出现这样的界面：

三、Html.Partial和Html.Action差异举例：

1. 在Views_MVCDemo中新建一个_PartialPageDateTime.cshtml（视图）

添加代码：

@ViewBag.DateTime

2. Controller中新建2个Action：SharedDateDemo 和 PartialViewDate。根据SharedDateDemo生成主View,，PartialViewDate供Html.Action调用。

主View: SharedDateDemo.cshtml分别显示：

（1）主View的时间；

（2）用Html.Partial调用Partial View的时间；

（3）用Html.Action调用Partial View的时间。

所呈现的效果图如图所示：

总结：

1. 学会了使用分部视图（Partial View）

2.关于代码这方面，能看懂，但是还不能自己去写出来，缺乏写代码的能力！

3.了解到了 Html.Partial 和 Html.Action 的差异

加油吧！

巴特西