c# - how - viewmodel asp net mvc 4

¿Cómo puedo vincular ViewModels anidados de View a Controller en MVC3?

Question

Estoy desarrollando una aplicación ASP.NET MVC 3 en C # y uso Razor. Ahora estoy lidiando con un problema relacionado con el enlace de objetos a través de ViewModels pasado / recibido a / desde la vista por el controlador. Vamos a dejarlo en claro. Tengo los siguientes 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;}
}

El ContainerViewModel se usa para pasar los datos a la Vista. Sus propiedades ContainerId y ContainerName se utilizan solo para fines de visualización. La propiedad List<ItemPostModel> debe rellenarse utilizando un Formulario . La vista se ve algo así (es una versión simplificada):

<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>
}

Los métodos de acción correspondientes del controlador son los siguientes:

public ActionResult UpdateItems()
{
//fill in the ContainerViewModel lcontainer
return View("UpdateItems", lcontainer);
}
[HttpPost]
public ActionResult UpdateItems(int containerId, ItemPostModel itemData)
{
//store itemData into repository
}

El problema es que con este código, ItemPostModel itemData pasado a Post ActionMethod UpdateItems siempre está vacío. El identificador de contenedor se pasa correctamente. El mismo resultado si utilizo el siguiente código en el controlador (obviamente no es SECO);

[HttpPost]
public ActionResult UpdateItems(ContainerViewModel container)
{
//extract itemData from ContainerViewModel container
//store itemData into repository
}

¿Cómo puedo "enseñar" la aplicación que quiero que los elementos del formulario almacenen en la List<ItemPostModel> ? ¿Debo modificar el ModelBinder o hay una manera más simple de realizar esta tarea? Gracias a todos por sus respuestas.

Answer 1

No escribir bucles en una vista. Use plantillas de editor:

<strong>@Model.ContainerName</strong>
@using (Html.BeginForm())
{
<fieldset>
@Html.EditorFor(x => x.ItemData)
<input type="submit" value="Save" />
</fieldset>
}

y dentro de la plantilla del editor correspondiente ( ~/Views/Shared/EditorTemplates/ItemPostModel.cshtml ):

@model ItemPostModel
@Html.TextBox(x => x.ItemId)
@Html.TextBox(x => x.ItemName)
@Html.TextBox(x => x.ItemValue)

Y en la acción del controlador puede necesitar especificar el prefijo:

[HttpPost]
public ActionResult UpdateItems(
int containerId,
[Bind(Prefix = "ItemData")]ItemPostModel itemData
)
{
//store itemData into repository
}

y eso debería ser casi todo. La plantilla del editor se ocupará de generar los nombres de campo de entrada adecuados para que funcione el enlace.