我需要创建一个显示订单标题信息的视图,并且我需要添加一个显示行项目网格的局部视图。部分视图将从视图模型中强类型化。我知道我应该使用 html 帮助程序 @Html.Partial("Path/view")。到目前为止,我只使用控制器来打开视图,在将视图模型发送到视图之前填充视图模型。由于部分视图是从 html 助手调用的,我想知道用模型数据填充部分视图的最佳方法是什么。
问问题
36261 次
2 回答
52
选项 1:从父页面继承
默认情况下,任何通过调用渲染的局部视图@Html.Partial("PartialViewName")
都会将视图模型传递给父视图。
因此,如果您有:
查看模型
namespace MyNamesapce
{
public OrderInfoViewModel
{
public string OrderTitle { get; set; }
public IEnumerable<OrderItem> OrderItems { get; set; }
}
}
订单信息.cshtml
@model MyNamespace.OrderInfoViewModel
<h1>@Model.OrderTitle</h1>
@Html.Partial("OrderLineItems")
OrderLineItems 页面应该被MyNamespace.OrderViewModel
传递给它......所以你的局部视图应该如下所示:
OrderLineItems.cshtml
@model MyNamespace.OrderInfoViewModel
foreach (var orderItem in Model.OrderItems)
{
//Do stuff
}
选项 2:指定型号
您可以使用第二个参数来指定要传递的视图模型。IE
订单信息.cshtml
@model MyNamespace.OrderInfoViewModel
<h1>@Model.OrderTitle</h1>
@Html.Partial("OrderLineItems", Model.OrderItems)
OrderLineItems.cshtml
@model IEnumerable<OrderItem>
foreach (var orderItem in Model)
{
//Do stuff
}
选项 3:使用部分操作
如果您需要在多个页面上重用局部视图,最好使用局部视图来避免仅仅因为页面将使用相同的局部视图而使用相同的信息填充不同的视图模型。
例如
查看模型
namespace MyNamesapce
{
public OrderInfoViewModel
{
public string OrderTitle { get; set; }
}
}
控制器
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);
}
}
订单信息.cshtml
@model MyNamespace.OrderInfoViewModel
<h1>@Model.OrderTitle</h1>
@Html.Action("OrderLineItems")
OrderLineItems.cshtml
@model IEnumerable<OrderItem>
foreach (var orderItem in Model.OrderItems)
{
//Do stuff
}
于 2012-12-07T19:52:27.997 回答
6
使用局部视图,您只需像使用普通视图一样发送模型。例如,如果您的模型具有名为“LineItems”的 LineItem 对象的属性,您只需执行以下操作:
@Html.Partial("_PartialName", Model.LineItems)
现在,如果您的模型没有该属性,您可以添加它,或者以其他方式传递它,例如 ViewBag(我更喜欢强类型方法,但这是我的选择:
@Html.Partial("_PartialName", (List<LineItem>)ViewBag.LineItems)
这些不是唯一的方法,但它们是我的首选方法。
于 2012-12-07T19:28:40.917 回答