Re-generate the event calendar

[kthornbloom]

Re-generate the event calendar

[kthornbloom]

Hi, no option for that currently but I will keep it in mind for future updates. I'm sure you're aware, but you could just load several months of xml which this plugin can sort through on its own rather than giving it a single month at a time.

[shubhamtakode]

There is no option/button/link for closing events list after its popped up. Although it can be closed on clicking calendar icon, but there should be one.

[kthornbloom]

Hi @shubhamtakode. The calendar icon is the button you are looking for. (click the calendar icon to go back to the calendar)

[mxbode]

A reload function which will reload the xml-source and refresh the calendar would be nice. Now I'had to work around with an iframe :(

[keegars]

Call the renderCalendar with a string of where the xml data lies, and it will regenerate the calendar.

$.get("test.xml", function (dataset) {
    renderCalendar(dataset);
}).fail(function () {
    console.log("Failed to get xml"");
});

function renderCalendar(xml) {
    $("#calendar").empty();
    $("#calendar").monthly({
            xmlUrl: xml
    });
}

[LinkBenjamin]

I was trying to do this following @keegars suggestion but it doesn't behave very well.

I have an HTML Select box that the user chooses a value, and I go to retrieve the calendar information as follows:

$('#dateField').change(function(){
        var dateFilter=$('#dateField').val();

        console.log("DateFilter = " + dateFilter);
        $('#mycalendar').empty();
        $('#mycalendar').monthly({
            mode: 'event',
            jsonUrl: '/api/public/eventcalendar?dateFilter=' + encodeURIComponent(dateFilter),
            dataType: 'json'
        });
    });

It renders the current month properly, but we have stuff scheduled for several months into the future and it all goes wonky when I try to navigate forward in time. Months get arbitrarily skipped, and events show up on the wrong dates.

Any word on when the enhancement might be released? Being able to render the calendar on the fly like this will be a great improvement.

[kthornbloom]

@LinkBenjamin It's probably related to some JS variable or jQuery data object not getting cleared out. A (somewhat ridiculous) workaround would be to remove the element altogether and replace it with a new ID which would definitely work since all of that data is connected to the element ID.

So this should work:

    ('#dateField').change(function(){
        var dateFilter=$('#dateField').val();

        console.log("DateFilter = " + dateFilter);
        $('#mycalendar').empty().replaceWith('<div class="monthly" id="newId"></div>');
        $('#newId').monthly({
            mode: 'event',
            jsonUrl: '/api/public/eventcalendar?dateFilter=' + encodeURIComponent(dateFilter),
            dataType: 'json'
        });
    });

You might dynamically generate a random ID so it's more re-usable. Not the best solution, but it's the best I can provide at the moment! This plugin needs refactoring someday...

[LinkBenjamin]

Thanks for the tip. I tried it out and it behaves better now! I ended up deleting based off the class rather than the ID, but then randomly generating an id:

$('#dateField').change(function(){
        var dateFilter=$('#dateField').val();

        newid= new Date().getTime();

        $('.monthly').empty().replaceWith('<div class="monthly" id="cal' + newid + '"></div>');
        $('#cal' + newid).monthly({
            mode: 'event',
            jsonUrl: '/api/public/eventcalendar?dateFilter=' + encodeURIComponent(dateFilter),
            dataType: 'json'
        });
    });

Now whenever I flip the select element, I get the filter applied to my calendar.

Thanks!