search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Event Slot not always displayed in schedule in vue3 wrapper

Asked by Manuel
4 hours ago.

Hi,

When we use a slot to customise the appearance of the event, it seems to work correctly. However, when we scroll back, the appearance of the event reappears as if the slot did not exist.

Component:

<DayPilotScheduler
     ref="schedulerRef"
     :config="scheduleConfig"
 >
    <template #event="{ event }">
       <div class="event-body">
           Template: {{ event.data.id }}
       </div>
    </template>
</DayPilotScheduler>
 const scheduleConfig = reactive({
    locale: "es-es",
    timeHeaders: [
        { groupBy: "Day", format: "dddd, d MMMM yyyy" },
        { groupBy: "Hour" },
        { groupBy: "Cell", format: "mm" },
    ],
    scale: "CellDuration",
    cellDuration: 15,
    days: 20,
    eventHeight: 70,
    cellWidth: 60,
    startDate: DayPilot.Date.today(),
    timeRangeSelectedHandling: "Disabled",
    eventMoveHandling: "Disabled",
    eventResizeHandling: "Disabled",
    eventDeleteHandling: "Disabled",
    eventRightClickHandling: "ContextMenu",
    contextMenu: new DayPilot.Menu({
        items: [
            {
                text: "Delete",
                onClick: (args) => {
                    const dp = args.source.calendar;
                    dp.events.remove(args.source);
                },
            },
        ],
    }),
    onEventClick: (args) => {
        console.log("Event clicked", args.e);
    },
});

Regards

No reply yet.
New Reply
This reply is
Attachments:
or drop files here
Your name (optional):