[confirmDialog] impossible de cliquer sur les boutons (comportement modal)

**doons** · 17/04/2015, 17h13

Bonjour,

J'ai un confirmDialog qui s'affiche pour confirmer la suppression d'une ligne de ma dataTable.
Le problème est que la page complète est figée et il est impossible de cliquer sur le dialogue, ni même sur la page

Voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="../../../secured/modele/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	<ui:define name="contenu">
		<h:form id="dial">
			<!-- boîte de dialogue -->
			<p:confirmDialog widgetVar="confirmation" message="Confirmer la suppression" header="Entetes" severity="alert" >
				<p:commandButton value="Oui" update=":formulaire:gestionSocietes" action="#{gestionSocietes.supprimerSociete}" oncomplete="confirmation.hide()"/>
				<p:commandButton value="Non" onclick="confirmation.hide()" type="button"/>
			</p:confirmDialog>
		</h:form>		
		<h:form id="gestionSocietes">
			<p:contextMenu for=":formulaire:gestionSocietes:societes">
				<p:menuitem value="Supprimer" onclick="PF('confirmation').show()"/>				
                                      <p:menuitem value="Ajouter" onclick="PF('userAjout').show()"/>
			</p:contextMenu>
			
			<h2>
				<h:outputText value="#{msg['GestionDesSocietes']}" />
			</h2>
			
			<p:dataTable 	id="societes"
							value="#{gestionSocietes.listSocietes}" 
							var="societe" widgetVar="UserTable" filteredValue=""
							emptyMessage="#{msg['AucuneSocieteAAfficher']}" 
							selection="#{gestionSocietes.selectedSociete}" 
							selectionMode="single"  editable="false" editmode="row"
							rowKey="#{societe.id}" paginator="true" paginatorPosition="bottom"  
							rows="10" style="margin-bottom:10px" 
							paginatorTemplate=" {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
							rowsPerPageTemplate="5,10,15">
							
				<f:facet name="header">  
            		<p:outputPanel>  
                		<h:outputText value="Rechercher un utilisateur par login : " />  
                		<p:inputText id="globalFilter" onkeyup="UserTable.filter()" style="width:150px" />  
            		</p:outputPanel>  
        		</f:facet>
							
				<p:column style="width:5%">
					<f:facet name="header">
	            		#
	          		</f:facet>
	         		 #{societe.id}
	       		</p:column>
				
				<p:column style="width:20%">
					<f:facet name="header">
	            		#{msg['Abrege']}
	          		</f:facet>
	          		#{societe.abrege}
	        	</p:column>
				
				<p:column style="width:30%">
					<f:facet name="header">
	            		#{msg['Nom']}
	          		</f:facet>
	          		#{societe.nom}
	        	</p:column>
	        	
	        	<p:column style="width:45%">
					<f:facet name="header">
	            		#{msg['Description']}
	          		</f:facet>
	          		#{societe.description}
	        	</p:column>
				
			</p:dataTable>
		</h:form>
		
		<h:form id="ajouterSocieteBean">
		<p:growl id="messages" showDetail="true"/>
            <p:dialog header="#{msg['NouvelleSociete']}" widgetVar="userAjout" resizable="false" id="userAjout" >
	            <h:panelGrid id="ajoutDial" width="650" columns="3" style="margin:0 auto;">
					<h:outputLabel for="abrege" value="#{msg['Abrege']} : " styleClass="mandatory" />
					
					<p:inputTextarea rows="1" cols="50" counter="countAbrege" maxlength="10" counterTemplate="{0} #{msg['CaracteresDisponibles']}" autoResize="false" styleClass="unresizable" />
					<h:outputText id="countAbrege" />
					
					<h:outputLabel for="nom" value="#{msg['Nom']} : " styleClass="mandatory" />
					<p:inputTextarea rows="2" cols="50" counter="countNom" maxlength="50" counterTemplate="{0} #{msg['CaracteresDisponibles']}" autoResize="false" styleClass="unresizable" />
					<h:outputText id="countNom" />
					
					<h:outputLabel for="description" value="#{msg['Description']} : " />
					<p:inputTextarea rows="5" cols="50" counter="countDesc" maxlength="2000" counterTemplate="{0} #{msg['CaracteresDisponibles']}" autoResize="false" styleClass="unresizable" />
					<h:outputText id="countDesc" />
					
					<p:commandButton action="#{ajouterSocieteBean.ajouter}" update=":formulaire:gestionSocietes:societes messages" value="#{msg['Ajouter']}" icon="ui-icon-check"
						style="margin:15px" oncomplete="userAjout.hide()"/>
					<p:commandButton value="#{msg['Annuler']}" icon="ui-icon-check"
						style="margin:15px" oncomplete="userAjout.hide()"/>
			      	<!-- <p:message for="name" id="msg_name"/> -->
				</h:panelGrid>
 			</p:dialog>
 		</h:form>
	</ui:define>
</ui:composition>