Discussion :

[Pierre1310]

Bonjour,

J'aimerai savoir si il est possible de mettre de la couleur sur une chaîne de caractère dans une balise dataTable? (la chaîne de caractères est extraite d'une base de données sql serveur via une requête sql).

Voici l'extrait de ma page 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
<p:dataTable id="dataTable1" var="ls_p"
						value="#{accueil.lsMouleSansIlot}"
						emptyMessage="Aucun résultat trouvé." width="auto">
 
						<f:facet name="header">
							<p:ajaxStatus style="width:16px;height:16px;">
								<f:facet name="start">
									<p:graphicImage value="../Image/ajaxloadingbar.gif" 
										style="display:inline" />
								</f:facet>
								<f:facet name="complete">
									<h:outputText value="" />
								</f:facet>
							</p:ajaxStatus>
		Etat Atelier
		</f:facet>
						<p:column id="status1" headerText="Status">
							<h:outputText id="idCell5_0_1" class="cercle"
								style="background-color:RGB(${ls_p.asso_moule_presse.toArray()[0].colorStatusR}, ${ls_p.asso_moule_presse.toArray()[0].colorStatusG}, ${ls_p.asso_moule_presse.toArray()[0].colorStatusB}); color:RGB(${ls_p.asso_moule_presse.toArray()[0].colorStatusR}, ${ls_p.asso_moule_presse.toArray()[0].colorStatusG}, ${ls_p.asso_moule_presse.toArray()[0].colorStatusB})"
								value="" />
							<h:outputText id="idCell5_1"
								value="   #{ls_p.asso_moule_presse.toArray()[0].statusPresse}" />
						</p:column>
						<p:column id="numPresse_1" headerText="Presse">
							<h:outputText id="idCell1_1"
								value="#{ls_p.asso_moule_presse.toArray()[0].numPresse}" />
						</p:column>
						<p:column id="numMoule_1" headerText="Moule">
							<h:outputText id="idCell2_1" value="#{ls_p.numMoule}" />
						</p:column>
						<p:column id="etatmainte_1"
							headerText="Maintenance préventive tech. / Tps restant avant la prochaine maintenance">
							<h:commandLink title="Maintenance Préventive Technicien"
								action="#{accueil.creerChecklistTechnicien({ls_p.numMoule})}"
								immediate="true">
								<h:graphicImage value="../Image/#{ls_p.etatMaintenanceTech}.jpg"
									title="Maintenance Préventive Technicien" width="20"
									height="20" />
								<h:outputText value=" " />
								<h:outputText id="idCell2_2_1" value="#{ls_p.nbrHeureRestant}">
									<f:convertNumber pattern="#0.0" />
								</h:outputText>
								<h:outputText value=" h" />
 
							</h:commandLink>
						</p:column>
						<p:column id="numReference_1" headerText="Référence">
							<h:outputText id="idCell3_1"
								value="#{ls_p.asso_moule_reference.toArray()[0].ref}" />
						</p:column>
						<p:column id="des_1" headerText="Désignation">
							<h:outputText style="font-size:10px" id="idCell4"
								value="#{ls_p.mouleDesignation}" />
						</p:column>
						<p:column id="detail_1" headerText="Création d'une fiche">
							<b:commandButton value="Suivant" look="success"
								action="#{accueil.valider({ls_p.asso_moule_presse.toArray()[0].numPresse}, {ls_p.numMoule},  {ls_p.asso_moule_reference.toArray()[0].ref})}" />
						</p:column>
					</p:dataTable>

[VirgApps]

Bonjour,

il suffit d'ajouter une classe à tes outputText (si comme je le comprends il s'agit des textes que tu veux coloriser)

Code :

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

<h:outputText id="idCell5_1" value="#{ls_p.asso_moule_presse.toArray()[0].statusPresse}" styleClass="couleurRouge"/>

avec dans ton fichier CSS une classe couleurRouge

ou moins "CSS good practices"

Code :

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

<h:outputText id="idCell5_1" value="#{ls_p.asso_moule_presse.toArray()[0].statusPresse}" style="color:red"/>