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

【问题标题】：primefaces schedule event color is not working after replacing Primefaces Jar 3.3 by 4.0将 Primefaces Jar 3.3 替换为 4.0 后，primefaces 计划事件颜色不起作用
【发布时间】：2014-03-08 10:59:15
【问题描述】：

我使用 primefaces 4.0 并尝试在 Primefaces Lazy Schedule 中更改事件的颜色，所以我有以下 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>

这是支持 bean

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;  
    }  
}

问题是这段代码在 primefaces 3.3 JARS 上可以正常工作，但是当我切换到 Primefaces 4.0 时，事件的颜色不再显示并且事件变得有点透明！这段代码可能有什么问题？？

PS：str.getAjouteroulivr() 是一个字符串，其中包含事件的 Styleclass，它包含“Ajout”或“Livraison”

【问题讨论】：

标签： css events jsf-2 primefaces schedule

【解决方案1】：

我遇到了同样的问题并通过使用以下 css 解决了它：

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

然后在代码中应用 styleClass：

event.setStyleClass("myclass");

【讨论】：

【解决方案2】：

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

在前端应用这种样式

.event1 .fc-event-inner {

    background: Red;
    border-color: Yellow;
}

在日程事件中设置此样式类

event.setStyleClass("event1");

【讨论】：

【解决方案3】：

在你的 main.css 中添加这个

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

在 xhtml 的 h:body 中添加 <h:outputStyleSheet name="main.css" link="css"/>。然后在您的控制器类中： event.setStyleSheet("event1");

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

【讨论】：