En una vista tengo 4 combos. Los 3 primeros los lleno sin problemas con datos de tablas de una BD. Pero el 4° necesito llenarlo con información de otra tabla, la cual debo filtrar dependiendo lo seleccionado en los 3 combos anteriores.
Ejemplo:
Combo 1: Tipos de servicio. Combo 2: Sucursales. Combo 3: Fecha. Combo 4: todos los registros de la tabla horarios que tengan tipo de servicio, sucursal y fecha iguales a los seleccionados en los combos anteriores.
Encontré varios ejemplos pero en todos ellos se explica como llenar un combo a partir de otro. En mi caso debo llenarlo a partir de otros 3.
Cómo puedo hacer esto? Es requisito utilizar javascrippt?
EDITO:
Logré hacerlo de esta forma:
Vista:
<script type="text/javascript">
$(document).ready(function () {
$("#Servicios").change(function () {
$("#Horarios").empty();
$.ajax({
type: 'POST',
url: '@Url.Action("ObtenerHorarios")',
dataType: 'json',
data: { servicio: $("#Servicios").val(), sucursal: $("#Sucursales").val() },
success: function (turnos) {
$.each(turnos, function (i, turno) {
$("#Horarios").append('<option value="' + turno.Id + '">' +
turno.Horario + '</option>');
});
},
error: function (ex) {
alert('Error al obtener los horarios disponibles' + ex);
}
});
return false;
})
});
</script>
Controller:
public JsonResult ObtenerHorarios(int servicio, int sucursal)
{
return Json(
new SelectList(
// Aquí obtengo la lista de items y la filtro según los parámetros pasados
// desde la vista a través de ajax
items: _turServicio.ObtenerTurnosDisponibles()
.Where(t => t.IdServicio == servicio && t.IdSucursal == sucursal)
.Select(t => new SelectListItem { Text = t.Horario, Value = t.Id.ToString() }),
dataValueField: "Value",
dataTextField: "Text"
)
);
}
Pero me queda un pequeño detalle por resolver: todo el proceso está funcionando porque dependendiendo las opciones elegidas en los combos de arriba, me muestra la cantidad de opciones correspondientes en el combo destino, pero el problema es que no salen con el nombre de la propiedad sino que salen como "undefinied".
Alguna sugerencia?
EDITO NUEVAMENTE - RESUELTO!
En la función js en lugar de poner turno.Id y turno.Horario, tengo que colocar turno.Value y turno.Text, porque esos son los identificadores de valores y textos de la lista que le paso a la vista en formato json desde el controller.