Tablas en PrimeFaces no se refrescan al usar filtros [Java]

Qué tal amigo, nuevamente me encuentro de regreso por aquí, el día de hoy de mostraré una forma de resetear los filtros de las tablas en PrimeFaces.

Lo anterior se me hace algo interesante y útil cuando te sucede como a mi. Me encuentro realizando un proyecto de la Universidad y consta de algunas pantallas que para mostrar registros previamente guardados utilizo una tabla <p:table> que contiene filtros en cada columna <p:column>.

Para comenzar proporciono un archivo .xhtml en el cual tengo una tabla con tan solo 3 columnas.

aula.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>IGNORED</title>
        <f:metadata>
            <f:event type="preRenderView" listener="#{aulBean.init}"/>
        </f:metadata>
    </h:head>
    <h:body>
        <ui:composition template="/template/template_general.xhtml">

<ui:define name="title-page">
                <h:outputText value="Aulas"/>
            </ui:define>

<ui:define name="page-content">
                <h:form id="frm-aulas">
                    <h2 class="title-text">
<h:outputText value="Lista de aulas"/></h2>
<p:dataTable value="#{aulBean.aulas}" 
                                 id="tabla-aulas"
                                 var="aul" 
                                 rows="10"
                                 paginatorPosition="bottom" 
                                 emptyMessage="No hay registros para mostrar"
                                 paginator="true"
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                 rowsPerPageTemplate="5,10,15">

<p:column sortBy="#{aul.nombre}" filterMatchMode="contains" filterBy="#{aul.nombre}">
                            <f:facet name="header">
                                <h:outputText value="Aula" />
                            </f:facet>
                            <h:outputText value="#{aul.nombre}" />
                        </p:column>

<p:column sortBy="#{aul.descripcion}" filterMatchMode="contains" filterBy="#{aul.descripcion}">
                            <f:facet name="header">
                                <h:outputText value="Descripción" />
                            </f:facet>
                            <h:outputText value="#{aul.descripcion}" />
                        </p:column>

<p:column>
                            <f:facet name="header">
                                <h:outputText value="Opciones" />
                            </f:facet>
                            <p:commandLink value="Modificar" onclick="PF('dlgaul').show();" actionListener="#{aulBean.elegirAulaModificar}" update=":frm-edicion">
                                <f:attribute name="aul" value="#{aul}" />
                            </p:commandLink>
                        </p:column>
                    </p:dataTable>
                  <h:panelGrid rendered="#{aulBean.aulas ne null and !empty aulBean.aulas}" styleClass="panel-export" columns="2">
                        <h:commandLink>  
                            <h:graphicImage library="img" name="xls.png"/>
                            <p:dataExporter type="xls" target="tabla-aulas" fileName="Aulas" />  
                        </h:commandLink>
                        <h:commandLink>  
                            <h:graphicImage library="img" name="pdf.png"/>
                            <p:dataExporter type="pdf" target="tabla-aulas" fileName="Aulas" />  
                        </h:commandLink>
                    </h:panelGrid>
                </h:form>

<h2 class="title-text">
Crear aula</h2>
<h:form id="frm-creacion">
                    <p:growl for="frm-creacion" showDetail="true" showSummary="true" life="4000" severity="info,warm,error" />
                    <h:panelGrid columns="2">
                        <h:outputText value="Aula" />
                        <h:panelGroup>
                            <p:inputText id="txtc-aula" value="#{aulBean.aula.nombre}" required="true" requiredMessage="Falta aula"/>
                            <p:message for="txtc-aula"/>
                        </h:panelGroup>
                        <h:outputText value="Descripción" />
                        <h:panelGroup>
                            <p:inputText id="txtc-descrip" value="#{aulBean.aula.descripcion}" required="true" requiredMessage="Falta descripción"/>
                            <p:message for="txtc-descrip"/>
                        </h:panelGroup>

<p:commandButton type="reset" value="Limpiar" update="@form"/>
                        <p:commandButton value="Guardar" actionListener="#{aulBean.guardarAula}" update="@form :frm-aulas"/>
                    </h:panelGrid>
                </h:form>

<p:dialog id="dlg-edit-aula" header="Edición de aulas" widgetVar="dlgaul" modal="true" closable="false">
                    <h:form id="frm-edicion">
                        <p:growl for="frm-edicion" showDetail="true" showSummary="true" life="4000" severity="info,warm,error" />
                        <h:panelGrid columns="2">
                            <h:outputText value="Aula" />
                            <h:panelGroup>
                                <p:inputText id="txte-aula" required="true" requiredMessage="Falta aula" value="#{aulBean.aulaTemp.nombre}" />
                                <p:message for="txte-aula"/>
                            </h:panelGroup>
                            <h:outputText value="Descripción" />
                            <h:panelGroup>
                                <p:inputText id="txte-descrip" required="true" requiredMessage="Falta aula" value="#{aulBean.aulaTemp.descripcion}" />
                                <p:message for="txte-descrip"/>
                            </h:panelGroup>
                            <p:commandButton value="Actualizar" update="@form :frm-aulas" actionListener="#{aulBean.modificarAula}"/>
                            <p:commandButton value="Cancelar" onclick="PF('dlgaul').hide();"/>
                        </h:panelGrid>
                    </h:form>
                </p:dialog>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

Mi archivo anterior tiene asociado un Bean que funge como Controlador para todas las funcionas que desempeña este, por lo cual también muestro su contenido.

AulaController.java

package mx.edu.itshuatusco.controller;

import java.io.Serializable;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.ejb.EJB;
import javax.enterprise.context.SessionScoped;
import javax.faces.application.FacesMessage;
import javax.faces.event.ActionEvent;
import javax.inject.Named;
import mx.edu.itshuatusco.controller.app.AbstractController;
import mx.edu.itshuatusco.ejb.ITSHEJBRemote;
import mx.edu.itshuatusco.excep.SaurioException;
import mx.edu.itshuatusco.model.Aula;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

@SessionScoped
@Named(value = "aulBean")
public class AulasController extends AbstractController implements Serializable {

private static final Logger log = LoggerFactory.getLogger(AulasController.class);

@EJB
    private ITSHEJBRemote itshEJB;

private Aula aula;
    private Aula aulaTemp;
    private List<aula> aulas;

@PostConstruct
    public void init() {
        aula = new Aula();
        listarAulas();
    }

public void guardarAula() {
        try {
            itshEJB.guardarAula(aula);
            aula = new Aula();
            listarAulas();
            mostrarMensaje("Aula guardada", "El aula ha sido guardada con éxito", FacesMessage.SEVERITY_INFO, "frm-creacion");
            resetearFitrosTabla("frm-aulas:tabla-aulas");
        } catch (SaurioException se) {
            mostrarMensajeError("frm-creacion");
            log.error(se.getMessage(), se);
        } catch (Exception e) {
            mostrarMensajeError("frm-creacion");
            log.error(e.getMessage(), e);
        }
    }

public void elegirAulaModificar(ActionEvent ae) {
        aulaTemp = (Aula) ae.getComponent().getAttributes().get("aul");
    }

public void modificarAula() {
        try {
            log.info("Intentando actualizar aula...");
            itshEJB.modificarAula(aulaTemp);
            aulaTemp = new Aula();
            listarAulas();
            resetearFitrosTabla("frm-aulas:tabla-aulas");
            mostrarMensaje("Aula actualizada", "El aula fue actualizada con éxito", FacesMessage.SEVERITY_INFO, "frm-edicion");
            cerrarDialogo("dlgaul");
            log.info("Aula modificada...");
        } catch (SaurioException se) {
            mostrarMensajeError("frm-creacion");
            log.error(se.getMessage(), se);
        } catch (Exception e) {
            mostrarMensajeError("frm-creacion");
            log.error(e.getMessage(), e);
        }
    }

public void listarAulas() {
        try {
            aulas = itshEJB.listarAula(null);
        } catch (SaurioException se) {
            log.error(se.getMessage(), se);
            mostrarMensajeError("frm-creacion");
        } catch (Exception e) {
            log.error(e.getMessage(), e);
            mostrarMensajeError("frm-creacion");
        }
    }

public Aula getAula() {
        return aula;
    }

public void setAula(Aula aula) {
        this.aula = aula;
    }

public Aula getAulaTemp() {
        return aulaTemp;
    }

public void setAulaTemp(Aula aulaTemp) {
        this.aulaTemp = aulaTemp;
    }

public List<aula> getAulas() {
        return aulas;
    }

public void setAulas(List<aula> aulas) {
        this.aulas = aulas;
    }
}

Bueno y tu dirás, ¿Y para que quiero ver todo ese código?, bueno es básicamente para mostrarte el funcionamiento completo de la pantalla.

Cuando desde el navegador se despliega el proyecto y se tiene acceso a la pantalla lo primero que sucederá es que cargará la lista de aulas y las renderiza en la tabla con id tabla-aulas.

Dicha tabla se compone de 3 columnas: Aula, Descripción y Opciones, las 2 primeras cuentan con filtros (identificar los atributos filterMatchMode y filterBy).

Ahora, si vemos más adelante tenemos un formulario con id frm-creacion el cual permite crear nuevas aulas.

Observa con atención un commandButton que tiene un actionListener que llama a un método del Bean guardarAula().

El problema que tenía era el siguiente: Se muestra la página, ingreso datos para una nueva aula, doy clic en guardar [refresco la tabla y se muestra mi nuevo registro] y hasta aquí todo bien. Utilizo mi filtro de la columna de aula, busco algo, limpio el filtro, ingreso nuevos datos para un aula y doy clic en guardar [refresco la tabla] y ¡Boom! no aparece por ningún lado mi registro, mis logs me dicen que se hizo bien el alta del aula pero mi tabla jamás los muestra. La solución fue la siguiente:

Si buscas en AulaController el método guardarAula() te darás cuenta que hago uso de otro método más:

resetearFitrosTabla("frm-aulas:tabla-aulas");

Bien, este método es de la clase padre AbstractController pero para no publicar completa esta clase te comparto que es lo que hace realmente el método:

Listo, a partir del findComponent() obtengo la tabla del xhtml pasando como parámetro el id de la tabla (En el ejemplo del método guardarAula como la tabla no se encuentra en el mismo formulario que el botón desde donde llamo el método el parametro esformulario:tabla y equivale a frm-aulas:tabla-aulas) para después únicamente con la instancia obtenida y guardada en el objeto table usar el método reset(), y con estas 2 sencillas líneas logro que mi tabla se refresque aún cuando halla utilizado los filtros.

Bueno, espero lo anterior te sea de ayuda, aquí una captura de la pantallita por si te da curiosidad, saludos y nuevamente bienvenido.

9 comentarios:

Write comentarios

Unknown28 de enero de 2016, 7:38
Amigo muchas gracias, me ayudo muchísimo, tenia el mismo problema y no encontraba nada, gracias !!
ResponderEliminar
Respuestas
Anónimo7 de julio de 2018, 4:03
Muchas gracias Jeses Alberto! Llevo una mañana completa intentando resolver el mismo problema y no daba con la tecla.

Me ha sido de gran ayuda!

Saludos.
ResponderEliminar
Respuestas
Unknown18 de julio de 2018, 11:58
Tengo una duda, ya que a mi me filtra bien los datos pero cuando voy a seleccionar un numero de la paginación no filtra y muestra todos los resultados
ResponderEliminar
Respuestas
Unknown18 de julio de 2018, 11:59
Tengo una duda, ya que a mi me filtra bien los datos pero cuando voy a seleccionar un numero de la paginación no filtra y muestra todos los resultados
ResponderEliminar
Respuestas
Anónimo8 de abril de 2020, 14:03
Gracias, ya no sabia como solucionar eso...
ResponderEliminar
Respuestas
Anónimo19 de marzo de 2021, 22:25
Muchas gracias, me sirvió, busque esto por varios sitios y nada
ResponderEliminar
Respuestas
Anónimo6 de noviembre de 2021, 11:10
Muchas gracias, me sirvió muchísimo, no encontraba como solucionarlo.
ResponderEliminar
Respuestas
Anónimo11 de diciembre de 2022, 11:35
no sirvió tu mamada esa, pinche pendejo
ResponderEliminar
Respuestas
Anónimo28 de abril de 2023, 19:01
Funciona, buena alternativa ...
ResponderEliminar
Respuestas

Añadir comentario

Aprende JAVA

domingo, 7 de diciembre de 2014

Tablas en PrimeFaces no se refrescan al usar filtros [Java]

9 comentarios:

Popular Posts

Labels

Facebook

Páginas recomendadas

Blog Archive