JSF 2.0 + Primefaces 3.1 "p:confirmdialog aparece atras do modal" [Resolvido]

Front-end
#1

Bom dia pessoal.

Estou com um probleminha na hora de chamar um p:confirmdialog para excluir determinada linha de uma datatable.
Eu consigo chamar ele, só que ao clicar no botão excluir o confirmdialog aparece e ficasse atras do modal travando a minha tela.
Segue o 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">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</h:head>

<ui:composition template="/template.xhtml">
	<ui:define name="centro">
		<h:form>
			<h1>Telefones</h1>


			<p:dataTable value="#{telNumberTypeBean.telNumberTypes}"
				var="numberType" widgetVar="telNumberType"
				mptyMessage="Not empty projectMB.projects" paginator="true"
				rows="10" selection="#{telNumberTypeBean.selcTelNumberTypes}"
				selectionMode="single" rowKey="#{numberType.number}">


				<f:facet name="header">
					<p:outputPanel>
						<h:outputText value="Search all fields: " />
						<p:inputText id="globalFilter" onkeyup="telNumberType.filter()"
							style="width:150px" />
					</p:outputPanel>
				</f:facet>

				<p:column headerText="ID" footerText="codigos"
					filterMatchMode="codigos">
					<h:outputText value="#{numberType.id}" />
				</p:column>

				<p:column headerText="Numero" footerText="numbers"
					sortBy="#{numberType.number}" filterMatchMode="numbers"
					filterBy="#{numberType.number}">
					<h:outputText value="#{numberType.number}" />
				</p:column>

				<p:column headerText="Cor Claim" footerText="claims"
					sortBy="#{numberType.corClaim}" filterMatchMode="claims"
					filterBy="#{numberType.corClaim}">
					<h:outputText value="#{numberType.corClaim}" />
				</p:column>

				<p:column headerText="Cor" footerText="cors" filterMatchMode="cors"
					filterBy="#{numberType.cor}" sortBy="#{numberType.corClaim}">
					<h:outputText value="#{numberType.cor}" />
				</p:column>

			</p:dataTable>
		</h:form>
			<p:commandButton value="Excluir" onclick="confirmation.show()"
				type="button" ajax="false"/>
		
		<h:form>
			<p:confirmDialog message="Deseja realmente excluir este item?"
				header="Inciando processo de exclusão" severity="alert"
				widgetVar="confirmation">

				<p:commandButton id="btnSim" value="Sim" 
					oncomplete="confirmation.hide()" ajax="false"
					action="#{telNumberTypeBean.removeTelNumberType}" />
				<p:commandButton id="btnNao" value="Não" onclick="confirmation.hide()"
					type="button" ajax="false"/>

			</p:confirmDialog>
		</h:form>
	</ui:define>
</ui:composition>
</html>

Se alguem puder me ajudar :smiley:
Obrigado

#2

cara,

vc ja tentou colocar tudo dentro do mesmo form?

t+

#3

Já sim, não funcionou também…

Obrigado

#4

coloque em

Style do seu dialog “z-index: 100”

e do seu confirmDialog “z-index: 101”

#5

bom, como o alison disse, eu deixaria tb fora de outro form, ate pq pode ocorrer outros bugs do prime no IE devido a isso…

mas nao sei se tem a ver tb, mas jah tentou deixar o dialog como modal=“true” ?

#6

Já tentei mudar o modal=“true”, false e não altera em nada, será que é somente eu que estou tendo esse problema?

Obrigado.

#7

Ja tentou o z-index tambem ?

#8

Já sim leonardo… e sem sucesso…
Duro que tenho que exibir uma confirmação antes de deixar o usuário deletar…

Obrigado…

#9

Bom dia Pessoal,

Consegui resolver o meu problema, caso alguem esteja passando pelo mesmo segue a solução.

<p:confirmDialog message="Deseja realmente excluir este item?"
				header="Inciando processo de exclusão" severity="alert"
				widgetVar="confirmation" appendToBody="true" >

Resumindo foi só colocar o appendToBody=“true”

Abrç
Obrigado a todos.

#10

[quote=sheyster]Bom dia Pessoal,

Consegui resolver o meu problema, caso alguem esteja passando pelo mesmo segue a solução.

<p:confirmDialog message="Deseja realmente excluir este item?"
				header="Inciando processo de exclusão" severity="alert"
				widgetVar="confirmation" appendToBody="true" >

Resumindo foi só colocar o appendToBody=“true”

Abrç
Obrigado a todos.[/quote]

Resolveu o meu problema, muito bom!

#11

Tópico já fechado, mas uma outra alternativa para isso é criar um

&lt;ui:insert name="modal"&gt;&lt;/ui:insert&gt;

no template, colocar o dialog dentro de

&lt;ui:define name="modal"&gt;&lt;/ui:define&gt;

na página e setar o dialog com modal=true;

#12

sheyster …
Coloca a pagina toda , coloca so o trecho nao !

Eu nao consegui fazer ainda =/

O meu ta dando ruim , ja to desesperado … !!!

#13

Olá Sheyster.
Muito obrigado eu estava com mesmo problema pois apresentava o confirmDialog mas não permitia escolher uma opção resolve colocando modal=“true” e appendToBody=“true”.

#14