Hi Marco,
Thanks for your update.
Now we can access the field values of cell/event within editor template which has been included in our latest package 17.1.42. And we have prepared sample for your reference to access the data which can be downloaded from the following link.
<template>
<table class="custom-event-editor" width="100%" cellpadding="5">
<tbody>
<tr id="summaryRow">
<td class="e-textlabel">Summary</td>
<td colspan="4">
<input
id="Subject"
class="e-field e-input"
type="text"
:value="data.Subject"
name="Subject"
style="width: 100%"
>
</td>
</tr>
<tr id="eventTypeRow">
<td class="e-textlabel">Status</td>
<td colspan="4">
<ejs-dropdownlist
id="EventType"
name="EventType"
class="e-field"
:value="data.Status"
placeholder="Choose status"
:dataSource="eventType"
></ejs-dropdownlist>
</td>
</tr>
<tr id="fromRow">
<td class="e-textlabel">From</td>
<td colspan="4">
<ejs-datetimepicker
id="StartTime"
class="e-field"
:value="dateParser(data.startTime || data.StartTime)"
name="StartTime"
></ejs-datetimepicker>
</td>
</tr>
<tr id="toRow">
<td class="e-textlabel">To</td>
<td colspan="4">
<ejs-datetimepicker
id="EndTime"
class="e-field"
:value="dateParser(data.endTime || data.EndTime)"
name="EndTime"
></ejs-datetimepicker>
</td>
</tr>
<tr id="reasonRow">
<td class="e-textlabel">Reason</td>
<td colspan="4">
<textarea
id="Description"
class="e-field e-input"
:value="data.Description"
name="Description"
rows="3"
cols="50"
style="width: 100%; height: 60px !important; resize: vertical"
></textarea>
</td>
</tr>
</tbody>
</table>
</template>
<script>
import Vue from "vue";
import { DateTimePickerPlugin } from "@syncfusion/ej2-vue-calendars";
import { DropDownListPlugin } from "@syncfusion/ej2-vue-dropdowns";
Vue.use(DropDownListPlugin);
Vue.use(DateTimePickerPlugin);
export default {
name: "EventTemplate",
data() {
return {
eventType: ["New", "Confirmed", "Rejected"],
data: {}
};
},
methods: {
dateParser: function(data) {
return new Date(data);
}
}
};
</script>
Regards,
Nevitha.
