我正在用C#开发一个ASP.NET MVC 3应用程序,我使用Razor。我现在正处理一个问题,涉及通过Controller向View传递/接收的ViewModel绑定对象。 让我们说清楚。我有以下ViewModels:
public class ContainerViewModel
{
public int ContainerId {get; set;}
public string ContainerName {get; set;}
public List<ItemPostModel> ItemData {get; set;}
}
public class ItemPostModel
{
public int ItemId {get; set;}
public string ItemName {get; set;}
public int ItemValue {get; set;}
}
ContainerViewModel 用于将数据传递给View。其属性 ContainerId 和 ContainerName 仅用于显示目的。必须使用表单填充 List<ItemPostModel>
属性。 View看起来像这样(它是简化版):
<strong>@Model.ContainerName</strong>
@using (Html.BeginForm())
{
<fieldset>
@foreach(var item in Model.ItemData)
{
@Html.TextBox(item.ItemId);
@Html.TextBox(item.ItemName);
@Html.TextBox(item.ItemValue);
<p>
<input type="submit" value="Save" />
</p>
}
</fieldset>
}
控制器对应的操作方法如下:
public ActionResult UpdateItems()
{
//fill in the ContainerViewModel lcontainer
return View("UpdateItems", lcontainer);
}
[HttpPost]
public ActionResult UpdateItems(int containerId, ItemPostModel itemData)
{
//store itemData into repository
}
问题是,使用此代码,传递给 Post ActionMethod UpdateItems 的 ItemPostModel itemData 始终为空。 containerId 已正确传递。如果我在Controller中使用以下代码(显然不是DRY),结果相同;
[HttpPost]
public ActionResult UpdateItems(ContainerViewModel container)
{
//extract itemData from ContainerViewModel container
//store itemData into repository
}
我如何“教授”我希望表单元素存储在 List<ItemPostModel>
中的应用程序?我应该修改 ModelBinder 还是有一种更简单的方法来执行此任务?谢谢大家的回答。
答案 0 :(得分:25)
不要在视图中编写循环。使用编辑器模板:
<strong>@Model.ContainerName</strong>
@using (Html.BeginForm())
{
<fieldset>
@Html.EditorFor(x => x.ItemData)
<input type="submit" value="Save" />
</fieldset>
}
并在相应的编辑器模板(~/Views/Shared/EditorTemplates/ItemPostModel.cshtml
)内:
@model ItemPostModel
@Html.TextBox(x => x.ItemId)
@Html.TextBox(x => x.ItemName)
@Html.TextBox(x => x.ItemValue)
在控制器操作中,您可能需要指定前缀:
[HttpPost]
public ActionResult UpdateItems(
int containerId,
[Bind(Prefix = "ItemData")]ItemPostModel itemData
)
{
//store itemData into repository
}
这应该是全部。编辑器模板将负责为绑定生成正确的输入字段名称。