Boa tarde!
Tenho uma página xhtml, com um botão “Teste” que chama um p:dialog com o MODAL ativo. Porém, quando ele surge, o modal trava toda a aplicação, inclusive o próprio p:dialog, não sendo possível sequer fechá-lo.
O que estou fazendo de errado?
Página xhtml
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
template="/WEB-INF/template/template.xhtml">
<ui:define name="conteudo">
<h:head>
</h:head>
<h:body>
<h:form id="form">
<p:dataTable id="clientes" var="cliente"
value="#{clienteController.listaClientes}" rowKey="#{cliente.nome}"
selectionMode="single">
<p:column headerText="Nome">
<h:outputText value="#{cliente.nome}" />
</p:column>
<p:column headerText="Cidade">
<h:outputText value="#{cliente.cidade}" />
</p:column>
<p:column headerText="Celular">
<h:outputText value="#{cliente.telefone1}" />
</p:column>
<p:column headerText="Telefone">
<h:outputText value="#{cliente.telefone2}" />
</p:column>
<p:column headerText="Observações">
<h:outputText value="#{cliente.observacoes}" />
</p:column>
<p:column headerText="Sexo">
<h:outputText value="#{cliente.sexo}" />
</p:column>
</p:dataTable>
<br />
<p:commandButton value="Adicionar Novo Cliente" icon="ui-icon-disk"
action="#{clienteController.prepararAdicionarCliente}" />
<p:commandButton value="Teste" onclick="dialogGerCliente.show()" />
</h:form>
<p:dialog id="modalDialog" header="Gerenciamento de Clientes"
widgetVar="dialogGerCliente" modal="true" height="200" width="400"
showEffect="side" hideEffect="explode">
<h:form>
<h:outputText value="Nome: " />
</h:form>
</p:dialog>
</h:body>
</ui:define>
</ui:composition>
Desde já, agradeço a ajuda.
