tengo un problema entre manos que no sé bien como encararlo. Explico el escenario.
Tengo una vista que ha de mostrar una lista de clientes en un DataTable de jquery. En esta vista existen tres desplegables cuyos valores se han de utilizar como filtro en la consulta y un botón para aplicar estos filtros.
Al entrar en la vista se ha de cargar toda la lista de clientes.
Si se selecciona algún filtro y se pulsa el botón "Mostrar" se han de aplicar dichos filtros al listado (no sé como hacer para pasar estos parámetros). Además se ha de poder utilizar la caja de filtro que viene en el DataTable sobre esos resultados filtrados en base a los desplegables.
El código de la vista es este:
<div class="form-row">
<div class="col-md mb-4">
<label class="form-label">Cliente</label>
<select id="filtro-cliente" name="filtro-cliente" class="custom-select"/>
</div>
<div class="col-md mb-4">
<label class="form-label">Delegación</label>
<select id="filtro-delegacion" name="filtro-delegacion" class="custom-select"/>
</div>
<label class="form-label">Activo</label>
<select id="filtro-activo" name="filtro-activo" class="custom-select">
<option>Si</option>
<option>No</option>
</select>
<div class="col-md col-xl-2 mb-4">
<label class="form-label d-none d-md-block"> </label>
<button type="button" class="btn">Mostrar</button>
</div>
</div>
<table id="cliente-list" class="table">
<thead>
<tr>
<th>IDcliente</th>
<th>Nombre</th>
<th>Delegacion</th>
<th>Activo</th>
<th>Contacto</th>
</tr>
</thead>
</table>
El código del controlador es este:
[HttpPost]
public ActionResult GetListaClientes(int? IDcliente, int? IDdelegacion, bool? activo)
{
var listacli = servicio.GetListaClientes(IDcliente, IDdelegacion, activo);
return Json(listacli, JsonRequestBehavior.AllowGet);
}
Y el código JS es este:
$(function () {
//Estos métodos funcionan bien
LlenarDLLclientes();
LlenarDLLdelegaciones();
//Este método es el que arreglar
CargarClientes(null, null, null);
});
function CargarClientes(IDcliente, IDdelegacion, activo) {
$('#cliente-list').DataTable({
ajax: {
url: "/Clientes/GetListaClientes",
type: "POST",
datatype: "json"
}
});
}
"colums": [ { "data": "IDcliente" },{ "data": "Nombre" },....]