Css 将primefaces Jar 3.3替换为4.0后,primefaces计划事件颜色不起作用
我使用primefaces 4.0,并尝试在primefaces延迟计划中更改事件的颜色,因此我有以下xhtml代码Css 将primefaces Jar 3.3替换为4.0后,primefaces计划事件颜色不起作用,css,events,jsf-2,primefaces,schedule,Css,Events,Jsf 2,Primefaces,Schedule,我使用primefaces 4.0,并尝试在primefaces延迟计划中更改事件的颜色,因此我有以下xhtml代码 <style type="text/css"> .Ajout .fc-event-skin { background: #00FF00; } .Livraison .fc-event-skin { background:#DF013A;
<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>
问题是,这段代码使用primefaces 3.3 JAR可以很好地工作,但当我切换到primefaces 4.0时,事件的颜色不再显示,事件变得有点透明!此代码可能有什么问题
PS:str.getajuteroulivr是一个字符串,它包含事件的样式类,它包含Ajout或Livraison我遇到了同样的问题,并使用以下css解决了这个问题:
.myclass .fc-event,
.myclass a,
.myclass .fc-event-inner{
background-color: red;
border-color: red;
color: white;
}
然后在代码中应用样式类:
找到计划事件的解决方案应用此代码: 在前端应用此样式
.event1 .fc-event-inner {
background: Red;
border-color: Yellow;
}
在计划事件中设置此样式类
event.setStyleClass("event1");
将此添加到main.css中
.event1{
background: Red !important;
border-color: Yellow !important;
}
添加xhtml的h:body。
然后在控制器类中:
event.setStyleSheetevent1
这段代码在我的项目中运行良好。
试一试
event.setStyleClass("event1");
.event1{
background: Red !important;
border-color: Yellow !important;
}