Affichage de données dans un modal panel

**fab76000** · 03/06/2009, 17h08

Bonjour a tous,

J'ai un problème au niveau d'un affichage de données dans un modal panel.
Voici le contexte, j'ai ma page jsf qui affiche une extendedDataTable, avec un petit bouton a coté de chaque ligne pour supprimer cette ligne. Lors de l'appui sur ce bouton, la fameuse boite modal s'affiche.
Voici le code de ma jsf :

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
 
<?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 xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich" template="/templates/page.xhtml">
 
	<ui:define name="body">
		<rich:panel>
			<f:facet name="header">Administration</f:facet>
 
			<rich:tabPanel switchType="client" width="420">
				<rich:tab label="Marques">
					<h:form>
						<rich:modalPanel id="panelSuppression" width="300" height="170">
 
							<f:facet name="header">
								<h:panelGroup>
									<h:outputText value="Suppression"></h:outputText>
								</h:panelGroup>
							</f:facet>
 
							<f:facet name="controls">
								<h:panelGroup>
									<h:graphicImage value="/images/close.png" styleClass="hidelink"
										id="hidelink1" />
									<rich:componentControl for="panelSuppression"
										attachTo="hidelink1" operation="hide" event="onclick" />
								</h:panelGroup>
							</f:facet>
 
							<h:outputText
								value="Etes vous sur de vouloir supprimer cette donnée ?" />
							<br />
							<br />
							<h:outputLabel value="Identifiant :" />
							<h:outputText value="#{administrationBean.selectedMarque.id}" />
							<br />
							<h:outputLabel value="Nom :" />
							<h:outputText value="#{administrationBean.selectedMarque.nom}" />
							<br />
							<br />
							<a4j:commandButton value="Valider"
								action="#{administrationBean.supprimerMarque}"
								onclick="javascript:Richfaces.hideModalPanel('panelSuppression')"
								reRender="table" />
							<rich:spacer width="20" />
							<a4j:commandButton value="Annuler"
								onclick="javascript:Richfaces.hideModalPanel('panelSuppression')" />
 
						</rich:modalPanel>
 
 
 
						<h:panelGrid columns="1" columnClasses="top,top">
							<rich:extendedDataTable value="#{administrationBean.marques}"
								var="marque" id="table"
								selection="#{administrationBean.selection}" width="320px"
								height="400px">
								<rich:column sortable="true" label="id">
									<f:facet name="header">
										<h:outputText value="Identifiant" />
									</f:facet>
									<h:outputText value="#{marque.id}" />
								</rich:column>
 
								<rich:column sortable="true" label="nom">
									<f:facet name="header">
										<h:outputText value="Nom" />
									</f:facet>
									<h:outputText value="#{marque.nom}" />
								</rich:column>
 
								<rich:column sortable="true" label="action">
 
 
 
									<a4j:commandButton id="boutonSuppression"
										image="/images/trash.png" />
									<rich:componentControl for="panelSuppression"
										attachTo="boutonSuppression" operation="show" event="onclick" />
									<rich:toolTip for="boutonSuppression" direction="top-right"
										layout="block">Supprimer</rich:toolTip>
 
 
								</rich:column>
								<a4j:support event="onselectionchange"
									action="#{administrationBean.takeSelection}" reRender="details" />
 
							</rich:extendedDataTable>
 
						</h:panelGrid>
					</h:form>
 
 
				</rich:tab>
			</rich:tabPanel>
		</rich:panel>
	</ui:define>
</ui:composition>

J'aurais remarqué que j'utilise richfaces, et une technique permettatn de déterminer la ligne cliké.
Voici mon bean contenant (entre autre les méthodes pour déterminer la ligne seleectionné. Mais le code restant du bean que je n'ai pas posté est bon.

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
 
 
public class AdministrationBean {
 
	private ExtendedTableDataModel<Marque> marques;
 
	private IMarqueBusinessProcess marqueBusinessProcess;
 
	private Marque selectedMarque = null;
 
	private SimpleSelection selection;
 
	public String takeSelection() {
		Iterator<Object> iterator = selection.getKeys();
		while (iterator.hasNext()) {
			Object key = iterator.next();
			setSelectedMarque(marques.getObjectByKey(key));
		}
		return null;
	}
 
	public SimpleSelection getSelection() {
		return selection;
	}
 
	public void setSelection(SimpleSelection selection) {
		this.selection = selection;
	}
 
	public Marque getSelectedMarque() {
		return selectedMarque;
	}
 
	public void setSelectedMarque(Marque selectedMarque) {
		this.selectedMarque = selectedMarque;
	}
 
}

Donc pour en venir au détails, lorsque je clik sur l'image 'supprimer' a coté d'une ligne, la boite modale s'affiche bien mais sans afficher à l'intérieur le nom ni l'id de la marque, donc cela voudrait dire que le selectedMarque est null, pourtant malgré ceci, si je confirme la suppression (bouton valider), la méthode de suppression fonctonne parfaitement (puisque elle supprime le bon élément) alors qu'elle prend en parametre le selectedMarque...???

Si quelqu'un pourait m"eclairer à ce sujet SVP, je ne vois pas pour quelle raison les données ne s'affiche pas dans mon modal panel.

Merci d'avance.

**tchize_** · 03/06/2009, 17h28

je vois pas trop, justement, dans ta page, où tu précise sur le bouton la ligne concernée.

**fab76000** · 03/06/2009, 17h36

Le code qui permet de determiner la ligne selectionné est ceci :

Code :

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

1
2
<a4j:support event="onselectionchange"
									action="#{administrationBean.takeSelection}" reRender="details" />

Ceci marcha parfaitement car j'ai déja testé d'afficher en direct le contenu de selectedMarque dans un outputText, et celui se met bien a jour lorsque je clik sur les lignes.

est-ce un problème de placement de mon modal panel dans le code??ou avec les histoires de form??

please help..

Affichage de données dans un modal panel

JSF Java

Vue hybride

Discussions similaires

Partager

Partager