eventAfterRenderPopover and eventAfterAllRenderPopover

Hi all, i don’t know if it is just possible, but i have modified source code of fullcalendar to have two function handlers:

1. after each event is rendered in the “popover”
2. after all events are rendered in the “popover”.

here code: http://pastebin.com/mPdG607e

in line: 5691, after:

DayGrid.mixin({

put:

// Signals that all events have been rendered in Popover
triggerEventRenderPopover: function(seg) {
    var _this = this;

    jQuery(seg).each(function() {
        var seg = this;

        _this.view.trigger('eventAfterRenderPopover', seg.event, seg.event, seg.el);
    });

    _this.view.trigger('eventAfterAllRenderPopover');
},

and here:

// Reveals the popover that displays all events within a cell
showSegPopover: function(row, col, moreLink, segs) {

put at the end of the function:

this.segPopover = new Popover(options);
this.segPopover.show();
this.triggerEventRenderPopover(segs);

Now in your code you can use:

    $(document).ready(function() {
        $('#calendar').fullCalendar({
            events: [
                {
                    title: 'Conference',
                    start: '2015-12-11',
                    end: '2015-12-13'
                },
                {
                    title: 'Meeting',
                    start: '2015-12-12T10:30:00',
                    end: '2015-12-12T12:30:00'
                },
                {
                    title: 'Lunch',
                    start: '2015-12-12T12:00:00'
                },
                {
                    title: 'Meeting',
                    start: '2015-12-12T14:30:00'
                },
                {
                    title: 'Happy Hour',
                    start: '2015-12-12T17:30:00'
                },
                {
                    title: 'Dinner',
                    start: '2015-12-12T20:00:00'
                }
            ],
            eventLimit: true,
            eventAfterRender: function(event, element, view) {
                element.attr("title", "i_am_an_normal_event!");
            },
            eventAfterAllRender: function(view) {
                console.log("eventAfterAllRender");
            },
            eventAfterRenderPopover: function(event, element, view) {
                element.attr("title", "i_am_an_event_only_in_the_popover!");
            },
            eventAfterAllRenderPopover: function(view) {
                console.log("eventAfterAllRenderPopover");
            }
        });
    });

I hope this will help someone else.

Daniele.

[danielemams]

i have just added a jsbin here: http://jsbin.com/heyafuquta/edit?html,js,output

[arshaw]

as of v5 (and similarly in v4), all events, even ones in the popover, are run through the event render hooks

If you want information from within one of those hooks about whether an event lives in the popover, you’d want an extra argument in one of those hooks (like arg.isWithinPopover). Please open another issue for that if you need it.