la M que representa el Modelo en MVC se puede utilizar de diferentes formas:
- Como modelo de persistencia. Sería la clase que se define en tu contexto con el objetivo de guardar en la BD
- Como modelo de negocio clases con métodos que luego pueden ser llamados en tu controlador
- Como modelo de representación es una clase que defines con el objetivo de ser representada en tu vista, utilizada para representar formularios complejos como el que necesitas.
En la práctica el modelo de representación se declara con el nombre ViewModel y es una clase a la que se le incorporan los atributos que usted desee en función de lo complejo que sea su formulario, a esta clase se le aplican las reglas de validación al igual que las demás. Pongamos un ejemplo sencillo
tenemos la clase Empleado
public class Empleado
{
public int Id { get; set; }
public string Nombre { get; set; }
public string Apellido { get; set; }
public int AreaId { get; set; }
public virtual Area Area { get; set; }
}
y una clase Area
public class Area
{
public int Id { get; set; }
public string Nombre { get; set; }
public virtual ICollection<Empleado> Empleados { get; set; }
}
y queremos mediante un formulario crear un empleado, un area y asignarle al empleado el id del area creada. Para este tipo de casos es necesario auxiliarse de un ViewModel. En el directorio raiz creamos una carpeta la llamamos ViewModels y dentro agregamos la clase.
public class EmpleadoAreaViewModel
{
public int Id { get; set; }
[Required(ErrorMessage = "El campo Nombre es obligatorio")]
public string Nombre { get; set; }
[Required(ErrorMessage = "El campo Apellido es obligatorio")]
public string Apellido { get; set; }
[Required(ErrorMessage = "El campo Area es obligatorio")]
public string NombreArea { get; set; }
}
Si se fijan a las clases empleados y área no les apliqué anotaciones para la validación pues son clases de persistencia sólo las voy a utilizar para guardar en la base de datos, por otra parte el modelo que voy a utilizar para construir mi formulario es EmpleadoAreaViewModel el cual si tiene validación.
mi formulario quedaría de esta manera:
@model WebApplication1.ViewModels.EmpleadoAreaViewModel
@{
ViewBag.Title = "Nuevo";
}
<h2>Nuevo</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>EmpleadoAreaViewModel</h4>
<hr />
@Html.ValidationSummary(true)
<div class="form-group">
@Html.LabelFor(model => model.Nombre, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Nombre)
@Html.ValidationMessageFor(model => model.Nombre)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Apellido, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Apellido)
@Html.ValidationMessageFor(model => model.Apellido)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.NombreArea, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.NombreArea)
@Html.ValidationMessageFor(model => model.NombreArea)
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
como ves se utiliza EmpleadoAreaViewModel como modelo para mi form.
la parte interesante viene en el controlador, al cual se le pasaría el viewmodel como DataBinding ejemplo:
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Nuevo([Bind(Include = "Id,Nombre,Apellido, NombreArea")] EmpleadoAreaViewModel empleadoArea)
{
if (ModelState.IsValid)
{
var area = new Area()
{
Nombre = empleadoArea.NombreArea
};
db.Areas.Add(area);
var empleado = new Empleado()
{
Nombre = empleadoArea.Nombre,
Apellido = empleadoArea.Apellido,
AreaId = area.Id
};
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleadoArea);
}
Ya que recogiste todos los datos en un solo formulario y estos pertenecen a 2 clases diferentes, debes separar los datos y crearlas independientes como se muestra en el cod del controlador. en este caso lo hice algo rudimentario pues puedes usar AutoMapper para esto. De esta forma se crea un trabajador y un area al mismo tiempo. espero te sea de ayuda
para el ejemplo que me preguntas puedes hacerlo de esrta forma:
en tu modelo:
public class EmpleadoViewModel
{
public int Id { get; set; }
public string Nombre { get; set; }
public string Apellidos { get; set; }
}
en tu vista utilizas:
@model IList<WebApplication1.ViewModels.EmpleadoViewModel>
y recoges los datos de esta manera:
@using (Html.BeginForm("Nuevo", "Empleado", FormMethod.Post))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
@Html.ValidationSummary(true)
<div class="form-group">
<label>Area</label>
<input type="text" id="area" name="area"/>
</div>
</div>
for (int i = 0; i < 5; i++)
{
<div class="form-group">
<label>Nombre </label>
<div class="col-md-10">
@Html.TextBoxFor(p => p[i].Nombre)
</div>
</div>
<div class="form-group">
<label>Apellidos </label>
<div class="col-md-10">
@Html.TextBoxFor(p => p[i].Apellidos)
</div>
</div>
}
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
}
el siclo lo defines hasta que llegues a la cantidad que quieres insertar en mi caso lo puse fijo en 5.
en el controlador:
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Nuevo( string area, List<EmpleadoViewModel>Empleados )
{
if (ModelState.IsValid)
{
var Area = new Area()
{
Nombre = area
};
db.Areas.Add(Area);
foreach (var e in Empleados)
{
var empleado = new Empleado()
{
Nombre = e.Nombre,
Apellido = e.Apellidos,
AreaId = Area.Id,
};
db.Empleados.Add(empleado);
db.SaveChanges();
}
return RedirectToAction("Index");
}
return View( );
}
de esta forma te debe funcionar. ya que recoges el nombre de un area y una lista de trabajadores en el post. Al final este tipo de cosas resuelve pero te recomiendo que utilizes otras vias como Angular por ejemplo que son mucho más flexibles del lado del cliente. Espero te ayude