Discussion :

[riadhhwajdii]

salut,
j'ai un h:outputText qui peut prendre 3 valeurs
je veut selon la valeur de mon outputText , lui attribuer une class css spécifique
est ce que c'est possible?

[romaintaz]

Oui.
Il suffit de définir le styleClass par une expression EL.

[riadhhwajdii]

Oui.
Il suffit de définir le styleClass par une expression EL.

merci romaintaz
mais est ce que tu pourrais me donner un example

[romaintaz]

Tu as 2 solutions :

1. Tu définis une méthode getMonStyle() dans le bean Java qui retournera le nom de la classe CSS à utiliser.

Code :

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

<h:outputText ... value="#{monBean.monTexte}" styleClass="#{monBean.monStyle}"/>

2. Tu fais un peu d'expression EL :

Code :

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

<h:outputText ... value="#{monBean.monTexte}" styleClass="#{monBean.monTexte == 'val1' ? 'cssClass1' : (monBean.monTexte == 'val2' ? 'cssClass2' : 'cssClass3')}"/>

L'équivalent en code Java de cette ligne est ceci :

Code :

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

style = monText.equals("val1") ? "cssClass1" : (monText.equals("val2") ? "cssClass2" : cssClass3");

ou encore :

Code :

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

1
2
3
4
5
6
7
if (monText.equals("val1")) {
    style = "cssClass1";
} else if (monText.equals("val2")) {
    style = "cssClass2";
} else {
    style = "cssClass3";
}

[riadhhwajdii]

Tu as 2 solutions :

1. Tu définis une méthode getMonStyle() dans le bean Java qui retournera le nom de la classe CSS à utiliser.

Code :

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

<h:outputText ... value="#{monBean.monTexte}" styleClass="#{monBean.monStyle}"/>

2. Tu fais un peu d'expression EL :

Code :

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

<h:outputText ... value="#{monBean.monTexte}" styleClass="#{monBean.monTexte == 'val1' ? 'cssClass1' : (monBean.monTexte == 'val2' ? 'cssClass2' : 'cssClass3')}"/>

L'équivalent en code Java de cette ligne est ceci :

Code :

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

style = monText.equals("val1") ? "cssClass1" : (monText.equals("val2") ? "cssClass2" : cssClass3");

ou encore :

Code :

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

1
2
3
4
5
6
7
if (monText.equals("val1")) {
    style = "cssClass1";
} else if (monText.equals("val2")) {
    style = "cssClass2";
} else {
    style = "cssClass3";
}

merci bien romaintaz
ca marche bien maintenant