一、关于分部视图(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调用。
(1)主View的时间;
(2)用Html.Partial调用Partial View的时间;
(3)用Html.Action调用Partial View的时间。
所呈现的效果图如图所示:
总结:
1. 学会了使用分部视图(Partial View)
2.关于代码这方面,能看懂,但是还不能自己去写出来,缺乏写代码的能力!
3.了解到了 Html.Partial 和 Html.Action 的差异
加油吧!