Mais de um Dialog não funciona

Front-end
#1

Tenho um xhtml onde tenho dois dialogs, onde o primeiro funciona normalmente, o segundo nao funciona a execução do botao, se eu colocar o conteudo do segundo dialog no primeiro funciona ok, caso contrario, deixando separado cada conteudo em cada dialog nao funciona o segundo, terceiro e por ai vai!

Alguem sabe pq?

<h:body>
        <h:form> 
            <h:panelGrid columns="2">
                <p:commandButton value=""
                                 icon="ui-icon-print"
                                 id="rel1"
                                 type="button"
                                 title="Visualizar Relatório"
                                 onclick="dlgAvaliacaoColb.show();"/>
                <h:outputText value="Relatório Avaliação Colaborador " />

                <p:commandButton value=""
                                 icon="ui-icon-print"
                                 id="rel2"
                                 title="Visualizar Relatório"
                                 onclick="dlgTop.show();"
                                 type="button"/>
                <h:outputText value="Relatório Top20 " />


            </h:panelGrid>

            <p:dialog id="dlg1" header="Teste1" modal="false" widgetVar="dlgAvaliacaoColb" >                
                <h:form>
                    <h:panelGrid columns="2">
                        <h:outputText value="Período: " />  
                        <p:calendar locale="pt" value="#{telaAvaliacaoColaborador.data_filtro}" pattern="dd/MM/yyyy" />

                        <h:outputLabel id="latender" value="Usuário:"/>
                        <p:selectOneMenu id="sOMatender" value="#{telaAvaliacaoColaborador.cod_usuario}" height="100" required="true" >
                            <f:selectItem itemLabel="Todos Grupo(s)" itemValue="0" />
                            <f:selectItems id="fsAtender" value="#{telaAvaliacaoColaborador.listaUsuarios()}"
                                           var="item" itemLabel="#{item.descricao}"
                                           itemValue="#{item.id}" />
                        </p:selectOneMenu>
                        <p:commandButton value="Visualizar" actionListener="#{telaAvaliacaoColaborador.geraRelatorio(actionEvent)}" onclick="chamados" oncomplete="dlgAvaliacaoColb.hide();"  ajax="true"/>                     
                    </h:panelGrid>
                </h:form>
            </p:dialog>  

            <p:dialog id="dlg2" header="Teste2" modal="false" widgetVar="dlgTop" >                
                <h:form>
                    <h:panelGrid columns="2">
                        <h:outputText value="Período: " />  
                        <p:calendar locale="pt" value="#{telaTop20.data_filtro}" pattern="dd/MM/yyyy" />
                        <p:commandButton value="Visualizar" actionListener="#{telaTop20.geraRelatorio(actionEvent)}" onclick="chamados" oncomplete="dlgTop.hide();" ajax="true"/>                     
                    </h:panelGrid>
                </h:form>
            </p:dialog>  
        </h:form>
    </h:body>
#2

Josivanl, tenta fazer o seguinte teste…

<h:body>
        <h:form> 
            <h:panelGrid columns="2">
                <p:commandButton value=""
                                 icon="ui-icon-print"
                                 id="rel1"
                                 type="button"
                                 title="Visualizar Relatório"
                                 onclick="dlgAvaliacaoColb.show();"/>
                <h:outputText value="Relatório Avaliação Colaborador " />

                <p:commandButton value=""
                                 icon="ui-icon-print"
                                 id="rel2"
                                 title="Visualizar Relatório"
                                 onclick="dlgTop.show();"
                                 type="button"/>
                <h:outputText value="Relatório Top20 " />


            </h:panelGrid>
        </h:form>

            <p:dialog id="dlg1" header="Teste1" modal="false" widgetVar="dlgAvaliacaoColb" >                
                <h:form>
                    <h:panelGrid columns="2">
                        <h:outputText value="Período: " />  
                        <p:calendar locale="pt" value="#{telaAvaliacaoColaborador.data_filtro}" pattern="dd/MM/yyyy" />

                        <h:outputLabel id="latender" value="Usuário:"/>
                        <p:selectOneMenu id="sOMatender" value="#{telaAvaliacaoColaborador.cod_usuario}" height="100" required="true" >
                            <f:selectItem itemLabel="Todos Grupo(s)" itemValue="0" />
                            <f:selectItems id="fsAtender" value="#{telaAvaliacaoColaborador.listaUsuarios()}"
                                           var="item" itemLabel="#{item.descricao}"
                                           itemValue="#{item.id}" />
                        </p:selectOneMenu>
                        <p:commandButton value="Visualizar" actionListener="#{telaAvaliacaoColaborador.geraRelatorio(actionEvent)}" onclick="chamados" oncomplete="dlgAvaliacaoColb.hide();"  ajax="true"/>                     
                    </h:panelGrid>
                </h:form>
            </p:dialog>  

            <p:dialog id="dlg2" header="Teste2" modal="false" widgetVar="dlgTop" >                
                <h:form>
                    <h:panelGrid columns="2">
                        <h:outputText value="Período: " />  
                        <p:calendar locale="pt" value="#{telaTop20.data_filtro}" pattern="dd/MM/yyyy" />
                        <p:commandButton value="Visualizar" actionListener="#{telaTop20.geraRelatorio(actionEvent)}" onclick="chamados" oncomplete="dlgTop.hide();" ajax="true"/>                     
                    </h:panelGrid>
                </h:form>
            </p:dialog>  
    </h:body>

Onde apenas alterei o fechamento do form principal que está fechando antes dos dialogs… pode estar ocorrendo algum conflito pelo fato dos dialogs também possuirem um form que está dentro de outro form, o form principal.

#3

da algum erro no log ao clicar no botão ou simplesmente não acontece nada?

#4

flaviochess, se eu tirar de dentro dos forms, nao executa nem o primeiro dialog.

fabiozanardi, não dá erro nenhum, simplesmente nao executa, já o primeiro dialog executa legal!

Obrigado pelas respostas!

#5

Josivanl, qual a versão dos componentes que está utilizando?

Fiz um teste aqui, alterei parte do codigo que disponibilizou e funcionou corretamente. Qual a mensagem de erro que apresenta? Segue abaixo codigo alterado:

<h:body> <h:form> <h:panelGrid columns="2"> <p:commandButton value="" icon="ui-icon-print" id="rel1" type="button" title="Visualizar Relatorio" onclick="dlgAvaliacaoColb.show();"/> <h:outputText value="Relatorio Avaliacao Colaborador" /> <p:commandButton value="" icon="ui-icon-print" id="rel2" title="Visualizar Relatorio" onclick="dlgTop.show();" type="button"/> <h:outputText value="Relatorio Top20" /> </h:panelGrid> <p:dialog id="dlg1" header="Teste1" modal="false" widgetVar="dlgAvaliacaoColb" > <h:form> <h:panelGrid columns="2"> <h:outputText value="Periodo: " /> <p:commandButton value="Visualizar" oncomplete="dlgAvaliacaoColb.hide();" ajax="true"/> </h:panelGrid> </h:form> </p:dialog> <p:dialog id="dlg2" header="Teste2" modal="false" widgetVar="dlgTop" > <h:form> <h:panelGrid columns="2"> <h:outputText value="Periodo: " /> <p:commandButton value="Visualizar" oncomplete="dlgTop.hide();" ajax="true"/> </h:panelGrid> </h:form> </p:dialog> </h:form> </h:body>
P.S. Utilizei a versão 3.2 do Prime

Efetuei as alterações que for necessárias e poste o resultado depois blza!

Abraços.

#6

Eu tenho um problema igual a teste no segundo Dialog não executa nada, ja fiz varios testes e alterações e não funcionou de maneira nenhuma na versão 3.2 do prime.

#7