关于分部视图(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 的差异

加油吧!

posted @ 2017-12-25 15:08  ~雨落忧伤~  阅读(3935)  评论(0编辑  收藏  举报