<!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:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" xmlns:schedule="http://richfaces.org/sandbox/schedule"> <ui:composition template="/pages/template.xhtml"> <ui:define name="body"> <style type="text/css"> .slim { width: 300px; } .right { float: right; } </style> <h:form> Ajax schedule <schedule:schedule switchType="ajax" value="#{myBean.lazyDataModel}" var="event" styleClass="slim"> <schedule:scheduleItem eventId="#{event.id}" startDate="#{event.startDate}" title="#{event.title}" endDate="#{event.endDate}" allDay="#{event.allDay}" styleClass="#{event.id == 1 ? 'first' : null}" data="#{event.data}"/> </schedule:schedule> <div class="slim right"> Server schedule <schedule:schedule switchType="server" date="#{myBean.initialDate}" value="#{myBean.lazyDataModel}" var="event" height="400" styleClass="slim right" dateRangeChangeListener="#{myBean.dateRangeChanged}"> <schedule:scheduleItem eventId="#{event.id}" startDate="#{event.startDate}" title="#{event.title}" endDate="#{event.endDate}" allDay="#{event.allDay}" styleClass="#{event.id == 1 ? 'first' : null}" data="#{event.data}"/> </schedule:schedule> </div> <div style="clear:both"/> <h:commandButton value="Re render client schedule"> <a4j:support event="onclick" reRender="clientSchedule" disableDefault="true"/> </h:commandButton> Client schedule <schedule:schedule id="clientSchedule" switchType="client" value="#{myBean.allEvents}" var="event"> <schedule:scheduleItem eventId="#{event.id}" startDate="#{event.startDate}" title="#{event.title}" endDate="#{event.endDate}" allDay="#{event.allDay}" styleClass="#{event.id == 1 ? 'first' : null}" data="#{event.data}"/> </schedule:schedule> </h:form> <rich:insert src="/pages/sample_9.xhtml" highlight="xhtml"/> </ui:define> </ui:composition> </html>