v7.3.0

WeekView
Widget

This is normally used as a mode of a Calendar (as seen in the live demo below) but may be used standalone as a regular Widget.

As a standalone widget, it will lack the capabilities of the Calendar class, such as keyboard-based event to event navigation and drag/drop features. As seen in this demo:

A Panel which displays up to 7 columns of days with events for each day arranged in ascending time order in each column.

All day events, and multi day events which intersect that day are displayed in a row at the top.

Intra day events are arranged in ascending time order down the column from the dayStartTime to the dayEndTime

Event rendering can be customized using the eventRenderer method.

Useful configs

Config Description
dayStartTime Start hour of the visible time range
dayEndTime End hour of the visible time range
hourHeight Pixel height of one hour cell
allDayEvents Config for the all-day events row
hideNonWorkingDays Hide weekend/non-working day columns

See also

  • Calendar — The main Calendar that hosts this view
  • DayView — Parent class providing day column rendering
  • CalendarRow — The all-day events row at the top of this view
No results

Properties

Properties are getters/setters or publicly accessible variables on this class
  • isWeekView : Booleantrue
    READONLY
    static
    ADVANCED
    Identifies an object as an instance of WeekView class, or subclass thereof.
type: weekview

Source path

Calendar/widget/WeekView.js

Contents