说到mvc3中的分部视图,不禁联想到webform里面的ascx分部控件,我们在MVC时代可以更加轻松的控制分部视图。MVC中主要分为两大类的分部视图,分别是Html.Partial(partialName)、Html.RenderPartial(partialName)和Html.Action、Html.RenderAction();
(1)Html.Partial(partialName)、Html.RenderPartial(partialName)
●这两个方法我们可以指定任何的.cshtml文件,不一定只是分部视图。MVC中的视图就是有head、body标签,可以定义js,可以指定母版页,但是我们用vs添加分部视图的时 候,会看到只是一些基本的html标签,没有任何head、body,但是这不等于我们不可以添加,所以说partialName可以是任何视图文件。但是最好创建分部视图,因为我们最终 是要把这些分部视图合并为一个页面的,如果只是分部视图的html标签,那么在整体页面中html标签就会很干净。
●最好不要在分部视图中定义或者引用css以及js。如果需要可以再整体页面中定义或引用,因为:分部视图文件和整体页面的路径可能不在同一个目录下,会造成找不到css或js文 件的情况;也可能使得整体页面代码混乱。
(2)Html.Action、Html.RenderAction()
●Action、RenderAction加载方法的视图,执行Controller → Model → View的顺序,然后把产生的页面带回到原来的View中再回传。
●Partial、RenderPartial直接加载视图文件内容
下面举例说明分部视图
示例1
返回一个分部视图的Action
public ActionResult GetUser()
{
return PartialView();
}
在其他前台视图,需要这样写
@Html.Partial("GetUser")
@{
Html.RenderPartial("GetUser");
}
示例2
主视图向分部视图传递Model
@Html.Partial可以将数据实体和数据字典给分部视图,然后分部视图可以通过逐视图传递过去的数据再生成视图。
namespace MvcStart.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
Man_Model man = new Man_Model();
man.Id = 1;
man.Name = "张飞";
man.Age = 23;
return View(man);
}
public ActionResult getName(object o)
{
Man_Model man = o as Man_Model;
return PartialView(man);
}
}
public class Man_Model
{
public int Id { get; set; }
public string Name { get; set; }
public int Age { get; set; }
}
}
视图代码:Index.cshtml
@model MvcStart.Controllers.Man_Model
@Model.Id
@Model.Age
@Html.Partial("getName",Model);
getName.cshtml
@model MvcStart.Controllers.Man_Model
<div style="background-color:red">@Model.Name</div>
生成的HTML代码为:
<html>
<head>
<title>Index</title>
</head>
<body>
23
<div style="background-color:red">张飞</div>
</body>
</html>
示例3
Html.RenderAction()之类的方法还支持传入参数
@Html.RenderAction("Left_Nav", "Nav", new{ ParentId = 3 });
@{ Html.RenderAction("Datagrid", "DataList", new { area = "Common" }); }
在Action里面直接加个参数ActionResult(int ParentId)就能够取得参数值。area会被MVC所截取,分析为跨区域调用。