我想按计划更改事件的颜色。谷歌搜索后，我找到了这些链接：PrimeFaces计划活动颜色更换PrimeFaces JAR 3.3 by 4.0之后不起作用并更改PrimeFaces调度程序事件的颜色。但是它们都不为我工作。
这是HTML页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<title>SARSOURA | Appoint a Meeting</title>
</f:facet>
<link rel="shortcut icon" type="image/x-icon" href="#{resource['icons/hki2.gif']}"/>
<style>
body
{
background: #e6e6e6;
}
</style>
<style type="text/css">
.value
{
width: 900px;
}
</style>
</h:head>
<body>
<h:form>
<center>
<p:growl id="messages" showDetail="true" />
<h:panelGrid columnClasses="value">
<p:schedule id="schedule" value="#{scheduleView.eventModel}" widgetVar="myschedule" timeZone="GMT+2">
<p:ajax event="dateSelect" listener="#{scheduleView.onDateSelect}" update="eventDetails" oncomplete="PF('eventDialog').show();" />
<p:ajax event="eventSelect" listener="#{scheduleView.onEventSelect}" update="eventDetails" oncomplete="PF('eventDialog').show();" />
<p:ajax event="eventMove" listener="#{scheduleView.onEventMove}" update="messages" />
<p:ajax event="eventResize" listener="#{scheduleView.onEventResize}" update="messages" />
</p:schedule>
</h:panelGrid>
<p:dialog widgetVar="eventDialog" header="Event Details" showEffect="clip" hideEffect="clip">
<h:panelGrid id="eventDetails" columns="2">
<p:outputLabel for="title" value="Titles:" />
<p:inputText id="title" value="#{scheduleView.event.title}" required="true" />
<p:outputLabel for="from" value="From:" />
<p:calendar id="from" value="#{scheduleView.event.startDate}" timeZone="GMT+2" pattern="dd/MM/yyyy HH:mm"/>
<p:outputLabel for="to" value="To:" />
<p:calendar id="to" value="#{scheduleView.event.endDate}" timeZone="GMT+2" pattern="dd/MM/yyyy HH:mm"/>
<p:outputLabel for="allDay" value="All Day:" />
<h:selectBooleanCheckbox id="allDay" value="#{scheduleView.event.allDay}" />
<p:commandButton type="reset" value="Reset" />
<p:commandButton id="addButton" value="Save" actionListener="#{scheduleView.addNewEvent}" oncomplete="PF('myschedule').update();PF('eventDialog').hide();" />
</h:panelGrid>
</p:dialog>
</center>
</h:form>
</body>
<p:graphicImage value="/resources/icons/Footer.png" style="text-align:center"/>
</html>这就是我在bean schedueview.java 上放置的内容：
eventModel.addEvent(new DefaultScheduleEvent("Teaching", samiaFridaySA1(), samiaFridaySA2(),"emp1"));在文件上 style.css ，我有：
.emp1 .fc-event-inner {
background: red;
}您是否请问解决此问题的任何想法。任何建议都非常感谢。非常感谢。
您必须放置而不是插入file style.css。尝试以下操作：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<title>SARSOURA | List of Persons</title>
</f:facet>
<link rel="shortcut icon" type="image/x-icon" href="#{resource['icons/hki2.gif']}"/>
<style>
body
{
background: #e6e6e6;
}
.ui-datatable-odd
{
background: none repeat scroll 0 0 #ffbbff;
}
.outputTooltip
{
color: #e6e6e6;
font-family: Arial;
font-size: 10px;
font-weight: bold;
}
.outputFullLabel
{
color: #2F3030;
font-family: Arial;
font-size: 13px;
font-weight: bold;
}
.outputLabelIfoA
{
color: #000000;
font-family: Arial;
font-size: 13px;
font-weight: bold;
}
.outputLabelIfoa
{
color: #666666;
font-size: 7px;
}
.backButton
{
background-color: #ffb3ec;
}
</style>
<style type="text/css">
.value
{
width: 900px;
}
</style>
</h:head>
<h:body>
<h:outputStylesheet name="style.css"/>
<h:form>
<center>
<p:growl id="messages" showDetail="true" />
<h:panelGrid columnClasses="value">
<p:schedule id="schedule" value="#{scheduleView.eventModel}" widgetVar="myschedule" timeZone="GMT+2">
<p:ajax event="dateSelect" listener="#{scheduleView.onDateSelect}" update="eventDetails" oncomplete="PF('eventDialog').show();" />
<p:ajax event="eventSelect" listener="#{scheduleView.onEventSelect}" update="eventDetails" oncomplete="PF('eventDialog').show();" />
<p:ajax event="eventMove" listener="#{scheduleView.onEventMove}" update="messages" />
<p:ajax event="eventResize" listener="#{scheduleView.onEventResize}" update="messages" />
</p:schedule>
</h:panelGrid>
<p:dialog widgetVar="eventDialog" header="Event Details" showEffect="clip" hideEffect="clip">
<h:panelGrid id="eventDetails" columns="2">
<p:outputLabel for="title" value="Titles:" />
<p:inputText id="title" value="#{scheduleView.event.title}" required="true" />
<p:outputLabel for="from" value="From:" />
<p:calendar id="from" value="#{scheduleView.event.startDate}" timeZone="GMT+2" pattern="dd/MM/yyyy HH:mm"/>
<p:outputLabel for="to" value="To:" />
<p:calendar id="to" value="#{scheduleView.event.endDate}" timeZone="GMT+2" pattern="dd/MM/yyyy HH:mm"/>
<p:outputLabel for="allDay" value="All Day:" />
<h:selectBooleanCheckbox id="allDay" value="#{scheduleView.event.allDay}" />
<p:commandButton type="reset" value="Reset" />
<p:commandButton id="addButton" value="Save" actionListener="#{scheduleView.addNewEvent}" oncomplete="PF('myschedule').update();PF('eventDialog').hide();" />
</h:panelGrid>
</p:dialog>
</center>
</h:form>
</h:body>
<p:graphicImage value="/resources/icons/Footer.png" style="text-align:center"/>
</html>hth。
您可以在 schepleview.java 上指定事件的样式：
even = new DefaultScheduleEvent(new DefaultScheduleEvent("Teaching", samiaFridaySA1(), samiaFridaySA2(),"emp1");
even.setStyleClass(".emp1");
scheduleModelDisponibilite.addEvent(even);
并将样式放在您的主HTML页面上：
.emp1 .fc-event-inner {
background: red;
}
如果我不与Billy Dekar合作：
a.PorAsignar {
background: #CFD8DC !important;
border-color: black!important;
}
DefaultScheduleEvent evento = new DefaultScheduleEvent();
evento.setStyleClass("PorAsignar");