Buen día. Trabajo en un proyecto MVC C# y tengo un modelo que representa una tabla en mi base de datos, el modelo a continuación solo representa algunas propiedades de mi clase para no crearles confusión y representan los datos de un único Evento, los datos de una única Empresa y los datos de todos los empleados que la empresa quiera registrar al evento, así:
public class Ejemplo
{
// datos de la empresa
[Required]
public string Empresa { get; set; }
[Required]
public string telefonoEmpresa { get; set; }
[Required]
public string NumeroPatronalEmpresa { get; set; }
//Datos del evento
[Required]
public string CodEvento { get; set; }
[Required]
public string NombreEvento { get; set; }
// Datos del empleado
[Required]
public string ID { get; set; }
[Required]
public string Cargo { get; set; }
[Required]
public string Salario { get; set; }
}
en mi controller[HttpGet] solamente creo la vista
public ActionResult ObtenerSolicitudCapacitacion() {
return View();
}
y la vista esta fuertemente tipada con la clase anterior
ahora mi vista contiene los datos del evento, de la empresa y quiero que pueda inscribir tatos empleados como desee la empresa al evento, para ello los dos últimos campos de mi modelo se pueden especificar las veces que la empresa desee en el mismo formulario, es decir que en la vista: Una empresa puede inscribir cuantos empleados desee a un Único evento en una misma solicitud.
Para presentar los empleados que la empresa va inscribiendo he creado una tabla HTML muy sencilla que una vez la empresa especifica los datos del emleado presiona un boton y mediante jQUery agrego los datos a la tabla
@*dato de empleado a mostrar en la tabla HTML*@
<div class="form-group">
@Html.LabelFor(model => model.Cargo, new { @class = "control-label col-md-2", id = "inputText1" })
<div class="col-md-10">
@Html.EditorFor(model => model.Cargo)
@Html.ValidationMessageFor(model => model.Cargo)
</div>
</div>
@*dato de empleado a mostrar en la tabla HTML*@
<div class="form-group">
@Html.LabelFor(model => model.Salario, new { @class = "control-label col-md-2", id = "inputText2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Salario)
@Html.ValidationMessageFor(model => model.Salario)
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<button type="button" class="btn btn-default" id="cargarTabla">Ingresar Empleado</button>
</div>
</div>
y mi jQuery que agrega a la tabla la informacion definida en los input es el siguiente
$("#cargarTabla").click(function(e) {
e.preventDefault();
var salario = $("#inputText1").val().toLowerCase();
var cargo = $("#inputText2").val();
$('#myTable tbody').append('<tr><td for="salario">' + salario + '</td><td for="cargo">' + cargo + '</td><td><a href="#" id="select">Modificar</a><a href="#" id="eliminar"> Eliminar</a></td></tr>');
$("#inputText1").val('');
$("#inputText2").val('');
$("#inputText3").val('');
$('#inputText1').focus();
});
ahora tendré los datos de un único evento, una única empresa y varios empleados de la empresa(cuyos datos estan en la tabla HTML) en mi formulario y quiero enviar todos esos datos a mi controller que imagino deberá recibir List, podrían indicarme como debo mandar la información a mi controller por favor.