<p：schedule>

时间：2017-03-06 10:57:18

标签： jsf primefaces

我想按计划更改活动的颜色。 谷歌搜索后，我找到了这些链接： primefaces schedule event color is not working after replacing Primefaces Jar 3.3 by 4.0 和Change the color of primefaces Scheduler Event 。但是 都不适合我。

这是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 ScheduleView.java ：

的看法 

eventModel.addEvent(new DefaultScheduleEvent("Teaching", samiaFridaySA1(), samiaFridaySA2(),"emp1"));

在文件 style.css 上，我有：

.emp1 .fc-event-inner {
    background: red;
}

有任何关于解决这个问题的想法吗？任何建议都表示赞赏。非常感谢。

3 个答案:

答案 0 :(得分：0)

您必须放置而不是插入文件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。

答案 1 :(得分：0)

您可以在 ScheduleView.java ：

中指定事件的样式 
even = new DefaultScheduleEvent(new DefaultScheduleEvent("Teaching", samiaFridaySA1(), samiaFridaySA2(),"emp1");
even.setStyleClass(".emp1");
scheduleModelDisponibilite.addEvent(even);

并将样式放在主html页面上：

.emp1 .fc-event-inner {
    background: red;
}

答案 2 :(得分：-3)

如果我不和Billy dekar合作：

a.PorAsignar {
                background: #CFD8DC !important;
                border-color: black!important;
            } 

DefaultScheduleEvent evento = new DefaultScheduleEvent();
evento.setStyleClass("PorAsignar");
相关问题
最新问题