更改手風琴面板選項卡的顏色

Question

我正在使用primefaces的手風琴面板。在選項卡內我有以編程方式創建的表單。每個表單都有一個提交按鈕。現在我想改變一個標籤的顏色，如果這個標籤的形式已經提交。那麼是否有可能改變一個特定標籤的顏色，我如何才能做到這一點？

我想我必須使用不同的風格類，如上所述，但我不太清楚如何使用它們。

How to highlight a primefaces tree node from backing bean

任何幫助表示讚賞

Answer 1

您可以使用<p:tab>標籤的titleStyleClass這一點。例如。

<p:accordionPanel> 
    <p:tab title="Step 1" titleStyleClass="#{bean.step1Completed ? 'completed' : ''}"> 
     ... 
    </p:tab> 
    <p:tab title="Step 2" titleStyleClass="#{bean.step2Completed ? 'completed' : ''}"> 
     ... 
    </p:tab> 
    <p:tab title="Step 3" titleStyleClass="#{bean.step3Completed ? 'completed' : ''}"> 
     ... 
    </p:tab> 
</p:accordionPanel> 

這將只要條件返回true的CSS樣式類的標籤設置爲completed。您可以在您自己的style.css文件中指定所需的CSS文件夾在.completed {}樣式類中，該文件放在/resources文件夾中幷包含<h:outputStylesheet name="style.css">。

.completed { 
    background: pink; 
}