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>