更改手风琴面板选项卡的颜色

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