首页 > 代码库 > MVC3分部视图

MVC3分部视图

2024-08-09 19:42:26   219人阅读

说到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所截取，分析为跨区域调用。



MVC3分部视图


联系
我们