[dataTable] rowStyleClass ne fonctionne pas

**doons** · 13/07/2015, 08h37

Bonjour,

J'ai un formulaire de modification d'un objet. Dans le formulaire j'ai différents inputText et autres composants.
En plus, j'ai une dataTable editable qui contient des sous-objets, dans laquelle j'ai une colonne qui permet de supprimer un sous-objet.
La suppression effective se faisant lors de la confirmation de modification, j'aimerais mettre en couleur les lignes qui sont à supprimer.

Pour cela, j'ai une colonne qui permet de supprimer une ligne (met la propriété "isDeleted) à true dans le sous-objet et une rowStyleClass qui teste cette valeur :

Code :

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

1
2
3
4
5
6
7
8
9
<p:dataTable id="periodes"
	value="#{saisirEmployeForm.listPeriodes}" 
	var="periode" widgetVar="periodeTable"
	editable="true" editMode="cell"
	emptyMessage="#{msg['AucunePeriodeAAfficher']}" 
	rowKey="#{periode.id}"
	rowStyleClass="#{!periode.deleted ? null : 'rowDeleted'}"	
        style="margin-bottom:10px" >

La feuille de style :

Code :

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

1
2
3
4
 
.rowDeleted {
	background: pink;
}

Le problème est que la ligne ne se met pas en couleur, quelque soit l'ordre du test.

Qqun a-t-il une idée ?
Merci d'avance pour votre aide

**jeffray03** · 13/07/2015, 12h34

salut,
as-tu essayé ceci:

Code :

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

rowStyleClass="#{(!periode.deleted) ? null : 'rowDeleted'}"

Eric

**doons** · 13/07/2015, 13h47

Salut,

ca ne change rien.
Je me demande si ce n'est pas du fait que la table est editable ? En meme temps ça ne change rien si j'enleve l'édition

**jeffray03** · 13/07/2015, 16h03

salut
essaies ceci et donnes nous le resultat:

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
  <h:head>
	<h:outputStylesheet library="css" name="test.css" />
	<style type="text/css">
.colored {
	background-color: #FF0000;
	color: #FFFFFF;
}

.rowDeleted {
	background: pink;
}
</style>
</h:head>
<body>
<p:dataTable id="periodes"
	value="#{saisirEmployeForm.listPeriodes}" 
	var="periode" widgetVar="periodeTable"
	editable="true" editMode="cell"
	emptyMessage="#{msg['AucunePeriodeAAfficher']}" 
	rowKey="#{periode.id}"
	rowStyleClass="#{!(periode.deleted) ? 'colored' : 'rowDeleted'}"	
        style="margin-bottom:10px" >
  >

Eric