如何填充mvc razor局部视图

Ala*_*her 28 asp.net-mvc razor

我需要创建一个显示Order Header信息的视图,我需要添加一个显示Line Items网格的patial视图.部分视图将从视图模型中强类型化.我知道我应该使用html帮助器@ Html.Partial("路径/视图").我现在只使用控制器来打开视图,在将视图模型发送到视图之前填充视图模型.由于部分视图是从html助手调用的,我想知道用模型数据填充parital视图的最佳方法是什么.

Cha*_*ino 49

选项1:从父页面继承

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

所以如果你有:

查看模型

namespace MyNamesapce
{
    public OrderInfoViewModel
    {
        public string OrderTitle { get; set; }
        public IEnumerable<OrderItem> OrderItems { get; set; }
    }
}
Run Code Online (Sandbox Code Playgroud)

OrderInfo.cshtml

@model MyNamespace.OrderInfoViewModel

<h1>@Model.OrderTitle</h1>

@Html.Partial("OrderLineItems")
Run Code Online (Sandbox Code Playgroud)

OrderLineItems页面应该MyNamespace.OrderViewModel传递给它...所以你的局部视图应如下所示:

OrderLineItems.cshtml

@model MyNamespace.OrderInfoViewModel

foreach (var orderItem in Model.OrderItems)
{
    //Do stuff
}
Run Code Online (Sandbox Code Playgroud)

选项2:指定模型

您可以使用第二个参数指定要传递的视图模型.即

OrderInfo.cshtml

@model MyNamespace.OrderInfoViewModel

<h1>@Model.OrderTitle</h1>

@Html.Partial("OrderLineItems", Model.OrderItems)
Run Code Online (Sandbox Code Playgroud)

OrderLineItems.cshtml

@model IEnumerable<OrderItem>

foreach (var orderItem in Model)
{
    //Do stuff
}
Run Code Online (Sandbox Code Playgroud)

选项3:使用部分操作

如果您需要在多个页面上重用部分视图,最好使用局部视图来消除必须使用相同的信息填充不同的视图模型,因为页面将使用相同的部分.

例如

查看模型

namespace MyNamesapce
{
    public OrderInfoViewModel
    {
        public string OrderTitle { get; set; }
    }
}
Run Code Online (Sandbox Code Playgroud)

调节器

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);
    }
}
Run Code Online (Sandbox Code Playgroud)

OrderInfo.cshtml

@model MyNamespace.OrderInfoViewModel

<h1>@Model.OrderTitle</h1>

@Html.Action("OrderLineItems")
Run Code Online (Sandbox Code Playgroud)

OrderLineItems.cshtml

@model IEnumerable<OrderItem>

foreach (var orderItem in Model.OrderItems)
{
    //Do stuff
}
Run Code Online (Sandbox Code Playgroud)


nas*_*ski 5

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

@Html.Partial("_PartialName", Model.LineItems)
Run Code Online (Sandbox Code Playgroud)

现在如果你的Model没有那个属性,你可以添加它,或者以另一种方式传递它,比如ViewBag(我更喜欢强类型方法,但这是我的意见:

@Html.Partial("_PartialName", (List<LineItem>)ViewBag.LineItems)
Run Code Online (Sandbox Code Playgroud)

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