关于分部视图(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 的差异
加油吧!
- MVC |分部视图 PartialView()
- EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)
- ASP.NET MVC3调用分部视图-PartialView的几种方式(集)
- asp.net mvc 使用ajax请求 控制器 (PartialViewResult)分部的action,得到一个分部视图(PartialView)的HTML,进行渲染
- EF5+MVC4系列(12) 在主视图中直接用RenderAction调用子Action,并返回视图(Return View)或者分部视图(Return PartialView); 从主Action传值到子Action使用TempData传值;TempData高级用法
- ASP.NET MVC3调用分部视图-PartialView的几种方式(集)
- MVC5 + EF6 + Bootstrap3 (14) 分部视图PartialView
- MVC如何将用户控件(分部视图,RenderPartial,ViewUserControl)内容转换为字符串并输出
- ASP.Net MVC开发基础学习笔记(10):分部视图PartialView
- MVC |分部视图 PartialView()
- MVC学习七:Razor布局之加载分部视图【PartialView】
- ASP.NET MVC3调用分部视图-PartialView的几种方式(集) 【转】
- MVC |分部视图 PartialView()
- 关于TP5视图分离到根目录的解决方法 原有: 为了方便前端开发,我想把视图(view)部分分离出来专门给前端进行修改 过程:在进行视图设置分离的过程遇到了问题 参考了官方文档http://www
- MVC调用部分视图PartialView
- presentViewController和pushViewController ---关于视图跳转的总结
- 关于UIScrollview添加子视图按钮无反应
- .net mvc 设置div的动态部分视图内容 dynamic partial view
- 截取视图某一段另存为部分视图(Partial View)
- 关于android的pulltorefreshview组件在视图页面无法显示的问题