Affichage de données dans un modal panel
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:
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:
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.
