Добрый день! Я пытаюсь передавать данные при перетаскивании и ресайзе события.
есть списко записей
<div id='js-elem-1' data-model="CatalogElments" data-id="1" class="fc-event" style="position: relative;">Record 1</div>
<div id='js-elem-2' data-model="CatalogElments" data-id="2" class="fc-event" style="position: relative;">Record 2</div>
<div id='js-elem-3' data-model="CatalogElments" data-id="3" class="fc-event" style="position: relative;">Record 3</div>
Далее, я перетягиваю на календарь одно из этих событий и при перетягивании, растягивании события надо делать ajax отправку данных из data-model и data-id. И вот при drop проблемы нет - я получаю ссылку на div блок и могу получить данные, а вот при eventResize не могу получить эту ссылку на div.
var calendarEl = document.getElementById('calendar');
var calendar = new Calendar(calendarEl, {
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
},
editable: true,
droppable: true, // this allows things to be dropped onto the calendar
drop: function(arg) {
let block = document.getElementById(arg.draggedEl.id);
let modelName = block.dataset.model;
let modelId = block.dataset.id;
console.log(arg);
$.ajax({
url: 'edit-event.php',
data: 'modelName=' + modelName + '&modelId=' + modelId,
type: "POST",
success: function (response) {
}
});
},
eventResize: function(arg) {
console.log(arg);
// Как при растягивании элемента получить ссылку на div блок что бы достать от туда data-id и data-model растягиваемого элемента?
},
});
calendar.render();
Пожалуйста, подскажите как правильно сделать?
