首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何填充mvc razor局部视图

如何填充mvc razor局部视图
EN

Stack Overflow用户
提问于 2012-12-08 03:25:20
回答 2查看 36.1K关注 0票数 28

我需要创建一个显示订单标题信息的视图,还需要添加一个显示行项目网格的patial视图。局部视图将从视图模型中强类型化。我知道我应该使用html helper @Html.Partial("Path/view")。到目前为止,我只使用了控制器来打开视图,在将视图模型发送到视图之前填充视图模型。由于局部视图是从html助手调用的,我想知道用模型数据填充局部视图的最佳方法是什么。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-08 03:52:28

选项1:从父页面继承

默认情况下,通过调用@Html.Partial("PartialViewName")呈现的任何部分视图都会将视图模型传递给父视图。

所以,如果你有:

查看模型

代码语言:javascript
复制
namespace MyNamesapce
{
    public OrderInfoViewModel
    {
        public string OrderTitle { get; set; }
        public IEnumerable<OrderItem> OrderItems { get; set; }
    }
}

OrderInfo.cshtml

代码语言:javascript
复制
@model MyNamespace.OrderInfoViewModel

<h1>@Model.OrderTitle</h1>

@Html.Partial("OrderLineItems")

OrderLineItems页面应该传递给它一个MyNamespace.OrderViewModel ...因此,您的局部视图应该如下所示:

OrderLineItems.cshtml

代码语言:javascript
复制
@model MyNamespace.OrderInfoViewModel

foreach (var orderItem in Model.OrderItems)
{
    //Do stuff
}

选项2:指定型号

您可以使用第二个参数来指定要传递的视图模型。也就是说。

OrderInfo.cshtml

代码语言:javascript
复制
@model MyNamespace.OrderInfoViewModel

<h1>@Model.OrderTitle</h1>

@Html.Partial("OrderLineItems", Model.OrderItems)

OrderLineItems.cshtml

代码语言:javascript
复制
@model IEnumerable<OrderItem>

foreach (var orderItem in Model)
{
    //Do stuff
}

选项3:使用部分操作

如果您需要在多个页面上重用部分视图,那么使用部分视图可能是一个好主意,因为页面将使用相同的部分视图,因此不必使用相同的信息填充不同的视图模型。

例如。

查看模型

代码语言:javascript
复制
namespace MyNamesapce
{
    public OrderInfoViewModel
    {
        public string OrderTitle { get; set; }
    }
}

控制器

代码语言:javascript
复制
public class OrderController : Controller
{
    public ActionResult OrderInfo(int orderId)
    {
        OrderInfoViewModel viewModel = GetViewModel(orderId);
        return View(viewModel);
    }

    public PartialViewResult OrderLineItems(int orderId)
    {
        IEnumerable<OrderItem> orderItems = GetOrderItems(orderId);
        return Partial(orderItems);
    }
}

OrderInfo.cshtml

代码语言:javascript
复制
@model MyNamespace.OrderInfoViewModel

<h1>@Model.OrderTitle</h1>

@Html.Action("OrderLineItems")

OrderLineItems.cshtml

代码语言:javascript
复制
@model IEnumerable<OrderItem>

foreach (var orderItem in Model.OrderItems)
{
    //Do stuff
}
票数 52
EN

Stack Overflow用户

发布于 2012-12-08 03:28:41

使用局部视图,您只是发送一个模型,就像使用普通视图一样。例如,如果您的模型有一个名为'LineItems‘的LineItem对象属性,您只需执行以下操作:

代码语言:javascript
复制
@Html.Partial("_PartialName", Model.LineItems)

现在,如果您的模型没有该属性,您可以添加它,或者以另一种方式传递它,如ViewBag (我更喜欢强类型的方法,但这是我的操作:

代码语言:javascript
复制
@Html.Partial("_PartialName", (List<LineItem>)ViewBag.LineItems)

这些不是唯一的方法,但它们是我首选的方法。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13769707

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档