将primefaces Jar 3.3替换为4.0后，primefaces计划事件颜色不起作用

Question

我使用primefaces 4.0，并尝试在primefaces惰性时间表中更改事件的颜色，因此我有以下xhtml代码

    <style type="text/css"> 
        .Ajout .fc-event-skin {
            background: #00FF00;
        }

        .Livraison .fc-event-skin {
           background:#DF013A;
             </style>

        <p:schedule value="#{scheduleController.lazyEventModel}" locale="fr" showWeekends="true" eventSelectListener="#{scheduleController.onEventSelect}" > 

             <p:ajax event="eventSelect" listener="#{scheduleController.onEventSelect}" update="eventDetails" oncomplete="PF('eventDialog').show()" /> 

         </p:schedule>


<p:dialog widgetVar="eventDialog" header="Event Details" showEffect="clip" hideEffect="clip">  
        <h:panelGrid id="eventDetails" columns="2">  





        </h:panelGrid>  
    </p:dialog>  

这是背景豆

public class ScheduleController implements Serializable {  

    private ScheduleModel lazyEventModel;  
  @Inject CalculDAO calculdao;
  @Inject RibhDAO ribhdao;





    public ScheduleController() {  
        lazyEventModel = new LazyScheduleModel() {  

            @Override  
            public void loadEvents(Date start, Date end) {  
                clear();  

                for(Calcul str: calculdao.DisplayCalculs()) 

                  {

                    Calendar cal = Calendar.getInstance();

                    Date random1 = getRandomDate1(str.getDate());
                    Date random2 = getRandomDate2(str.getDate());
                    addEvent(new DefaultScheduleEvent(""+str.getAjouteroulivr(),random1, random2,str.getAjouteroulivr()));  

                  }

for(Ribh str: ribhdao.DisplayRibh()) 

                {             


                Date random1 = getRandomDate1(str.getDate());
                Date random2 = getRandomDate2(str.getDate());
                addEvent(new DefaultScheduleEvent("Bénéfices Net du jour = "+str.getNet()+"dinars",random1, random2));  

                }
            }     
        };  
    }  

    public Date getRandomDate1(Date base) {  
        Calendar date = Calendar.getInstance();  
        date.setTime(base);  


        return date.getTime();  
    }  

    public Date getRandomDate2(Date base) {  
        Calendar date = Calendar.getInstance(); 
         date.setTime(base); 
         date.add(Calendar.MINUTE, 10);      

        return date.getTime();  
    }  

    /////    
    public void onEventSelect(SelectEvent selectEvent) 
    { ScheduleEvent event = (ScheduleEvent) selectEvent.getObject(); 

        //event. = (ScheduleEvent) ((SelectEvent) lazyEventModel).getObject();  

    }      
    ////

    public ScheduleModel getLazyEventModel() 
    {  
        return lazyEventModel;  
    }  
}  

问题是，这个代码使用primeface 3.3 JARS工作正常，但是当我切换到Primeface 4.0时，事件的颜色不再显示，事件变得有点透明！这个代码有什么问题？？

PS:str.getajoutroulivr（）是一个字符串，包含事件的样式类，它包含“Ajout”或“Livraison”

Answer 1

把这个加到你的主菜单里。css

.event1{
    background: Red !important;
    border-color: Yellow !important;
}

添加

这段代码在我的项目中运行良好。试试看......

Answer 2

找到计划事件的解决方案应用此代码：

在前端应用此样式

.event1 .fc-event-inner {

    background: Red;
    border-color: Yellow;
}

在计划事件中设置此样式类

event.setStyleClass("event1");

Answer 3

我有同样的问题，并通过使用以下css解决它：

.myclass .fc-event,
.myclass a,
.myclass .fc-event-inner{
   background-color: red;
   border-color: red;
   color: white;
}

然后在代码中应用styleClass：

event.setStyleClass("myclass");