Data detail on event click

[salvuccicarlos]

Hi!

I need to set the key on a data detail container when clicking on an event and I can’t make it work.

I’ve set the dynamic source of the calendar and it’s event-id but when I click on the event the key value is not being send to the detail container.

This is my calendar code:

<dmx-calendar id="calendarActividades" views="dayGridDay,dayGridMonth,dayGridWeek" locale="es" view="dayGridMonth" selectable="true" theme="bootstrap" dmx-on:eventclick="modalActividad.data_detailActividad.select(id);modalActividad.toggle()" dmx-on:select="">

<dmx-calendar-source id="sourceActividades" dmx-bind:events="getActividades.data.queryActividades" event-id="id" event-title="actividad" event-recurring="true" event-days-of-week="dias" event-start-time="hora_inicio" event-end-time="hora_fin" event-color="color"></dmx-calendar-source>

</dmx-calendar>

The problem seems to be on:

modalActividad.data_detailActividad.select(id)

Should I use other key rather than id (I’ve tried using event-id like the calendar source shows but it doesn’t work either)

Any ideas?

[Teodor]

Please check:

Pass ID in Calendar

It seems the calendar returns the id as a string (https://fullcalendar.io/docs/v4/event-object), so it doesn’t match the data detail key. To fix this use the to number formatter in the click event, so the code becomes like: dmx-on:eventclick="modal1.data_detail1.select($event.event.id.toNumber());"