The title of the question may not accurately depict the scenario I am about to discuss.
I'm currently working with FullCalendar and utilizing an open source library that allows me to add resources at the top. You can view the outcome of this on JsFiddle.
Each event is associated with a specific resource (first column, second column). There are two events in total:
Meeting 1 = First Column
Meeting 2 = Second Column
My objective is to move Meeting 1 to the second column (using the mouse) and then retrieve the details of the column where the event was moved through code. In this case, the affected column is Second Column.
Here's a potential solution I considered:
select: function(dtStart, dtEnd, jsEvent, event)
{
console.log(event.column, event.columnData);
}
Initial outcome
https://i.sstatic.net/Sje5i.jpg
Final outcome
https://i.sstatic.net/UKflR.jpg
However, it seems like I might have misunderstood the logic as it simply rotates. I need to access the properties of the column id and name defined in the FullCalendar option:
multiColAgendaWeek:
{
type: 'multiColAgenda',
duration: { weeks: 1 },
columns: [
{ id: 1, name: 'First Column' },
{ id: 2, name: 'Second Column' }
]
}
Is there anyone who could assist me in achieving this?