DayPilot.Kanban.onCardClicked

The onCardClicked event handler fires after the default card click action.

Declaration

DayPilot.Kanban.onCardClicked(args)

Parameters

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

Notes

Use this event for code that should run after the built-in click behavior has finished. If you need to cancel the default click action, use DayPilot.Kanban.onCardClick instead.

Examples

JavaScript

const kanban = new DayPilot.Kanban("dp", {
  onCardClicked: (args) => {
    DayPilot.Modal.alert(`Clicked: ${args.card.data.name}`);
  },
  // ...
});
kanban.init();

Angular

<daypilot-kanban [config]="config"></daypilot-kanban>
config: DayPilot.KanbanConfig = {
  onCardClicked: (args) => {
    DayPilot.Modal.alert(`Clicked: ${args.card.data.name}`);
  },
  // ...
};

React

<DayPilotKanban
  onCardClicked={onCardClicked}
  {/* ... */}
/>
const onCardClicked = (args) => {
  DayPilot.Modal.alert(`Clicked: ${args.card.data.name}`);
};

Vue

<DayPilotKanban
  @cardClicked="onCardClicked"
  <!-- ... -->
/>
const onCardClicked = (args) => {
  DayPilot.Modal.alert(`Clicked: ${args.card.data.name}`);
};

See Also

DayPilot.Kanban.onCardClick

DayPilot.Kanban Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript