MVC |分部视图 PartialView()

最新推荐文章于 2024-07-10 14:55:11 发布
最新推荐文章于 2024-07-10 14:55:11 发布
阅读量102 收藏 1
点赞数
文章标签： 测试 javascript ViewUI
原文链接：http://www.cnblogs.com/yyy116008/p/7019757.html
版权

介绍如何定义

其实它和普通视图没有多大区别，只是创建分部视图的时候视图里没有任何内容，你需要什么标签你自己加。第二就是分部视图不会执行_ViewStart.cshtml中的内容）

控制器

PartialViewDeomController控制器

 

[csharp]  view plain  copy
 
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Web.Mvc;  
  6.   
  7. namespace MvcApp.Controllers  
  8. {  
  9.     public class PartialViewDeomController : Controller  
  10.     {  
  11.         //  
  12.         // 分部视图的作用一般用于嵌到如一些正常的视图中去。（类似与自定义控件）相当于： Server.Execute(string path)  
  13.   
  14.         public ActionResult PartialIndex()  
  15.         {  
  16.             //View()方法返回的视图默认都会去执行_ViewStart.cshtml中的内容  
  17.             //return View();  
  18.   
  19.             //分部视图不会去执行_ViewStart.cshtml中的内容（分部视图以PartialView()返回）  
  20.             return PartialView();  
  21.         }  
  22.     }  
  23. }  


PartialIndex 视图

 

 

[html]  view plain  copy
 
  1. <!--注意，创建分部视图后，视图里是没有任何东西的。自己需要什么标签，就加什么标签。这个视图的用法就是到时候嵌套到一些以View()返回的正常视图中去-->  
  2.   
  3. <select id="dp1">  
  4.     <option value="0">湖南</option>  
  5.     <option value="1">广东</option>  
  6.     <option value="0">上海</option>>  
  7. </select>  
  8.   
  9. <select id="dp2">  
  10.     <option value="0">纽约</option>  
  11.     <option value="1">洛杉矶</option>  
  12.     <option value="0">华盛顿</option>>  
  13. </select>  


 

使用介绍（我们发现它与普通视图是差不多的）

PartialViewDeomController控制器

 

[csharp]  view plain  copy
 
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Web.Mvc;  
  6.   
  7. namespace MvcApp.Controllers  
  8. {  
  9.     using MvcApp.Models;  
  10.     public class PartialViewDeomController : Controller  
  11.     {  
  12.         //  
  13.         // 分部视图的作用一般用于嵌到如一些正常的视图中去。（类似与自定义控件）相当于： Server.Execute(string path)  
  14.   
  15.         public ActionResult PartialIndex()  
  16.         {  
  17.   
  18.             var list = new List<T_UserInfo>()  
  19.             {  
  20.                 new T_UserInfo(){Id=1,UserName="无盐海",Name="凡斌"},  
  21.                 new T_UserInfo(){Id=1,UserName="阿宝",Name="周晶"},                           
  22.             };  
  23.   
  24.             //分部视图不会去执行_ViewStart.cshtml中的内容（分部视图以PartialView()返回）  
  25.             return PartialView(list);  
  26.         }  
  27.     }  
  28. }  


PartialIndex视图

 

 

[html]  view plain  copy
 
  1. @model List<MvcApp.Models.T_UserInfo>  
  2.   
  3. <select id="dp1">  
  4.     @{  
  5.         foreach (var item in Model)   
  6.         {   
  7.              <option value="0">@item.Name</option>  
  8.         }  
  9.     }  
  10. </select>  

 

 

真实的使用介绍 （重点）

 

PartialViewDeomController控制器

 

[csharp]  view plain  copy
 
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Web.Mvc;  
  6.   
  7. namespace MvcApp.Controllers  
  8. {  
  9.     using MvcApp.Models;  
  10.     public class PartialViewDeomController : Controller  
  11.     {  
  12.         public ActionResult Index()  
  13.         {  
  14.             return View();  
  15.         }  
  16.           
  17.         // 分部视图的作用一般用于嵌到如一些正常的视图中去。（类似与自定义控件）相当于： Server.Execute(string path)  
  18.   
  19.         public ActionResult PartialIndex()  
  20.         {  
  21.   
  22.             var list = new List<T_UserInfo>()  
  23.             {  
  24.                 new T_UserInfo(){Id=1,UserName="无盐海",Name="凡斌"},  
  25.                 new T_UserInfo(){Id=1,UserName="阿宝",Name="黄雪辉"},                           
  26.             };  
  27.   
  28.             //分部视图不会去执行_ViewStart.cshtml中的内容（分部视图以PartialView()返回）  
  29.             return PartialView(list);  
  30.         }  
  31.     }  
  32. }  


Index视图与PartialIndex分部视图。（注意：这里是在Index视图里调用PartialIndex分部视图）

 

 

[html]  view plain  copy
 
    1. @{  
    2.     Layout = null;  
    3. }  
    4. @using MvcApp.Models;  
    5. <!DOCTYPE html>  
    6.   
    7. <html>  
    8. <head>  
    9.     <meta name="viewport" content="width=device-width" />  
    10.     <title>Index</title>  
    11.     <script src="~/Scripts/jquery-1.8.2.js"></script>  
    12. </head>  
    13. <body>  
    14.     <div id="loadData"></div>  
    15.   
    16.     <div>  
    17.         <!--第一种方式：同一控制起下调用分部视图-->  
    18.         @Html.Partial("PartialIndex", new List<T_UserInfo>() { new T_UserInfo() { Id = 1, UserName = "无盐海", Name = "凡斌" }, new T_UserInfo() { Id = 1, UserName = "阿宝", Name = "周晶" }, })  
    19.   
    20.         <!--第二种方式：同一控制起下调用分部视图-->  
    21.         @{  
    22.             Html.RenderPartial("PartialIndex", new List<T_UserInfo>() { new T_UserInfo() { Id = 1, UserName = "无盐海", Name = "凡斌" }, new T_UserInfo() { Id = 1, UserName = "阿宝", Name = "周晶" } });  
    23.         }  
    24.   
    25.         <!--第三种方式：可以跨控制器调用分部视图（注意：如果通过这种方式调用分部视图，如果在再PartialIndex这个action中有传参给分部视图，则在此处调用就不需要再传递参数了）-->  
    26.         @{Html.RenderAction("PartialIndex", "PartialViewDeom");}  
    27.   
    28.         <!--第四种方式：也是可以跨控制器调用分部视图。和第三种是一样的-->  
    29.         @Html.Action("PartialIndex", new { controller = "PartialViewDeom" })  
    30.   
    31.         <!--第五种方式：用ajax来调用：如：jquery的Load()方法-->  
    32.         <script type="text/javascript">  
    33.             $(function () {  
    34.                 $("#loadData").load("/PartialViewDeom/PartialIndex"); //将PartialIndex分部视图中的内容加载到id为loadData这个元素中去  
    35.             })  
    36.         </script>  
    37.     </div>action  
    38. </body>  
    39. </html> 

转载于:https://www.cnblogs.com/yyy116008/p/7019757.html

weixin_34343308
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于分部视图（Partial View）
12-25 1955
一、关于分部视图（Partial View） Partial View是可以应用在View中的，编写一次，在其他View中可以被反复使用。通常都是放在"Views——Shared"文件夹中。 1. 创建Partial View：右键"Views——Shared"文件夹添加分部视图。 2. 使用Partial View有两类helper ： Html.Partial / Html....
MVC分部视图
刘晓春
12-31 2527
近期的项目一直在使用MVC，常常用到分部视图，下面就简单介绍一下分部视图。     使用分部视图最大的一个感受就是，整个页面颗粒化了，每个大页面都由这些小的颗粒组成，而且这些颗粒可以共享。大家的任务量便随之减轻了不少。 分部视图的优点：     1.   分部视图可以使系统插件化 。     2.   分部视图还可以带来一个优点，就是分工合作。     3.   分部视图还有一个
MVC之Partial View 用法
热门推荐
极客神殿
01-01 1万+
Partial View 顾名思义就是Html代码片段，因此可以用Partial View 把部分的Html或显示逻辑包装起来，方便多次使用。 Partial View 需要放在Views/Shared 目录下，任何Controlller 下的Action 或 View 都可以载入。 如何载入Partial View? MVC 的 HTML 辅助方法有个专门的方法载入分部View,方法名称为
ASP MVC js文件在发生替换的PartialView中失效
HZXI00的专栏
12-24 409
根本的原因新加载的PartialView与jquery没有进行绑定，所以需要在PartialView文件加载成功的地方立即进行重新绑定 比如，下面的代码在执行ajax后，获取了新的PartialView替代原有内容，此时，需要针对控件，进行jQuery绑定，具体绑定的内容需要根据实际需要针对处理： abp.ajax({ url: '/XXX/GetViewCont', ...
MVC5 + EF6 + Bootstrap3 (14) 分部视图PartialView
weixin_30696427的博客
01-19 409
Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-partialview.html 系列教程：MVC5 + EF6 + Bootstrap3 上一节：MVC5 + EF6 + Bootstrap3 (13) 查看详情、编辑数据、删除数据 下一节：MVC5 + EF6 + Bootstrap3 (15)...
MVC 部分视图
keep innocent
04-18 1693
MVC部分视图，就是字面的意思，可是在我们代码中是如何体现的呢？小遍在最近的学习过程中，又有了新的收获。废话不说，进入我们的正题。       其实在代码中，调用分部视图的方式无非四种。 //第一种 Html.Partial(); //第二种 Html.RenderPartial() //第三种 Html.Action() //第四种 Html.RenderAction()      其实，这
asp.net mvc 分部视图的基本使用
03-19
在ASP.NET MVC中，分部视图（Partial View）是一种强大的功能，它允许开发者将用户界面拆分为可重用的部分，以提高代码的可维护性和复用性。本篇文章将详细探讨分部视图的三种基本使用方式，并通过实例进行讲解。 1...
ASP.NET MVC中分部视图的应用方法
10-18
分部视图（Partial View）是一种轻量级的视图，通常用于在多个页面中重复使用的组件。与ASP.NET Web Forms中的用户控件相似，但它们不依赖于ViewState、PostBacks和Events。分部视图的主要优点是代码重用，可以提高...
MVC3分部视图简单实例
11-02
**MVC3分部视图（Partial View）详解** 在ASP.NET MVC框架中，分部视图（Partial View）是一种非常实用的设计模式，它允许开发者将一个大的视图拆分成多个小的、可重用的部分，提高代码的可维护性和复用性。本实例...
ASP.NET Core MVC基础学习之局部视图（Partial Views）
01-02
1.什么是局部视图 　　局部视图是在其他视图中呈现的视图。通过执行局部视图生成的HTML输出呈现在调用视图中。与视图一样，局部视图使用 .cshtml 文件扩展名。当希望在不同视图之间共享网页的可重用部分时，就可以使用局部视图。 2.什么时候使用局部视图 　　局部视图是将大视图分成小组件的有效方法。通用的布局元素应在 _Layout.cshtml 中指定，非布局可重用内容可以封装成局部视图。 　　如果一个由几个逻辑部分组成的复杂页面，那么将每个逻辑部分作为局部视图是很有用。布局视图与普通视图之间没有语义差别，它们只是以不同的方式呈现。你可以直接从控制器的 ViewResult 返回视图，而这个
MVC 3模板页和分部页的使用1
08-08
return PartialView(menu); } ``` 这个动作方法从数据库中获取分类列表，然后通过`ViewBag`传递数据到分部视图。 总的来说，MVC 3中的模板页和分部页提供了强大的页面布局和代码重用能力，有助于构建清晰、模块...
(4)asp.net mvc3可替换的视图(View)
12-19
1. 视图分部（Partial Views）：这些是小型的、可重用的视图，可以在主视图中嵌入，用于呈现页面的特定部分。这使得开发者能够将复杂页面拆分为更小、更易管理的部分。 2. 嵌套视图：如果一个视图需要嵌套另一个...
MVC5+EF6 入门完整教程六
weixin_30614109的博客
11-17 167
本篇我们谈谈分部视图（Partial View）。 上篇文章提到过Partial和Action这两个helper, 本篇文章主要就结合这两个helper来讲解分部视图（Partial View）的应用。 文章提纲 理论基础 详细步骤 总结 理论基础 – 分部视图 Partial View指可以应用于View中以作为其中一部分的View的片...
MVC的部分视图(Partial View)
weixin_33725722的博客
10-21 93
MVC的部分视图确实与asp.net的用户控件有几分相似，实际应用起来的方式，它又是那样不尽相同。上次练习了《MVC母版页_Layout.cshtml》http://www.cnblogs.com/insus/p/3380419.html 学会了网页格局的布局。而这次练习是把是网页有相同的部分做成一个部分视图，在维护时能只维护这个部份视图，而不必每个有相的网页均打开出来维护。先来看看以前的练习，其...
MVC中使用PartialView方法
筱筱的专栏
05-17 1211
要实现类似这样的的功能： 在网上找到这样的示例。文章如下： 我们知道，作为Action的响应，最常见的做法是return View（）；也就是说，返回一个视图。但是如果我们某的操作只是要返回页面的一部分，典型的情况就是，在页面上实现局部的刷新功能。 实现局部刷新功能，以前我们是自己用javascript,解析json数据来实现的。 Action里面的代码 /// ///
ASP.Net MVC PartialView的应用
ryancao530的博客
12-29 587
ASP.Net MVC PartialView的应用 1.PartialViewResult，Controller类提供了4种重载方法 protected internal PartialViewResult PartialView(); protected internal PartialViewResult PartialView(object model); protected internal virtual PartialViewResult PartialView(string viewName
web框架MVC分部视图用途和用法
weixin_42063193的博客
03-19 520
分部视图是一个非常有用的，通用视图模块，异步加载等，今天我们从一个我们在项目中碰到的问题入手来一步一步阐述，在Web开发框架中有许多的分部视图，如菜单模块。 今天我们以一个客户搜集问题/需求的小功能来讲述PartialView。 问题 如图所示错误,报错现象为视图引擎从下列路径中没有找到partial view ‘_InquiryNow’，路径列举主要有两个：一个是“/Views/Common/...
商城自动化测试实战 —— 登录+滑块验证
最新发布
m0_47485438的博客
07-10 263
hello大家好，我是你们的小编！本商城测试项目采取PO模型和数据分离式架构，采用pytest+selenium+jenkins结合的方式进行脚本编写与运行，项目架构如下：
.net mvc 利用分部视图局部刷新.
06-06
在 .NET MVC 中，可以使用分部视图（Partial View）来实现局部刷新。分部视图是一个独立的视图文件，可以在其他视图中通过 Html.Partial 或 Html.RenderPartial 方法进行引用。 以下是使用分部视图实现局部刷新的步骤： 1. 创建一个分部视图，例如 _PartialView.cshtml。 2. 在分部视图中编写需要局部刷新的 HTML 代码。 3. 在主视图中使用 Html.Partial 或 Html.RenderPartial 方法引用分部视图。 4. 在需要局部刷新的事件中，通过 Ajax 调用控制器中的方法，并将返回的分部视图 HTML 插入到页面中指定的元素中。 例如，以下代码可以实现点击按钮时刷新 id 为 "partial-view-container" 的 div 元素： ``` <!-- _PartialView.cshtml --> <div> <p>这是分部视图的内容</p> </div> <!-- 主视图中引用分部视图 --> <div id="partial-view-container"> @Html.Partial("_PartialView") </div> <!-- JavaScript 代码 --> <script> $(function() { $('#refresh-button').click(function() { $.ajax({ url: '/Home/RefreshPartialView', type: 'GET', success: function(result) { $('#partial-view-container').html(result); } }); }); }); </script> <!-- HomeController 中的方法 --> public ActionResult RefreshPartialView() { return PartialView("_PartialView"); } ``` 注意，以上代码仅供参考，具体实现方式可能会因项目架构、技术栈等因素而异。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值