Primefaces 时间表，事件标题颜色已更改，保存在数据库中

Question

我正在使用 primefaces 时间表，我想更改保存在 DB 中的事件标题的颜色，

scheduleEvent.setStyleClass(".event-consultation .fc-event-skin .fc-event-head");

使用这个类，我想用 DB 中保存的颜色更改背景颜色属性。如何更改从 db 获取的颜色？

Answer 1

我没有尝试过，但我想以下应该可行：

<style type="text/css"> 
    .yourclass .fc-event-inner{
        background-color: #{yourBackBean.backGroundProperty};
    }    
</style>

....

scheduleEvent.setStyleClass("yourclass");

这样，您可以指定页面内 CSS 样式，该样式将您之前从 DB 加载的 backBean 属性的值设置为颜色背景。

当然，您可以创建应用范围 backBean 并将 EL 硬编码到外部 CSS 文件中。您的选择。

希望对你有帮助！

编辑澄清

您必须将<style> html 节点放在<h:head> 中。我刚刚在一个项目中对其进行了测试，以这种方式更改 <p:menuBar> 的背景颜色：

<h:head>
   ... some stuff of mine, not relevant

    <style type="text/css"> 
        .ui-menubar,.ui-menu-child,.ui-menu {
            background: #{sessionBean.bckgColor} !important;
         }
    </style>
</h:head>

它就像一个魅力。我不知道你必须适应什么 css 样式来自定义<p:schedule> 的事件组件，我告诉你如何使用 EL 编写自定义 CSS 读取来自 DB 或其他什么的值。

也许你需要像我一样使用!importan css 属性来覆盖原始值。