根據apparence數據表更改爲屬性數據庫JSF2 primefaces

Question

我有這個數據表是從於數據庫loadied，這裏是：

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

我還有一個attribut 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; 
}