Hi there
I have this very basic example: https://www.dropbox.com/s/446ivba0kckgcwy/Screen%20Recording%202023-03-15%20at%2014.26.26.mov?dl=0
When I delete the first event, I expect to have happen what happened on the second delete event.
This happens if I do not set overlappingEventSorter: https://www.dropbox.com/s/1dmvr1nlgz4w1ue/Screen%20Recording%202023-03-15%20at%2014.29.15.mov?dl=0
import { Scheduler, DateHelper } from '../../build/scheduler.module.js?466040';
import shared from '../_shared/shared.module.js?466040';
//region Data
const
resources = [
{ id: 'r1', name: 'Mike' },
{ id: 'r2', name: 'Linda' },
{ id: 'r3', name: 'Don' },
{ id: 'r4', name: 'Karen' },
{ id: 'r5', name: 'Doug' },
{ id: 'r6', name: 'Peter' },
{ id: 'r7', name: 'Sam' },
{ id: 'r8', name: 'Melissa' },
{ id: 'r9', name: 'John' },
{ id: 'r10', name: 'Ellen' }
],
events = [
{
id: 1,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 10),
endDate: new Date(2017, 0, 1, 12),
name: 'Click me',
iconCls: 'b-fa b-fa-mouse-pointer'
},
{
id: 2,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 12),
endDate: new Date(2017, 0, 1, 13, 30),
name: 'Drag me',
iconCls: 'b-fa b-fa-arrows-alt'
},
{
id: 3,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 14),
duration: 2,
durationUnit: 'h',
name: 'Double click me',
eventColor: 'purple',
iconCls: 'b-fa b-fa-mouse-pointer'
},
{
id: 4,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 8),
endDate: new Date(2017, 0, 1, 11),
name: 'Right click me',
iconCls: 'b-fa b-fa-mouse-pointer'
},
{
id: 5,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 15),
endDate: new Date(2017, 0, 1, 17),
name: 'Resize me',
iconCls: 'b-fa b-fa-arrows-alt-h'
},
{
id: 6,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 16),
endDate: new Date(2017, 0, 1, 19),
name: 'Important meeting (read-only)',
iconCls: 'b-fa b-fa-exclamation-triangle',
eventColor: 'red',
readOnly: true
},
{
id: 7,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 6),
endDate: new Date(2017, 0, 1, 8),
name: 'Sports event',
iconCls: 'b-fa b-fa-basketball-ball'
},
{
id: 8,
resourceId: 'r1',
startDate: new Date(2017, 0, 1, 9),
endDate: new Date(2017, 0, 1, 11, 30),
name: 'Dad\'s birthday!',
iconCls: 'b-fa b-fa-birthday-cake',
// Custom styling from data
style: 'background-color : teal; font-size: 18px',
// Prevent default styling
eventStyle: 'none'
}
];
//endregion
const scheduler = new Scheduler({
appendTo: 'container',
resources: resources,
events: events,
startDate: new Date(2017, 0, 1, 6),
endDate: new Date(2017, 0, 1, 20),
viewPreset: 'hourAndDay',
rowHeight: 50,
barMargin: 5,
multiEventSelect: true,
columns: [
{ text: 'Name', field: 'name', width: 130 }
]
});
scheduler.overlappingEventSorter = function (a, b) {
// Always sort b-fa-mouse-pointer on the bottom
if (a.iconCls === 'b-fa b-fa-mouse-pointer' && b.iconCls !== 'b-fa b-fa-mouse-pointer') {
return 1
}
return 0
}