After search, p:dataTable won't update unless search is invoked twice or something into filter is typed and cleared

Question

I have the simple model where trying to update the dataTable after fetch some results in my data table, I'm using EJB to fetch this result in my data base.

The problem is, after the search, my dataTable won't update unless that click over the search button 2 times or type something into fieldText filter and after clear it.

I tried put some function as "onclick and update" but all solutions not work.

A important case situation is: if the fieldText filter is deleted of my dataTble, the dataTable is update perfectly whithout erros :).

Someone can say another way or direction to solve my problem?

xhtml code:

<h:form id="frmPesquisa">
    <p:panelGrid columns="3">
        <h:outputLabel value="Pesquisar" for="pesquisa" />
        <h:inputText id="pesquisa"
            value="#{cadastroClienteBean.valorPesquisa}" />
        <p:commandButton value="Pesquisar"
            action="#{cadastroClienteBean.pesquisar}" update="tableResult"
            onclick="PF('itemListases').clearFilters(); PF('itemListases').filter();"/>
    </p:panelGrid>
    <br />
    <br />
    <br />
    <p:dataTable rendered="#{cadastroClienteBean.listaVazia()}" paginator="true" rows="5" widgetVar="itemListases"
        emptyMessage="Não foram encontrados Itens"
        filteredValue="#{cadastroClienteBean.filtrados}" id="tableResult"
        value="#{cadastroClienteBean.clientes}" var="cliente" border="1"
        cellpadding="5">
        <p:column headerText="Código" filterBy="#{cliente.codigo}">
            <h:outputText value="#{cliente.codigo}" />
        </p:column>
        <p:column headerText="Nome">
            <h:outputText value="#{cliente.nome}" />
        </p:column>
        <p:column headerText="Idade">
            <h:outputText value="#{cliente.idade}" />
        </p:column>
        <p:column headerText="Sexo">
            <h:outputText value="#{cliente.sexo}" />
        </p:column>
        <p:column headerText="Profissão">
            <h:outputText value="#{cliente.profissao}" />
        </p:column>
    </p:dataTable>
</h:form>

Bean code:

@Named
@SessionScoped
public class CadastroClienteBean implements Serializable {

    private static final long serialVersionUID = 1L;

    private Cliente cliente;
    private List<Cliente> clientes;
    private List<Cliente> filtrados;
    private String valorPesquisa;
    private String pesquisaAnterior;

    @EJB
    CadastroClienteEJB cadastroClienteEJB;

    public CadastroClienteBean() {
        System.out.println("===> Chamou o CONSTRUTOR");
        cliente = new Cliente();
        clientes = new ArrayList<Cliente>();
        filtrados = new ArrayList<Cliente>();
    }

    public void pesquisar() {
        if (!valorPesquisa.equals(pesquisaAnterior)) {
            filtrados = new ArrayList<Cliente>();
            if (this.valorPesquisa == null || this.valorPesquisa.equals("")) {
                pesquisaAnterior = new String(valorPesquisa);
                this.clientes = cadastroClienteEJB.buscarTodos();
            } else {
                pesquisaAnterior = new String(valorPesquisa);
                this.clientes = this.cadastroClienteEJB
                        .pesquisar(this.valorPesquisa);
            }
        }
    }

[Do not use](http://stackoverflow.com/a/14790993/1199132) an `update` over an element which has a `rendered` condition. When `#{cadastroClienteBean.listaVazia()}` evaluates to false, your table simply won't be updated by the search since is not available in the DOM tree. Instead, wrap your table into a `h:panelGroup` or a `ui:fragment` and apply the updating to the wrapper component. — Aritz, Feb 21 '16 at 22:02
Thanks very much. it works perfectly. I deleted the `render` of my data table and put a id `tag`. Into my `commandButton`, I inserted a `update` tag putting the `tag` id of my dataTable, created previously. — Felipe Cabral, Mar 12 '16 at 14:15
Possible duplicate of [Ajax update/render does not work on a component which has rendered attribute](https://stackoverflow.com/questions/14790014/ajax-update-render-does-not-work-on-a-component-which-has-rendered-attribute) — Kukeltje, Dec 21 '17 at 15:15

score 0 · Answer 1 · answered Dec 21 '17 at 14:49

0

Thanks very much. it works perfectly. I deleted the render of my data table and put a id tag. Into my commandButton, I inserted a update tag putting the tag id of my dataTable, created previously.

answered Dec 21 '17 at 14:49

Felipe Cabral

77
1
1
9

After search, p:dataTable won't update unless search is invoked twice or something into filter is typed and cleared

1 Answers1