根据属性数据库jsf2-primefaces更改外观数据表

Question

我有这个从数据库加载的数据表，这里是：

<p:dataTable id="cars" var="car" value="#{acceuilUserController.lc_maj}" tableStyle="width:auto">  
 <p:column headerText="Commande N° : " style="width:100px">  
 <h:outputText value="#{car.commande.id}" />  
 </p:column>  
 <p:column headerText="Date de mise à jour : " style="width:100px">  
 <h:outputText value="#{car.dateMaj}" />  
 </p:column> 
 <p:column headerText="Decision : " style="width:100px">  
 <h:outputText value="#{car.decison}" />  
 </p:column> 
 <p:column headerText="Etat : " style="width:100px">  
 <h:outputText value="#{car.etat}" />  
 </p:column> 
</p:dataTable>    

我有另一个属性car.lu，它接受两个值：true or false，我希望当它为false时，线闪烁并变为红色我怎样才能做到这一点？

Answer 1

您可以使用条件着色来实现这一点：

<p:dataTable id="cars" var="car" value="#{acceuilUserController.lc_maj}" tableStyle="width:auto" rowStyleClass=#{(car.lu == false) ? 'red' : null}>
    <p:column headerText="Commande N° : " style="width:100px">
        <h:outputText value="#{car.commande.id}" />
    </p:column>
    <p:column headerText="Date de mise à jour : " style="width:100px">
        <h:outputText value="#{car.dateMaj}" />
    </p:column>
    <p:column headerText="Decision : " style="width:100px">
        <h:outputText value="#{car.decison}" />
    </p:column>
    <p:column headerText="Etat : " style="width:100px">
        <h:outputText value="#{car.etat}" />
    </p:column>
</p:dataTable>

如果car.lu返回false，则样式类red将应用于该行。所以你必须在你的CSS中有这个：

.red {
    background-color: red;
}