I created a unique calendar using FullCalendar, featuring both a standard view and a customized view that presents events in a list-style format.
While everything displays correctly, I've encountered an issue where the default eventMouseover and eventMouseout handlers are not triggering for events on my custom view.
Do I need to implement any specific requirements within the renderEvents function? Currently, all it does is build the HTML for the event table.
Could there be some settings or options that I'm overlooking? I've been unable to find a solution so far.
Here's how I've initialized FullCalendar:
$('#calendar').fullCalendar({
// Calendar configuration goes here
});
After inspecting the fullcalendar.js source code, I believe the issue lies in how the HTML elements of an event are bound to the mouseover/out handlers. Further research and implementation are required to address this.
var EventPointing = /** @class */ (function (_super) {
tslib_1.__extends(EventPointing, _super);
function EventPointing() {
return _super !== null && _super.apply(this, arguments) || this;
}
/*
component must implement:
- publiclyTrigger
*/
EventPointing.prototype.bindToEl = function (el) {
var component = this.component;
component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
component.bindSegHandlerToEl(el, 'mouseenter',
this.handleMouseover.bind(this));
component.bindSegHandlerToEl(el, 'mouseleave',
this.handleMouseout.bind(this));
};