Filtros de búsqueda en una jTable

Hemos visto en la lección Una tabla básica con jTable una forma de crear tablas en jQuery para una aplicación web con las que implementar fácilmente operaciones de acceso a una tabla de la base de datos.

En esta lección vamos a ver cómo añadir un filtro de texto por medio de un campo de texto y un botón de búsqueda que nos devuelva sólo los registros que cumplan con el filtro.

Campo de búsqueda

Campo de búsqueda

Para ello introducir en HTML encima de la tabla (“div” TableContainer)un formulario con los campos de búsqueda y botón de envío:

Al cargar la página se debe ejecutar el script en el que se declare la tabla, y a continuación el código que declare el evento click del botón del formulario y lance la búsqueda:

En el servidor, que implementamos en Java, tendremos que recuperar el valor introducido por el usuario leyendo los parámetros:

String type = (String)request.getParameter(“typeFilter”);

Al lanzar la consulta en la base de datos debemos introducir el parámetro:

Una vez obtenidos los resultados se debe formar la cadena JSON para devolverla a la vista, con este formato:

Deja un comentario