Le code JSF suivant contient deux <c:if></c:if>
. Regardons ça.
<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://Java.Sun.com/jsf/html"
xmlns:c="http://Java.Sun.com/jsp/jstl/core">
<h:head>
<title>JSF EL</title>
</h:head>
<h:body>
<h:form>
<c:set scope="request" var="row" property="x" value="10"/>
<c:if test="#{row==10}">
<h:outputLabel value="value = 10"/>
</c:if>
<c:if test="#{row==15}">
<h:outputLabel value="value = 15"/>
</c:if>
</h:form>
</h:body>
</html>
Il affiche simplement valeur = 1 sur la page JSF au moment de l'exécution. J'ai besoin de représenter le même ci-dessus <c:if></c:if>
avec le suivant if-elseif-else (contexte Java).
if(row.equals(10))
{
//Do something...(JSF stuff)
}
else if(row.equals(15))
{
//Do something...(JSF stuff)
}
else
{
//Do something...(JSF stuff)
}
Comment peut-il être représenté avec Expression Language (EL) en utilisant JSF?
Le code suivant le plus simple:
<h:outputLabel value="value = 10" rendered="#{row == 10}" />
<h:outputLabel value="value = 15" rendered="#{row == 15}" />
<h:outputLabel value="value xyz" rendered="#{row != 15 and row != 10}" />
Lien pour la syntaxe d'expression EL. http://developers.Sun.com/docs/jscreator/help/jsp-jsfel/jsf_expression_language_intro.html#syntax
Vous pouvez utiliser EL si vous souhaitez travailler en tant que SI:
<h:outputLabel value="#{row==10? '10' : '15'}"/>
Changer les styles ou les classes:
style="#{test eq testMB.test? 'font-weight:bold' : 'font-weight:normal'}"
class="#{test eq testMB.test? 'divRred' : 'divGreen'}"
Vous pouvez utiliser "ELSE IF" en utilisant un opérateur conditionnel dans le langage d'expression, comme ci-dessous:
<p:outputLabel value="#{transaction.status.equals('PNDNG')?'Pending':
transaction.status.equals('RJCTD')?'Rejected':
transaction.status.equals('CNFRMD')?'Confirmed':
transaction.status.equals('PSTD')?'Posted':''}"/>
Une solution possible est:
<h:panelGroup rendered="#{bean.row == 10}">
<div class="text-success">
<h:outputText value="#{bean.row}"/>
</div>
</h:panelGroup>