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

【问题标题】：changing apparence datatable according to attribute database jsf2 primefaces根据属性数据库jsf2 primefaces更改外观数据表
【发布时间】：2012-08-17 19:13:58
【问题描述】：

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

<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，我希望当它为假时，线会闪烁并变成红色我怎样才能做到这一点？

【问题讨论】：

标签： css flash jsf-2 datatable primefaces

【解决方案1】：

您可以使用conditional coloring 实现此目的：

<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;
}

【讨论】：