博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于分部视图(Partial View)
阅读量:7049 次
发布时间:2019-06-28

本文共 1278 字,大约阅读时间需要 4 分钟。

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

加油吧!

转载地址:http://uadol.baihongyu.com/

你可能感兴趣的文章
1小时学会:最简单的iOS直播推流(十一)sps&pps和AudioSpecificConfig介绍(完结)...
查看>>
Oracle APEX 系列文章6:Oracle APEX 到底适不适合企业环境?
查看>>
ubuntu搭建nodejs生产环境——快速部署手册
查看>>
探索解析微服务下的RabbitMQ
查看>>
谈一谈 Spring-Mybatis 在多数据源配置上的坑
查看>>
SpringMVC源码解析系列4-HandleAdapter
查看>>
iOS开发中多线程的那些事
查看>>
使用 React 一年后,我学到的最重要经验
查看>>
字面量-数组、字典
查看>>
从零开始学Python(七):文件存储I/O流和异常捕捉
查看>>
JavaScript基础(5) - IDE与调试
查看>>
Android 性能优化之旅5 电量优化
查看>>
如何为你的App配置多环境变量
查看>>
学习OpenGL ES之什么是Shader?
查看>>
RxJava学习之结合(组合)型操作符
查看>>
Python基础(三): 数值和布尔
查看>>
从零开始实现一个简易的Java MVC框架
查看>>
iOS 12, watchOS 5, macOS Mojave 10 14, tvOS 12 等beta版描述文件下载
查看>>
Python3爬虫-04-模拟登录爬取企信宝200页数据
查看>>
javascript设计模式
查看>>