MindFusion.Scheduling.WeekRangeViewStyle Enumeration | JavaScript Component Suite

Specifies whether there are multiple weeks displayed in WeekRange view.

Namespace: MindFusion.Scheduling
File: Enum.js

Syntax

JavaScript Copy Code
// enum WeekRangeViewStyle = {}

Members

	Member name	Description
	SingleWeek	The calendar view displays a single week at a time.
	WeekPerRow	The calendar view displays several weeks at a time.

Example

The following code renders a single week at a time in the calendar with a WeekRange view using a WeekRangeSettings instance. The code assumes you have initialized a <div> element with id "calendar" in a web page that references the JavaScript file, which contains this code:

JavaScript Copy Code
var p = MindFusion.Scheduling; // create a new instance of the calendar calendar = new p.Calendar(document.getElementById("calendar")); // set the view to WeekRange calendar.currentView = p.CalendarView.WeekRange; // renders a single week calendar.weekRangeSettings.weekStyle = p.WeekRangeViewStyle.SingleWeek; calendar.weekRangeSettings.headerStyle = p.HorizontalHeaderStyle.None; calendar.weekRangeSettings.visibleRows = 5;

JavaScript

Copy Code

var p = MindFusion.Scheduling;

// create a new instance of the calendar
calendar = new p.Calendar(document.getElementById("calendar"));
// set the view to WeekRange
calendar.currentView = p.CalendarView.WeekRange;

// renders a single week
calendar.weekRangeSettings.weekStyle = p.WeekRangeViewStyle.SingleWeek;
calendar.weekRangeSettings.headerStyle = p.HorizontalHeaderStyle.None;
calendar.weekRangeSettings.visibleRows = 5;

Syntax

Members

Example

See Also