Partial View 顾名思义就是Html代码片段，因此可以用Partial View 把部分的Html或显示逻辑包装起来，方便多次使用。
Partial View 需要放在Views/Shared 目录下，任何Controlller 下的Action 或 View 都可以载入。
如何载入Partial View?
MVC 的 HTML 辅助方法有个专门的方法载入分部View,方法名称为Partial.
Partial有以下四种方式调用
| 方法原型 | 使用范例 |
Partial(HtmlHelper,String) | Html.Partial("CustomerListControl") |
Partial(HtmlHelper,string,Object) | Html.Partial("CustomerListControl",Model) |
Partial(HtmlHelper,string,ViewDataDictionary) | Html.Partial("CustomerListControl",ViewData["Model"]) |
Partial(HtmlHelper,string,Object,ViewDataDictionary) | Html.Partial("CustomerListControl",Model,ViewData["Model"])
|
使用控制器载入分部View
public ActionResult CustomerListControl()
{Return PartialView();
}使用 Html.Action 载入分部View
@Html.Action("CustomerListControl")
如何实现？
1 Models
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Step1.Models
{
public class Product
{
public string Name
{
get;
set;
}
public string Banner
{
get;
set;
}
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Step1.Models
{
public class OrderModel
{
public Customer Customer
{
get;
set;
}
public List<Product> ProductList
{
get;
set;
}
}
}
2 DAL
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Step1.DAL;
using Step1.Models;
namespace Step1.DAL
{
public class DBContext
{
public static OrderModel GetOrderList()
{
OrderModel model = new OrderModel();
model.Customer = new Customer() { CustomerID = "10000", CompanyName = "redwave" };
model.ProductList = new List<Product>();
for (int i = 0; i < 10; i++)
{
Product p = new Product();
p.Banner = string.Format("Banner{0}", i.ToString());
p.Name = string.Format("ProductMame{0}", i.ToString());
model.ProductList.Add(p);
}
return model;
}
}
}
3 Controller
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Step1.DAL;
namespace Step1.Controllers
{
public class PartialViewController : Controller
{
//
// GET: /PartialView/
public ActionResult Index()
{
var model= DBContext.GetOrderList();
return View(model);
}
}
}
4 Partial View
@using Step1.Models;
@using System.Collections;
@model IEnumerable<Product>
<table border="1" >
<tr >
<td>
Name
</td>
<td>
Banner
</td>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@item.Name
</td>
<td>
@item.Banner
</td>
</tr>
}
</table>
5 View
using Step1.Models;@model OrderModel@{ ViewBag.Title = "Index";}<h2>Index</h2><div> <div> @Model.Customer.CompanyName </div> <div> @Model.Customer.CustomerID </div> <div> @Html.Partial("CustomerListControl",@Model.ProductList) </div></div>
6 项目结构
7 运行结果