ProHorizontalLayoutPack

Handles layout of events within a row (resource) in horizontal mode. When multiple events overlap in time, this layout packs them by reducing their height so they all fit within the available row height, rather than increasing the row height. This is activated by setting eventLayout to 'pack' on the SchedulerPro instance.

This layout supports grouping events inside the resource row. See ProHorizontalLayout for more info.

const schedulerPro = new SchedulerPro({
    eventLayout : 'pack'
});

Properties

Properties are getters/setters or publicly accessible variables on this class

isProHorizontalLayout : Booleantrue

READONLY

static

ADVANCED
ProHorizontalLayout

Identifies an object as an instance of ProHorizontalLayout class, or subclass thereof.

grouped : Boolean

READONLY
ProHorizontalLayout

Returns true if event grouper is defined.

Functions

Functions are methods available for calling on the class

applyLayout( events, resourceRecord, The )
: Number

ProHorizontalLayout

This method performs layout on an array of event render data and returns amount of bands. Band is a multiplier of a configured rowHeight to calculate total row height required to fit all events. This method should not be used directly, it is called by the Scheduler during the row rendering process.
getEventGroups( events )
: String[]

ProHorizontalLayout

Sorts events by group and returns ordered array of groups, or empty array if events are not grouped.
getGroupValue( layoutData )
: *

ProHorizontalLayout

Returns group for the passed event render data.
layoutEventsInBands( events )
ProHorizontalLayout

This method iterates over events and calculates top position for each of them. Default layouts calculate positions to avoid events overlapping horizontally (except for the 'none' layout). Pack layout will squeeze events to a single row by reducing their height, Stack layout will increase the row height and keep event height intact. This method should not be used directly, it is called by the Scheduler during the row rendering process.

Source path

SchedulerPro/eventlayout/ProHorizontalLayoutPack.js

Inheritance tree1

ProHorizontalLayoutPack

Mixins1

ProHorizontalLayout