Supprimer une ligne d'un dataTable depuis un dialog

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

Bonjour,

J'ai une dataTable qui contient des informations. J'ai un lien qui ouvre un dialogue permettant de créer une nouvelle ligne.

Comme j'ai vu qu'il n'était pas bien d'avoir plusieurs dialog dans un même formulaire, j'ai donc 2 formulaires dans mon fichier xhtml.
Le problème est que dans le managedBean du formualire du dialogue de création, je ne peux pas accéder à la liste affichée dans ma table, qui se trouve dans le managedBean du formulaire de la table.

Comment est-ce que je peux résoudre ce problème ? Il faudrait que je puisse forcer une nouvelle recherche de la liste dans la base de données ...

Voici mon code si besoin:

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>

Le bean du formulaire du dialogue

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
 
@ManagedBean(name = "ajouterSociete")
@RequestScoped
public class AjouterSocieteBean {
 
	private String abrege;
	private String nom;
	private String description;
 
	/**
         * Default Constructor
         */
	public AjouterSocieteBean() {
	}
 
	public String getAbrege() {
		return abrege;
	}
 
	public void setAbrege(String abrege) {
		this.abrege = abrege;
	}
 
	public String getNom() {
		return nom;
	}
 
	public void setNom(String nom) {
		this.nom = nom;
	}
 
	public String getDescription() {
		return description;
	}
 
	public void setDescription(String description) {
		this.description = description;
	}
 
	public void ajouter() {
		Societe societe = new Societe();
		societe.setAbrege(abrege);
		societe.setNom(nom);
		societe.setDescription(description);
 
		// ICI ajouter la societe a la liste de la table
	}
}

Le bean du formulaire de la table

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
 
@ManagedBean(name = "gestionSocietes")
@RequestScoped
public class GestionSocietesBean {
 
	private List<Societe> listSocietes;
	private Integer societeId;
	private Societe selectedSociete;
 
	@EJB
	private SocieteDaoImpl m_societeDao;
 
	/**
         * Default Constructor
         */
	public GestionSocietesBean() {
	}
 
	public SocietesDataTableModel getListSocietes() {
		listSocietes = new ArrayList<>();
 
		for (int i = 0; i < 8; i++) {
			Societe u = new Societe();
			u.setId(i);
			u.setAbrege("nicolas");
			u.setNom("nom");
			listSocietes.add(u);
		}
 
		return new SocietesDataTableModel(listSocietes);
	}
 
	public Integer getSocieteId() {
		return this.societeId;
	}
 
	public void setSocieteId(Integer societeId) {
		this.societeId = societeId;
	}
 
	public Societe getSelectedSociete() {
		return this.selectedSociete;
	}
 
	public void setSelectedSociete(Societe selectedSociete) {
		this.selectedSociete = selectedSociete;
	}
 
	public void modifierSociete() {
		// TODO
	}
 
	public void supprimerSociete() {
		for (Societe soc  :listSocietes) {
			if (societeId == soc.getId()) {
				listSocietes.remove(soc);
				break;
			}
		}
	}
 
}

Merci d'avance pour votre aide

**VirgApps** · 19/04/2015, 16h58

Bonjour, il y a une raison qui t'oblige à avoir 2 managedBean différents pour une même page xhtml ?

**doons** · 20/04/2015, 07h28

bonjour,

sur le fond non il n'y a aucune raison c'est vrai ....

**OButterlin** · 20/04/2015, 09h02

Pour ma part, je trouve surtout qu'il n'y a aucune raison de sortir ta confirmDialog, c'est tellement light qu'il vaut mieux la laisser là où tu en as besoin...
D'ailleurs, dans ce cas de figure, tu perds l'avantage de pouvoir conditionner le traitement d'un bouton sur la réponse du dialogue... bref, tu devrais le laisser dans la même page

**doons** · 20/04/2015, 09h31

Merci pour vos réponses :-)

Je ne sui spas encore suffisamment à l'aise pour comprendre l'avantage que tu cites :

tu perds l'avantage de pouvoir conditionner le traitement d'un bouton sur la réponse du dialogue...

Qu'entends-tu par là ?

**OButterlin** · 20/04/2015, 10h57

L'intérêt de confirmDialog est dans un usage de ce type

Code :

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

1
2
3
4
<p:commandButton action="#{constrManager.delete()}" value="#{msg.button_delete}">
     <p:confirm header="Confirmation" message="Veuillez confirmer la suppression du constructeur" icon="ui-warning"/>
</p:commandButton>

et d'avoir la définition de la boite de dialogue dans un template (typiquement)

Code :

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

1
2
3
4
5
6
7
8
 
...
    <!-- Boite de confirmation -->
    <p:confirmDialog id="globalConfirmDialog" global="true" showEffect="fade" hideEffect="fade">
         <p:commandButton value="#{msgc.yes}" type="button" styleClass="ui-confirmdialog-yes"/>
         <p:commandButton value="#{msgc.no}" type="button" styleClass="ui-confirmdialog-no" />
    </p:confirmDialog>
...

comme tu vois, l'action du bouton est conditionnée par la réponse de la boite de dialogue de confirmation qui est globale à l'application

**doons** · 20/04/2015, 11h20

ok mais comment tu fais le lien ?
J'aurais pensé qu'il y avait un id commun, mais ce n'est pas le cas dans ton exemple

**OButterlin** · 20/04/2015, 11h35

Le lien est fait par Primefaces, <p:confirm> va sur <p:confirmDialog>, et il n'y a qu'une seule définition de <p:confirmDialog> mais n demandes de confirmation par <p:confirm>

**doons** · 20/04/2015, 11h43

ok, je comprends mieux
Merci beaucoup pour ces explications

Supprimer une ligne d'un dataTable depuis un dialog

JSF Java

Discussions similaires

Partager

Partager