更改primefaceScheduler事件的颜色

Question

我使用primeface（3.0）调度程序组件。

http://www.primefaces.org/showcase-labs/ui/schedule.jsf

正如我们在这里看到的，有一些事件是用蓝色创建的。

现在我想在独特性的基础上改变这些活动的颜色。例如，每个员工都会有一个唯一的ID。

比如说，员工ID 1事件的颜色将为蓝色，ID 2事件的颜色将为红色，依此类推。

如何将颜色应用于支持bean中的这些事件数？任何线索。。。。

我可以用这种方式更改调度程序的背景颜色，但不知道如何更改事件的颜色？

Answer 1

使用primeface 4.0时应用此代码

eventModel = new DefaultScheduleModel();  
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 1", new Date(), laterToday(), "emp1"));
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 2", tomorrow(), laterTomorrow(), "emp2"));  

emp1和emp2是样式类。然后将以下css添加到样式表中：

.emp1 .fc-event-inner {
    background: red;
}
.emp2 .fc-event-inner {
   background: green;
 }

Answer 2

有一个默认的构造函数，它将CSS类作为参数：

eventModel = new DefaultScheduleModel();  
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 1", new Date(), laterToday(), "emp1"));
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 2", tomorrow(), laterTomorrow(), "emp2"));  

emp1和emp2是样式类。

对于PrimeFaces 3.0，在样式表中添加以下css：

.emp1 .fc-event-skin {
    background: red;
}
.emp2 .fc-event-skin {
   background: green;
 }

有关PrimeFaces的其他版本，请参见其他答案

Answer 3

如果需要，可以在同一事件中添加样式类和数据。

例子：

String id="2";
DefaultScheduleEvent evento = new DefaultScheduleEvent("titule", new Date(), new Date(), id);
evento.setStyleClass("event-close");   

在CSS中，达米安的反应很好。