Scheduler Component

Description

The scheduler Component shows a planning

The scheduler Component has the following capabilities :

  • IWidthCapability
  • IHeightCapability
  • IScrollableCapability
  • ILiteralLocaleCapability
  • ILiteralTimeZoneCapability
  • IStyleClassCapability
  • ITabIndexCapability
  • IImmediateCapability
  • ISelectionEventCapability


The default scheduler renderer is linked to the f_scheduler javascript class. f_scheduler extends f_component, fa_items, fa_selectionManager


Table of component style classes:

Style Name Description
f_scheduler Defines styles for the wrapper DIV element

Screen Shot

Syntax

		<v:scheduler id="scheduler" 
					styleClass="myStyle"
					dateBegin="14/06/2010" 
					hourBegin="7:30:0" 
					hourEnd="18:10:0" 
					primaryTick="30"
					secondaryTick="15"
					periods="#{planning.periods}" 
					var="p" 
					periodLabel="#{p.libelle}" 
					periodToolTip="#{p.description}" 
					periodValue="#{p.cle}" 
					periodBegin="#{p.heureDebut}" 
					periodEnd="#{p.heureFin}" 
					periodStyle="style-region-#{p.type}" 
					periodSelectable="#{p.type=='disponible' || p.type=='indisponibleClient' || p.type=='indisponibleAg'}" 
					selectionListener="showPeriod(event,'slectionPeriod')" 
					immediate="false" >
									
						<v:schedulerColumn text="lundi 14" 
							styleClass="style-jour-dateJour" />
						<v:schedulerColumn text="mardi 15" 
							styleClass="style-jour-normal" />
						<v:schedulerColumn text="mercredi 16" 
							styleClass="style-jour-normal" />
						<v:schedulerColumn text="jeudi 17" 
							styleClass="style-jour-echeance" />
						<v:schedulerColumn text="vendredi 18" 
							styleClass="style-jour-jour_normal" />
							
						<v:periodClientData name="paramType" value="#{p.type}" />
				</v:scheduler >

      

Instructions