Question

我正在使用primefaces（3.0）调度程序组件。

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

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

现在我想在此基础上改变这些事件的颜色独特之处。作为每个雇员的一个例子，将有一个唯一的ID 相关联。

因此，对于员工ID 1，可以说，对于ID 2，事件颜色将为蓝色事件颜色将是红色等等。

如何从支持bean应用这些数量的事件颜色？任何线索......

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

Answer 1

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

示例：

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

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

Answer 2

DefaultScheduleEvent有一个构造函数，它将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是样式类。然后将以下css添加到样式表中：

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

Answer 3

在Primefaces 7.0中，CSS选择器需要不同。您应该使用.fc-bg

使用以下CSS代码：

.specialEvent .fc-bg {
    background-color: red;
    border-color: red;
    color: white;
    opacity: 1;
}

通过javacode设置样式保持不变

Answer 4

您可以使用方法在样式表和支持bean集样式类中将样式类定义为DefaultScheduleEvent实例：

public void setStyleClass(String styleClass)

Answer 5

使用primefaces 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 6

mi no me funciona aplicando ninguna de las siguientes tres formas：

    <style type="text/css">
        .emp1 { background: #D0525D !important; border-color: #932c39!important; } 
    </style>

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

.emp1 .fc-event-skin {background：red; } .mp2 .fc-event-skin {background：green; }

YlavalidacióndelBean es：

    for (Cdc c : cdcList) {
        DefaultScheduleEvent evt = new DefaultScheduleEvent();
        evt.setTitle(c.getDescription());
        evt.setStartDate(c.getDateStart());
        evt.setEndDate(c.getDateEnd());

        try {
            evt.setData(c.getIdCdc());
        } catch (Exception ex) {
            Logger.getLogger(CdcBean.class.getName()).log(Level.SEVERE, null, ex);
        }
        evt.setAllDay(true);
        evt.setEditable(true);

        if(c.isInterruption()){
            evt.setStyleClass("emp1");
        }else if(c.isInterruption()==false){
            evt.setStyleClass("emp2");            
        }

        scheduleModel.addEvent(evt);
    }

更改主要调度程序事件的颜色

6 个答案: