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，我想在错误时线条闪烁并变为红色我怎么能做到这一点？

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

根据属性数据库jsf2 primefaces改变appence数据表

1 个答案: