DayPilot.Queue.events.list

The events.list property (array) holds the event data used by the Queue component. You can use it to load Queue items.

Declaration

DayPilot.Queue.events.list

Default Value

[]

Notes

The array items must follow the DayPilot.Event.data structure.

• The start and end properties can be replaced by duration (a DayPilot.Duration object or a number specifying the duration in seconds).

The events will be displayed after calling init() or update().

Examples

JavaScript

const queue = new DayPilot.Queue("dp", {
  // ...
});
queue.init();

// ...

const events = [
  {
    id: 1,
    text: "Meeting",
    duration: DayPilot.Duration.ofHours(2),
  },
];
queue.update({events});

Angular

<daypilot-queue [config]="config" [events]="events"></daypilot-queue>

events = [
  {
    id: 1,
    text: "Meeting",
    duration: DayPilot.Duration.ofHours(2),
  },
];

config: DayPilot.QueueConfig = {
  // ...
};

React

<DayPilotQueue
  events={events}
  {/* ... */}
/>

const events = [
  {
    id: 1,
    text: "Meeting",
    duration: DayPilot.Duration.ofHours(2),
  },
];

Vue

<template>
  <DayPilotQueue
    :events="events"
    <!-- ... -->
  />
</template>

<script setup>
const events = [
  {
    id: 1,
    text: "Meeting",
    duration: DayPilot.Duration.ofHours(2),
  },
];
</script>

See Also

DayPilot.Event.data

DayPilot.Duration Class

DayPilot.Queue Class