Bom dia Guj´s Existe alguma forma de fazer com que um seja exibido/escondido conforme clicamos no sem fazer submit da página e sem usar o <%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%> ? todos ex que vi,…

Ocultar/Exibir campos com PrimeFaces Mobile

30 de julho de 2012 8 respostas

RobsonFagundes 30 de julho de 2012

Bom dia Guj´s

Existe alguma forma de fazer com que um<h:panelGrid> seja exibido/escondido
conforme clicamos no <p:selectBooleanCheckbox> sem fazer submit da página e
sem usar o <%@taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%> ?

todos ex que vi, fazem uso do :
<a4j:support event=“onclick” ajaxSingle=“true” reRender=“meuForm” />

segue meu código:

termo.xhtml

<p:selectBooleanCheckbox id="cbAceitarTermo" value="#{termoHandler.aceitar}" itemLabel="Eu Aceito" label="CONCONDAR COM O TERMO:" />
<h:panelGrid id="pgAceitar"  rendered="#{termoHandler.aceitar}" >  
...
</h:panelGrid>

@ManagedBean

private Boolean aceitar = false;
private Panel panelGrid;

    public void mostraBotaoAvancar() {
        panelGrid.setRendered(true);
        aceitar = true;
    }

Algum Exemplo?

8 Respostas

CristianPalmaSola10 30 de jul. de 2012

no seu selectBooleanCheckbox faltou voce colocar

update="pgAceitar"

tenta ai mas concerteza ira funcionar ja utilizei isso e funciona beleza

ate mais

RobsonFagundes 30 de jul. de 2012

então CristianPalmaSola10
estou utilizando <p:selectBooleanCheckbox>
através da taglib xmlns:p="http://primefaces.org/ui"
neste caso não esta definido na interface do componente o update="pgAceitar"
já tinha tentado antes…

tentei com o binding="" mas tmb não deu…

CristianPalmaSola10 30 de jul. de 2012

dentro da tag do componente em questa

&lt;p:ajax event="change" update="pgAceitar"/&gt;

RobsonFagundes 30 de jul. de 2012

nada… CristianPalmaSola10
não da erro, mas tmb não funfa

será que a lógica do managedBean ta certa…

CristianPalmaSola10 30 de jul. de 2012

Eu quando usei isso nunca coloquei isso

so trocava o valor da varivel booleana e na view mandavar fazer o update no componente

aqui tem um exemplo do que ja utilizei o update

&lt;div class="well" style="margin-left: -20px;"&gt;
                    &lt;h:form styleClass="form-horizontal" id="formFiltro"&gt;
                        &lt;fieldset&gt;
                            &lt;legend&gt;Lista de Municípios&lt;/legend&gt;

                            <br /><br />

                            &lt;div class="form-inline" style="margin-left: -20px;"&gt;
                                &lt;div class="control-group"&gt;
                                    &lt;h:outputLabel styleClass="control-label" value="Filtrar por Estado" /&gt;
                                    &lt;div class="controls"&gt;
                                        &lt;p:selectOneMenu value="#{municipioController.idEstado}"&gt;
                                            &lt;c:selectItems value="#{municipioController.listaEstado}" var="est"
                                                           itemLabel="#{est.dsEstado}" itemValue="#{est.idEstado}" /&gt;

                                            &lt;p:ajax event="change" listener="#{municipioController.buscarMunicipiosPorId}"
                                                    update=":form :formFiltro @this" /&gt;
                                        &lt;/p:selectOneMenu&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;

                            &lt;/div&gt;

                            <br />
                        &lt;/fieldset&gt;
                    &lt;/h:form&gt;

                    &lt;h:form id="form"&gt;
                        &lt;fieldset&gt;
                            &lt;p:dataTable var="munc" value="#{municipioController.listaMunicipio}"
                                         paginator="true" rows="10"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                                         {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"&gt;

                                &lt;p:column filterBy="#{munc.dsMunicipio}" filterMatchMode="contains"&gt;
                                    &lt;c:facet name="header"&gt;
                                        Município
                                    &lt;/c:facet&gt;
                                    &lt;h:outputLabel value="#{munc.dsMunicipio}" /&gt;
                                &lt;/p:column&gt;

                                &lt;p:column filterBy="#{munc.cdLegal}" filterMatchMode="contains"&gt;
                                    &lt;c:facet name="header"&gt;
                                        Código Legal
                                    &lt;/c:facet&gt;
                                    &lt;h:outputLabel value="#{munc.cdLegal}" /&gt;
                                &lt;/p:column&gt;

                                &lt;p:column&gt;
                                    &lt;p:commandLink value="Editar" oncomplete="panelEditar.show();" process="@this" update=":formCadMunicipio:panelEditar"&gt;
                                        &lt;c:setPropertyActionListener value="#{munc}" target="#{municipioController.municipio}" /&gt;
                                    &lt;/p:commandLink&gt;
                                &lt;/p:column&gt;

                                &lt;p:column&gt;
                                    &lt;p:commandLink value="Excluir" oncomplete="panelExcluir.show();" process="@this" update=":form"&gt;
                                        &lt;c:setPropertyActionListener value="#{munc}" target="#{municipioController.municipio}" /&gt;
                                    &lt;/p:commandLink&gt;
                                &lt;/p:column&gt;
                            &lt;/p:dataTable&gt;

                            <a href="http://localhost:8084/projetoEstagio/faces/paginas/cadastros/cadMunicipio.xhtml"
                                >
                                Novo Município
                            </a>

                            &lt;p:dialog modal="true" header="Excluir" showEffect="fade" hideEffect="explode"
                                      widgetVar="panelExcluir"&gt;

                                &lt;div class="form-inline"&gt;
                                    &lt;h:outputLabel value="Quer excluir o município "/&gt;
                                    &lt;p:spacer width="2"/&gt;
                                    &lt;h:outputLabel value="#{municipioController.municipio.dsMunicipio}"/&gt;
                                    &lt;h:outputLabel value=" ?" /&gt;
                                &lt;/div&gt;

                                &lt;div class="form-actions"&gt;
                                    &lt;p:commandButton styleClass="btn btn-danger" value="Sim" update=":form :formCadMunicipio"
                                                     actionListener="#{municipioController.excluir}" /&gt;
                                    &lt;p:commandButton styleClass="btn btn-primary" value="Não"
                                                     onclick="panelExcluir.hide();"
                                                     style="margin-left: 20px;"/&gt;
                                &lt;/div&gt;
                            &lt;/p:dialog&gt;
                        &lt;/fieldset&gt;
                    &lt;/h:form&gt;
                &lt;/div&gt;

cleciusjm 30 de jul. de 2012

Voce precisa dar o update no componente pai ao componente que possui o atributo redered condicional, caso esse componente possua muitos filhos, para naõ precisa dar update em todos, englobe o componente que voce quer atualizar em um p:panelGroup ou algo do tipo.

RobsonFagundes 31 de jul. de 2012

cleciusjm:
Voce precisa dar o update no componente pai ao componente que possui o atributo redered condicional, caso esse componente possua muitos filhos, para naõ precisa dar update em todos, englobe o componente que voce quer atualizar em um p:panelGroup ou algo do tipo.

Olá cleciusjm 

se vc observar meu cod no post… eu coloquei o botão que quero ocultar/apresentar

abrigado em um <h:panelGrid>

o problema que estou conseguindo chamar o meu metodo mostraBotaoAvancar();

vlw…

cleciusjm 31 de jul. de 2012

RobsonFagundes:
cleciusjm:
Voce precisa dar o update no componente pai ao componente que possui o atributo redered condicional, caso esse componente possua muitos filhos, para naõ precisa dar update em todos, englobe o componente que voce quer atualizar em um p:panelGroup ou algo do tipo.
Olá cleciusjm 

se vc observar meu cod no post… eu coloquei o botão que quero ocultar/apresentar

abrigado em um <h:panelGrid>

o problema que estou conseguindo chamar o meu metodo mostraBotaoAvancar();
vlw…

Sim, mas pelo que observei o atributo rendered que é condicional pertence ao panel, porém você deve dar update no pai do componente que possui o atributo condicional, e não diretamente nele, logo quando ele não for mostrado você vai ter só o pai dele renderizado de forma vazia na tela, então ao atualizar, atualiza-se o pai, e muda o atributo condicional, que ao re-rendenizar o pai o filho será atualizado também.

Criado 30 de julho de 2012

Ultima resposta 31 de jul. de 2012

Respostas 8

Participantes 3

8 Respostas

Topicos relacionados