2. 程式人生 > >MVC |分部視圖 PartialView()

MVC |分部視圖 PartialView()

阿新 • • 發佈：2017-06-15
mode new inf bin pop 自定義 index ner --

介紹如何定義

其實它和普通視圖沒有多大區別，只是創建分部視圖的時候視圖裏沒有任何內容，你需要什麽標簽你自己加。第二就是分部視圖不會執行_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;
  7. namespace MvcApp.Controllers
  8. {
  9. public class PartialViewDeomController : Controller
  10. {
  11. //
  12. // 分部視圖的作用一般用於嵌到如一些正常的視圖中去。（類似與自定義控件）相當於： Server.Execute(string path)
  14. public ActionResult PartialIndex()
  15. {
  16. //View()方法返回的視圖默認都會去執行_ViewStart.cshtml中的內容
  17. //return View();
  19. //分部視圖不會去執行_ViewStart.cshtml中的內容（分部視圖以PartialView()返回）
  20. return PartialView();
  21. }
  22. }
  23. }


PartialIndex 視圖

[html] view plain copy
  1. <!--註意，創建分部視圖後，視圖裏是沒有任何東西的。自己需要什麽標簽，就加什麽標簽。這個視圖的用法就是到時候嵌套到一些以View()返回的正常視圖中去-->
  3. <select id="dp1">
  4. <option value="0">湖南</option>
  5. <option value="1">廣東</option>
  6. <option value="0">上海</option>>
  7. </select>
  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;
  7. namespace MvcApp.Controllers
  8. {
  9. using MvcApp.Models;
  10. public class PartialViewDeomController : Controller
  11. {
  12. //
  13. // 分部視圖的作用一般用於嵌到如一些正常的視圖中去。（類似與自定義控件）相當於： Server.Execute(string path)
  15. public ActionResult PartialIndex()
  16. {
  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. };
  24. //分部視圖不會去執行_ViewStart.cshtml中的內容（分部視圖以PartialView()返回）
  25. return PartialView(list);
  26. }
  27. }
  28. }


PartialIndex視圖

[html] view plain copy
  1. @model List<MvcApp.Models.T_UserInfo>
  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;
  7. namespace MvcApp.Controllers
  8. {
  9. using MvcApp.Models;
  10. public class PartialViewDeomController : Controller
  11. {
  12. public ActionResult Index()
  13. {
  14. return View();
  15. }
  17. // 分部視圖的作用一般用於嵌到如一些正常的視圖中去。（類似與自定義控件）相當於： Server.Execute(string path)
  19. public ActionResult PartialIndex()
  20. {
  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. };
  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>
    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>
    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 = "周晶" }, })
    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. }
    25. <!--第三種方式：可以跨控制器調用分部視圖（註意：如果通過這種方式調用分部視圖，如果在再PartialIndex這個action中有傳參給分部視圖，則在此處調用就不需要再傳遞參數了）-->
    26. @{Html.RenderAction("PartialIndex", "PartialViewDeom");}
    28. <!--第四種方式：也是可以跨控制器調用分部視圖。和第三種是一樣的-->
    29. @Html.Action("PartialIndex", new { controller = "PartialViewDeom" })
    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>

MVC |分部視圖 PartialView()

相關推薦

MVC |分部視圖 PartialView()

mode new inf bin pop 自定義 index ner -- 介紹如何定義 其實它和普通視圖沒有多大區別，只是創建分部視圖的時候視圖裏沒有任何內容，你需要什麽標簽你自己加。第二就是分部視圖不會執行_ViewStart.cshtml中的內容） 控制器 Par

ASP.NET Core 入門教程 7、ASP.NET Core MVC 分部視圖入門

log ble 特意 創建目錄 width with 前言 chrome thp 原文:ASP.NET Core 入門教程 7、ASP.NET Core MVC 分部視圖入門一、前言 1、本教程主要內容 ASP.NET Core MVC (Razor)分部視圖簡介

MVC中的分部視圖

ext copy data 語法 world! fonts replace art 區別 背景： 項目的工期馬上就要到了，由於後臺封裝的很好，我們只需要用心熟悉框架，接下來後臺的工作就是簡單的代碼工作了。原本以為最困難的時期已經過去，可沒想到前臺才是最困難的。

如何應用ASP.NET MVC中的分部視圖

如何 重復 shtml 技術 選擇 partial viewbag body html 概述：　　 在ASP.NET Web Form的開發經驗中，對於User Control使用比較頻繁，可以減少重復的代碼，利於頁面模塊化，這個概念也被引入了ASP.NET M

MVC Razor視圖下ViewData傳遞html內容被轉義

viewdata height 16px sof razor raw pan str auto 頁面輸出： html源碼： <div style="width: 90%; height: auto;"> &lt;p&gt

快速入門系列--MVC--06視圖

出版 value 快速入門 stream 類型 path .cn esc eba 到了View的呈現板塊，感覺ASP.NET MVC的學習也進入了尾聲，還是比較開心的，畢竟也有了不小收獲。這部分內容相對比較簡單，因為之前還專門學習過如何結合HTML5與MVC框架。前

MVC 在視圖中獲取當前的Controller、Action的方式

style 視圖 out action pan size 獲取 cti span 在視圖中獲取Controller和Action的方式： Controller： @ViewContext.RouteData.Route.GetRouteData(this.Context)

MVC5+EF6之分部視圖(Partial View)

視圖 表示 時間 books 訪問 family red 樣式 idg Partial View指可以應用於View中以作為其中一部分的View的片段(類似於之前的user control), 可以像類一樣，編寫一次， 然後在其他View中被反復使用。 創建分部視圖

MVC部分視圖的使用（Html.Partial/RenderPartial、Html.Action/RenderAction、RenderPage）

razor語法 一次 span tle viewdata 多重 mls 字符 抓取 ASP.NET MVC 裏頁面往往會有許多重用的地方，可以進行封裝重用。 使用部分視圖有以下優點： 1. 可以簡寫代碼。 2. 頁面代碼更加清晰、更好維護。 在視圖裏有多種方法可以 加載部分

MVC中視圖訪問的約定

index view tin tro 顯示 其他 訪問 shtml 同名 通常訪問視圖的時候，都會去選擇訪問Views文件夾內對應於Controller同名的文件夾下的某一個視圖，這個視圖對應於這個Controller類的某一個方法。 其實，也可以讓這個方法對應於不同名的c

設計模式， mvc 模型視圖控制器模式（8）

== 器） urn indexer 分層 myself all 模型 log MVC 模式代表 Model-View-Controller（模型-視圖-控制器） 模式。這種模式用於應用程序的分層開發。 Model（模型） - 模型代表一個存取數據的對象或 JAVA P

Nancy之區域和分部視圖的使用

resp ctype lin 布局 area one html中 頁面 eight 原文:Nancy之區域和分部視圖的使用一、前言 在MVC中，區域(Area)和分部視圖(PartialView)應該是我們用的十分頻繁的兩個東西 今天我們就在Nancy中，把這兩個東西簡

Spring MVC Xml視圖解析器

視圖解析器 分享 property tex 創建 eclipse servlet load body XmlViewResolver用於在xml文件中定義的視圖bean來解析視圖名稱。以下示例演示如何在Spring Web MVC框架使用XmlViewResolver。 X

MVC 部分視圖:Partial() 、RenderPartial() 、 Action() 、RenderAction() 、 RenderPage() 區別

action mod ren part mysq 原來 一次 讀取 nbsp 在視圖裏有多種方法可以 加載部分視圖，包括： Partial() Action() RenderPartial() RenderAction() RenderPage() 方法。 以下是這

Asp.Net Core MVC控制器和視圖之間傳值

view 指定 mode 設置 http adg nbsp urn 傳值方式 一、Core MVC中控制器和視圖之間傳值方式和Asp.Net中非常類似 1.弱類型數據：ViewData，ViewBag 2.強類型數據：@model 二、代碼 實例 1.ViewData

視圖框架：Spring MVC 4.0（2）

源碼 resolv pub 發出 variables 不同 圖解 rect js xml 在 《springMVC4(7)模型視圖方法源碼綜合分析》 一文中，我們介紹了ModelAndView的用法，它會在控制層方法調用完畢後作為返回值返回，裏面封裝好了我們的業務邏輯數據和

返回值為DataTable的數據，在MVC視圖裏的用法

ice tle per ble mode ldb pri shtml index 控制器裏的代碼如下： private MySqlDbHelper msh = new MySqlDbHelper(); public ActionResult

ABP官方文檔翻譯 6.1.2 MVC視圖

tar strong http span 繼承 ant net 方法 mvc視圖 ASP.NET MVC 視圖 介紹 AbpWebViewPage基類 介紹 　　ABP通過Abp.Web.Mvc nuget包集成到MVC視圖。你可以如往常一樣創建正常的MVC

MVC之排球比賽計分程序 ——（四）視圖的設計與實現

元素 role view logs image 技術 size 之前 log （view）視圖 視圖是用戶看到並與之交互的界面。對老式的Web應用程序來說，視圖就是由HTML元素組成的界面，在新式的Web應用程序中，HTML依舊在視圖中扮演著重要的角色，但一些新的技術

MVC系列博客之排球計分（四）視圖的實現

ont shtml dev 相關 control 沒有 mage evel 技術分享 Views 文件夾 Views 文件夾存儲的是與應用程序顯示（用戶界面）相關的文件（HTML 文件）。根據所采用的語言內容，這些文件可能擴展名可能是 html、asp、aspx、cshtm