按条件为primefaces数据表中的案例着色

Question

我有一个名为 credit 的列，如果它包含“+”号，我希望它显示为红色，如果它是一个“-”号，则显示为红色。这是我的桌子

<h:form>
    <p:dataTable value="#{accountBean.accounts}" var="account" rows="4">
        <p:column headerText="IBAN">
            <h:outputText value="#{account.iban}"></h:outputText>
        </p:column>
        <p:column style="#{account.solde = + ? 'color: green' : 'color: red'}">
            <h:outputText value="#{account.solde}"> </h:outputText>
        </p:column>
        <p:column headerText="Creation Date">
            <h:outputText value="#{account.date_creation}">
                <f:convertDateTime pattern="dd-MM-yyyy" />
            </h:outputText>
        </p:column>
        <p:column headerText="Type">
            <h:outputText value="#{account.type}"> </h:outputText>
        </p:column>
        <p:column>
            <p:commandButton value="transactions history" action="#{transactionBean.init(account)}" update="idTransactionForm"></p:commandButton>
        </p:column>
    </p:dataTable>
</h:form>

这个函数是不正确的style="#{account.solde = + ? 'color: green' : 'color: red'}"，因为它的条件只是一个+或-号。但我想要 +.... 和 -....

Answer 1

您可以使用以下步骤执行类似的操作

第 1 步：创建 redClass Css

转到你的css文件并添加

.redClass{
background: #ee5f5b;
cursor: pointer;
}

每次调用此元素时，它都会改变背景颜色

第 2 步：在您的专栏中使用它

你必须使用一个布尔条件来调用它（这意味着有一个真或假条件），比如我的列表是空的或者我的值等于什么

 <p:column rowStyleClass="#{account.condition = ? 'redClass' : null ">
        <h:outputText value="#{account.solde}"> 
         </h:outputText>
 </p:column> 

这意味着如果条件为真，它将使用'redClass'，否则它将是正常的null

希望对您有所帮助。