DayPilot.Queue Constructor

The DayPilot.Queue constructor creates a Queue component for a placeholder <div> element and can apply the initial configuration.

Declaration

new DayPilot.Queue(id[, options])

Parameters

• id (string) - id of the placeholder <div> element

• options (object) - initial Queue properties and event handlers

You can set the Queue properties and event handlers using the options parameter. It accepts all DayPilot.Queue Properties and DayPilot.Queue Events and also several special properties described in the update() method documentation.

Example

HTML

<div id="queue"></div>

JavaScript

const queue = new DayPilot.Queue("queue");
queue.events.list = [
  {
    id: 1,
    start: DayPilot.Date.today(),
    end: DayPilot.Date.today().addHours(15),
    text: "Event 1"
  }
];
queue.init();

Initialization with properties

const queue = new DayPilot.Queue("queue", {
  events: [
    {
      id: 1,
      start: DayPilot.Date.today(),
      end: DayPilot.Date.today().addHours(15),
      text: "Event 1"
    }
  ],
  // ...
});
queue.init();

See Also

DayPilot.Queue Properties

DayPilot.Queue Events

DayPilot.Queue.update()

DayPilot.Queue Class