Search
Resource View
Introduction
General Information
What's New In This Release
Version History
Getting Started
Code Completion With VSDoc IntelliSense
Programming Interface Overview
The Schedule
Calendar Views
List View
MonthRange View
Resource View
SingleMonth View
Timetable View
WeekRange View
Grouping
Customizing Appearance
Events
Built-in Forms
Localization
Tutorials
Reference
Licensing
Online Resources
Technical Support
MindFusion Products

Set the currentView property of the Calendar class to ResourceView to select the resource view. This view displays the distribution of items over a period of time for a particular contacts, locations, tasks or resources. The view displays a single row for each individual Contact, Location, Task or Resource and up to three timelines. In order to display associated items in this view, the groupType property of the Calendar must be set to GroupByContacts, GroupByLocations, GroupByTasks or GroupByResources.

Use the resourceViewSettings property of the Calendar class to set the appearance of the resource view. The itemSettings property lets you specify how schedule items should be displayed.

The following code uses the resourceViewSettings property of a calendar to set the number of timelines. Note: 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 ResourceView, which displays the distribution of resources over a period of timecalendar.currentView = p.CalendarView.ResourceView; // sets the number of timelines to two calendar.resourceViewSettings.timelines = 2; //customize the bottom timeline calendar.resourceViewSettings.bottomTimelineSettings.unit = p.TimeUnit.Days; calendar.resourceViewSettings.bottomTimelineSettings.unitCount = 3;

You can specify the number of timelines visible in the view through the ResourceViewSettings.timelines property. The appearance of each timeline is controlled by the topTimelineSettings, middleTimelineSettings and bottomTimelineSettings properties respectively. You can specify a different resolution and display options to each timeline via the unit, unitCount and format properties of the TimelineSettings class.

The Resource view showing items grouped by contacts and with the 'business' theme.