jquery fullcalendar удалить не событие на событие

1

Мне трудно перетащить элемент (его не событие, его имя сотрудника) на событие. Изображение 174551

Я хочу перетащить сотрудника (см. Рисунок) на событие, но "сотрудник" - это не событие. Я использую jquery UI draggable/droppable.

<script>
var calendar;
$(document).ready(function() {
    calendar = $('#calendar').fullCalendar({
    droppable: true,
    dropAccept: '.employeeItem',    
    drop: function(date, allDay, jsEvent, ui) {

}
});
});   

$(function() {
$(".employeeItem").draggable();
$(".fc-event").droppable({ 
    drop: function(event, ui) { 

    }
});
});
</script>

<?php for($i=1;$i<=30;$i++){?>
   <div>Simpson, Homer<br>
      10 / 14 h
   </div>
<?php }?>

<div id='calendar'></div>

После удаления сотрудника на событие мне нужны соответствующие данные события (event-id и т.д.), Чтобы сохранить процесс в db. Но jquery fullcalendars "drop (callback)" предоставляет только дату, когда элемент был удален.

Теги:
fullcalendar

1 ответ

1
Лучший ответ

Вы можете использовать eventAfterRender для добавления пользовательского идентификатора к элементу dom с использованием свойств данных. Затем возьмите идентификатор после drop (event.target), обновите событие в db, а затем обновите dataSource.

скрипка

$(document).ready(function() {  

    $('#calendar').fullCalendar({
        ...
        eventAfterRender: function(event, element){
            element.data('myId',event.myId);
            $(element).droppable({
                drop: function( event, ui ) {
                    var dragged = ui.draggable;
                    var targetId = $(event.target).data('myId');
                }
            });
        }
        ...
    });
});

$(document).ready(function() {
    $(".employeeItem").draggable();
});
Поделиться
  • 1
    тысяча спасибо! Оно работает
  • 0
    еще один вопрос: сброс на перекрывающихся событиях вызовет сброс дважды, - для события фона и переднего плана
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню