JavaScript/jQuery Scheduler - views
The option accepts an array of views to be available within the scheduler View Switcher. If you need to customize a view, add a configuration object for it to the array. The configuration options that you can specify are listed further in this documentation section. If a view does not need individual customization, just add its type to the array.
var schedulerOptions = {
// . . .
dataSource: schedulerData,
startDayHour: 9,
endDayHour: 18,
views: [
{ type: "day", startDayHour: 7, endDayHour: 22 },
{ type: "workWeek", cellDuration: 60 },
"week",
"agenda"
]
};Set a default view by using the currentView option.
For more information on scheduler views, refer to the Views guide.
Use the SchedulerViewType enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Day, Week, WorkWeek, Month, TimelineDay, TimelineWeek, TimelineWorkWeek, TimelineMonth, and Agenda.
agendaDuration
Specifies the number of dates that can be shown at a time in the agenda view.
appointmentCollectorTemplate
dateCellTemplate
See Also
firstDayOfWeek
The first day of a week. Does not apply to the agenda view.
Use the FirstDayOfWeek enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, and Saturday.
groupByDate
Specifies whether to group appointments by date first. Applies only if groupOrientation is "horizontal".
groupOrientation
This option's default value depends on the view type. The following list illustrates the dependency:
"horizontal"
For the day, month, week, and workWeek view types."vertical"
For the timelineDay, timelineMonth, timelineWeek, and timelineWorkWeek view types. For the agenda, resource headers are always organized vertically.
See Also
intervalCount
Multiplies the default view interval. Applies to all view types except "agenda".
The following is a list of views and their default intervals:
- "day", "timelineDay" - a day
- "week", "timelineWeek" - a week
- "workWeek", "timelineWorkWeek" - a week without weekends
- "month" - a month
See Also
maxAppointmentsPerCell
Specifies the limit of full-sized appointments displayed per cell. Applies to all views except "agenda".
This option accepts the following values:
"unlimited"
The widget resizes the appointments without a limit to fit them into a cell."auto"
The widget narrows the appointments down to a predefined size value that depends on the view. If the appointments still do not fit into the cell, the widget aggregates them in an appointment collector.Number
The number of appointments allowed in a single cell. Appointments are aggregated in an appointment collector when this number is exceeded.
name
A custom name for the view. This name goes to the view switcher.
startDate
Specifies the date from which to start counting the view interval. Applies to all view types except "agenda".
timeCellTemplate
See Also
type
Use the SchedulerViewType enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Day, Week, WorkWeek, Month, TimelineDay, TimelineWeek, TimelineWorkWeek, TimelineMonth, and Agenda.