1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Java - primefaces: Exibir ou ocultar campos dentro da div atraves do selectOneRadio

Boa noite!

Já pesquisei bastante, mas até agora não consegui fazer. Estou usando JSF, primefaces, Java

Eu preciso exibir ou ocultar campos que estejam dentro de uma div, conforme um dos itens do p:selectOneRadio id="tipoConsulta" for selecionado

Minha div id"div-convenio" só poderá ser exibida se o itemValue= "Convenio" esteja selecionado, caso contrário, a div precisará ficar oculta.

Alguém pode me ajudar?

segue meu código abaixo

                       <p:panelGrid id="consultaRadio" columns="1"
                            styleClass="ui-panelgrid-blank" layout="grid" style="width: 30%">
                            <div class="ContainerIndent"></div>
                            <p:outputLabel for="tipoConsulta" value="Tipo de Consulta" />
                            <p:selectOneRadio id="tipoConsulta" layout="responsive"
                                value="#{mBeanPaciente.pac.tipoConsulta}" columns="2"
                                style="margin:20px 0px;">
                                <f:selectItem itemLabel="Convênio" itemValue="Convênio" />
                                <f:selectItem itemLabel="Particular" itemValue="Particular" />
                            </p:selectOneRadio>
                        </p:panelGrid>

                        <div id="div-convenio">
                            <p:panelGrid id="consultParticular" columns="4"
                                columnClasses="ui-grid-col-2,ui-grid-col-3,ui-grid-col-2,ui-grid-col-3"
                                layout="grid" styleClass="ui-panelgrid-blank"
                                style="border:0px none; background-color:transparent;">
                                <p:outputLabel for="convenio" value="Convênio" />
                                <p:selectOneMenu id="convenio"
                                    value="#{mBeanPaciente.pac.convenio}">
                                    <f:selectItem itemLabel="Selecione.." />
                                    <f:selectItems value="#{mBeanPaciente.listConv}" var="conv"
                                        itemLabel="#{conv.nomeFantasia}"
                                        itemValue="#{conv.idConvenio}" />
                                </p:selectOneMenu>
                                <p:outputLabel for="numCarteira" value="Número da carteirinha" />
                                <p:inputText id="numCarteira" maxlength="10" size="10"
                                    value="#{mBeanPaciente.pac.numCarteiraConv}" />
                            </p:panelGrid>
                        </div>
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags java primefaces jsf ou faça a sua própria pergunta.