DayPilot.Kanban.onCardDoubleClick

The onCardDoubleClick event handler fires when the user double-clicks a card, before the default double-click action is performed. Double-click handling is disabled by default; enable it using DayPilot.Kanban.cardDoubleClickHandling.

Available since 2025.3.6607.

Declaration

DayPilot.Kanban.onCardDoubleClick(args)

Parameters

• args.card (DayPilot.Card object) - clicked card

• args.preventDefault() - cancels the default action

Notes

Use this handler when you need to inspect the target card or stop the configured double-click behavior. If you only need to react after the default action completes, use DayPilot.Kanban.onCardDoubleClicked.

Examples

JavaScript

const dp = new DayPilot.Kanban("dp", {
  cardDoubleClickHandling: "Enabled",
  onCardDoubleClick: (args) => {
    if (args.card.data.id === 3) {
      args.preventDefault();
    }
  },
  // ...
});
dp.init();

Angular

<daypilot-kanban [config]="config"></daypilot-kanban>

config: DayPilot.KanbanConfig = {
  cardDoubleClickHandling: "Enabled",
  onCardDoubleClick: (args) => {
    if (args.card.data.id === 3) {
      args.preventDefault();
    }
  },
  // ...
};

React

<DayPilotKanban
  cardDoubleClickHandling="Enabled"
  onCardDoubleClick={onCardDoubleClick}
  {/* ... */}
/>

const onCardDoubleClick = (args) => {
  if (args.card.data.id === 3) {
    args.preventDefault();
  }
};

Vue

<DayPilotKanban
  cardDoubleClickHandling="Enabled"
  @cardDoubleClick="onCardDoubleClick"
  <!-- ... -->
/>

const onCardDoubleClick = (args) => {
  if (args.card.data.id === 3) {
    args.preventDefault();
  }
};

See Also

DayPilot.Kanban.cardDoubleClickHandling

DayPilot.Kanban.onCardDoubleClicked

DayPilot.Kanban Class