Rich faces panelBar 的问题？答案

【问题标题】：Problem with Rich faces panelBar?Rich faces panelBar 的问题？
【发布时间】：2009-12-21 11:33:29
【问题描述】：

我在我的应用程序中使用富面孔面板栏控件。控件有问题。

代码是这样的

<rich:panelBar contentClass="some-class">
    <rich:panelBarItem label="Panel 1" headerClass="some-css-class">
        Contents 1
    </rich:panelBarItem>
    <rich:panelBarItem label="Panel 2" headerClass="some-css-class">
        Contents 2
    </rich:panelBarItem>
    <rich:panelBarItem label="Panel 3" headerClass="some-css-class">
        Contents 3
    </rich:panelBarItem>
</rich:panelBar>

现在我不想将活动面板项的标题背景颜色显示为绿色，而所有其他项应为蓝色。我使用面板栏的“headerClassActive”属性进行了尝试，但无法正常工作。

有什么遗漏的吗？

【问题讨论】：

headerClassActive 应该可以工作。使用 WebDeveloper 插件检查是否已分配适当的类

标签： java jsf richfaces

【解决方案1】：

在您的 css 文件中定义 .rich-panelbar-header-act 类并覆盖您的具体情况。

例如 .rich-panelbar-header-act{ 背景颜色：蓝色； }

【讨论】：

【解决方案2】：

所以经过多次尝试，我得到了解决方案。我不知道为什么这是使用“headerStyleActive”完成的，但它正在工作。

 <rich:panelBar contentClass="some-class">
    <rich:panelBarItem label="Panel 1" headerClass="some-css-class" headerStyleActive="background-color:green;">
        Contents 1
    </rich:panelBarItem>
    <rich:panelBarItem label="Panel 2" headerClass="some-css-class" headerStyleActive="background-color:green;">
        Contents 2
    </rich:panelBarItem>
    <rich:panelBarItem label="Panel 3" headerClass="some-css-class" headerStyleActive="background-color:green;">
        Contents 3
    </rich:panelBarItem>
</rich:panelBar>

我所做的只是使用 rich:panelBarItem 的 headerStyleActive 属性，而不是 headerClassActive。这是工作代码。

我从this 页面得到了这个解决方案。

【讨论】：