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

Partial View 顾名思义就是Html代码片段，应用于此HTML代码多次被页面加载时使用。（类似于WebForm程序中的用户控件）

注：PartialView和正常的View页面在访问时没有任何区别

一、PartialView的创建

在Views文件夹下，选中你要添加PartialView的文件右击=>添加=>点击View=>弹出添加View窗口（和正常添加View页面是一样的），在窗口中勾选【创建分部视图】下面就OK了。

二、加载分部视图

1、通过Ajax方式

Index页面代码

 1 @section scripts{
 2     <script type="text/javascript">
 3         window.onload = function () {
 4             document.getElementById("btnLoadPart").onclick = function () {
 5                 var xhr = new XMLHttpRequest();
 6                 xhr.open("get", "/Home/LoginPart", true);//访问控制器类Home中的LoginPart方法
 7                 xhr.setRequestHeader("If-Modified-Since", 0);//清除缓存
 8                 xhr.onreadystatechange = function () {
 9                     if (xhr.readyState == 4 && xhr.status == 200)
10                     {
11                         var htmlNew = xhr.responseText;
12                         document.getElementById("divCon").innerHTML = htmlNew;
13                     }
14                 };
15                 xhr.send(null);
16             };
17         };
18     </script>
19 }
20
21 <input type="button" value="请求分部视图" id="btnLoadPart" />
22 <div id="divCon"></div>

分部视图控制器类(Home)中的LoginPart方法代码

1         /// <summary>
2         /// 加载 分部视图的 Action 方法
3         /// </summary>
4         public ActionResult LoginPart()
5         {6             return PartialView();//PartialView方法不会加载布局页面【_ViewStart.cshtml】，View()方法会加载布局页面【_ViewStart.cshtml】
7         }

2、View直接加载分部视图

①通过@{Html.RenderPartial("分部视图的View页面路径【~/Views/Home/LoginPart.cshtml】");} //无返回值

②通过@Html.Partial("分部视图的View页面路径【~/Views/Home/LoginPart.cshtml】")//返回值类型为MvcHtmlString的字符串

③通过@{Html.RenderAction("在同一个控制器类中可以直接写方法名【LoginPart】");}//无返回值

④通过@Html.Action("在同一个控制器类中可以直接写方法名【LoginPart】")//返回值类型为MvcHtmlString的字符串

TempData传值：一次请求，通过Html.Action或Html.RenderAction请求页面时，Action方法之间的传值

如图：

转载于:https://www.cnblogs.com/WarBlog/p/7211208.html

MVC学习七：Razor布局之加载分部视图【PartialView】相关推荐

H323plus的学习使用（3）——加载H.264插件
H323plus的学习使用(3)--加载H.264插件在h323plus的学习中,总是调试simple以尝试h323plus的能力集,在simple视频聊天中提到了一个关于ptlib插件的环境变量的 ...
Pytorch深度学习（五）：加载数据集以及mini-batch的使用
Pytorch深度学习(五):加载数据集以及mini-batch的使用参考B站课程:<PyTorch深度学习实践>完结合集传送门:<PyTorch深度学习实践>完结合集一 ...
android开发学习之路——连连看之加载图片（三）
正如前面AbstractBoard类的代码中看到的,当程序需要创建N个Piece对象时,程序会直接调用ImageUtil的getPlayImages()方法去获取图片,该方法将会随机从res\ dra ...
在ASP.NET MVC中加载部分视图的方法及差别
在视图里有多种方法可以加载部分视图,包括Partial() .Action().RenderPartial().RenderAction().RenderPage()方法.下面说明一下这些方法的差别. ...
ASP.Net MVC开发基础学习笔记（10）：分部视图PartialView
前言本节我们来看分部视图PartialView的用法.首先我们会创建一个简单的静态分部视图.然后向这个视图中传入Model数据,使其变成动态分部视图.接下来介绍使用ChildAction来调用分部视 ...
VS Code加载 Web 视图时出错
问题描述: VS Code加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed to r ...
3D Web可视化引擎HOOPS Communicator 2022 SP1更新亮点：新增支持2个格式、选择性加载 CAD 视图
HOOPS Communicator 2022 SP1更新基于 HOOPS Visualize HPS 2022 SP1.HOOPS Exchange 2022 SP1 和 HOOPS Publish ...
MVC |分部视图 PartialView()
介绍如何定义其实它和普通视图没有多大区别,只是创建分部视图的时候视图里没有任何内容,你需要什么标签你自己加.第二就是分部视图不会执行_ViewStart.cshtml中的内容) 控制器 Partia ...
[OpenCV学习笔记3][图像的加载+修改+显示+保存]
正式进入OpenCV学习了,前面开始的都是一些环境搭建和准备工作,对一些数据结构的认识主要是Mat类的认识: [1.学习目标] 图像的加载:imread() 图像的修改:cvtColor() 图像的显 ...

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

MVC学习七：Razor布局之加载分部视图【PartialView】相关推荐

最新文章

热门文章