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

加油吧!

关于分部视图(Partial View)的更多相关文章

  1. 视图(View)与部分视图(Partial View)之间数据传递

    写ASP.NET MVC程序,我们经常需要把数据从视图(View)传递至部分视图(Partial View) 或者相反. 今天Insus.NET使用 ControllerBase.TempData 进 ...

  2. 截取视图某一段另存为部分视图(Partial View)

    在做ASP.NET MVC后台管理程序时,根据程序需要,Isus.NET需要实现一个功能,就是动态截取视图某一段另存为部分视图Partial View. 思路为在视图中,使用jQury的程序截图以及P ...

  3. mvc 分部视图(Partial)显示登陆前后变化以及Shared文件夹在解决方案资源管理器中没有显示的问题

    刚开始我的解决方案资源管理器中没有显示Shared文件夹,但Shared文件夹在项目中是实际存在的,我搜了下好像没有类似的解答(可能是我搜索的关键词不够准确).后来自己看了下vs2012. 其实解决方 ...

  4. MVC的部分视图(Partial View)

    MVC的部分视图确实与asp.net的用户控件有几分相似,实际应用起来的方式,它又是那样不尽相同. 上次练习了<MVC母版页_Layout.cshtml>http://www.cnblog ...

  5. 使用HTML辅助方法载入分部视图

    在webform中我们用过user control可以减少重复代码也利于将页面模组化, 在mvc中 叫分部视图 Partial View.   也就是一个片段的view.可以利用Partial vie ...

  6. MVC5+EF6入门完整教程6:Partial View

    https://i-beta.cnblogs.com/posts/edit 上篇文章提到过Partial和Action这两个helper, 本篇文章主要就结合这两个helper来讲解分部视图(Part ...

  7. MVC学习七:Razor布局之加载分部视图【PartialView】

    Partial View 顾名思义就是Html代码片段,应用于此HTML代码多次被页面加载时使用.(类似于WebForm程序中的用户控件) 注:PartialView和正常的View页面在访问时没有任 ...

  8. jQuery加载部分视图(Partial Views)

    本篇是演示使用jQuery加载部分视图(Partial View).如果你不想使用Razor的语法呈现部分视图,那此篇的方法是最理想的了.它可以Render至指定的tag上. 创建两个部分视图,一个为 ...

  9. MVC+EF 随笔小计——分部视图(Partial View)及Html.Partial和Html.Action差异

    Partial View指可以应用于View中以作为其中一部分的View的片段(类似于之前的user control), 可以像类一样,编写一次, 然后在其他View中被反复使用. 一般放在" ...

随机推荐

  1. busdog is a filter driver for MS Windows (XP and above) to sniff USB traffic.

    https://code.google.com/p/busdog/ busdog is a filter driver for MS Windows (XP and above) to sniff U ...

  2. 关于GCC Cygwin MinGW MSYS

    [转载]关于Gcc/MinGW/Cygwin/Msys http://blog.sciencenet.cn/blog-778757-616920.html 一.GCC的历史 GCC是一个原本用于Uni ...

  3. JQuery 关于位置的计算(重要)

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. 【redis】redis五大类 用法 【转载:https://www.cnblogs.com/yanan7890/p/6617305.html】

    转载地址:https://www.cnblogs.com/yanan7890/p/6617305.html

  5. 【JS】 JS毫秒值转化为正常格式 或者正常格式转化为毫秒值

    1.毫秒值转化为正常时间格式  最简单的方法 new Date(后台传来的毫秒值).toLocaleDateString() 就是这个样子 2.毫秒值转化为自定义的时间格式 本页面重写一下  toLo ...

  6. weblogic打补丁,bsu方法

    刚装了10.3.6版本的weblogic,想把版本补丁到10.3.6.0.12 我用的系统是windows 8.1 ,呵呵 查看版本 执行java weblogic.version WebLogic ...

  7. C++ Primer 学习笔记_91_用于大型程序的工具 --命名空间

    用于大型程序的工具 --命名空间 引言: 在一个给定作用域中定义的每一个名字在该作用域中必须是唯一的,对庞大.复杂的应用程序而言,这个要求可能难以满足.这样的应用程序的全局作用域中一般有很多名字定义. ...

  8. cas 获取session中的用户信息

    <%Object object =request.getSession().getAttribute("_const_cas_assertion_");Assertion a ...

  9. jquery empty()方法

    empty() 方法从被选元素移除所有内容,包括所有文本和子节点. $(selector).empty() <html> <head> <script type=&quo ...

  10. 2017年USNews美国大学研究生专业排名

    2017年USNEWS美国大学研究生专业排名最佳商学院排名 排名 学校 费用 注册人数 #1 Harvard University Boston, MA $61,225 per year (full- ...