AngularJS Fullcalendar拖放-防止删除后还原动画

时间:2018-08-16 17:42:40

标签: angularjs fullcalendar angularjs-3rd-party

我将全日历事件拖到外部div中以删除该事件。有一个可拖动的动画,可将元素还原回我要阻止的日历。有什么方法可以防止还原动画?

删除操作使用eventDragStop:

$scope.calendarOptions = {
 calendar: {
  ...
  eventDragStop: function(event,jsEvent) {
    var trashEl = jQuery('#calendar_trash');
    var ofs = trashEl.offset();
    var x1 = ofs.left;
    var x2 = ofs.left + trashEl.outerWidth(true);
    var y1 = ofs.top;
    var y2 = ofs.top + trashEl.outerHeight(true);
    if (jsEvent.pageX >= x1 && jsEvent.pageX<= x2 &&
        jsEvent.pageY >= y1 && jsEvent.pageY <= y2) {
             uiCalendarConfig.calendars.myCalendar.fullCalendar('removeEvents', event._id);
    }
 },
...
}

我看到完全禁用动画是dragRevertDuration的一个选项...但是我更希望取消恢复,因为当拖动到垃圾箱以外的任何位置时,恢复动画都应显示。

$scope.calendarOptions = {
 calendar: {
  ...
  dragRevertDuration: 0,
  ...
 }
}

演示:

http://plnkr.co/edit/fj858Htb2FRUg5h1pucP?p=preview

我正在使用angular-ui-calendar

0 个答案:

没有答案