Mehrere eventsources mit jquery FullCalendar

Ich weiß, es gibt ein paar Beispiele, wie man mehrere feed-Quellen mit FullCalendar, dh:
Stackoverflow-post

Plugin-Docs

Jedoch, keiner von Ihnen zeigen, wie man mehrere feed-Quellen mit zusätzlichen ajax-Informationen wie Typ -, Daten -, etc.

Ich bin versucht, mehrere feed-Quellen jedoch nicht bekommen kann es arbeiten. Hier ist mein code:

eventSources: [
    'json-schedule.php',
    'json-events.php'
],

    type: 'POST',
    data: {
        // custom_param1: 'something', 
    },
    error: function() {
        alert('there was an error while fetching events!');
    },
    success: function() {
    },

Woher kommt der Typ, Daten, Fehler & Erfolg Teile gehen mit mehr als einem Daten-Quelle? Keines der Beispiele, die ich gefunden habe, zeigen, dass.

InformationsquelleAutor Oseer | 2011-10-15

  1. 2

    Diesem Weg versuchen:

    $('#calendar').fullCalendar({
    ...
    eventSources: [
        //your JSON event source
        {
            url: '/myfeed.php', //use the `url` property
            color: 'yellow',    //an option!
            textColor: 'black'  //an option!
        },

        //your ajax event source
        {
            events: function(start, end, callback) {
                $.ajax({
                    url: 'myxmlfeed.php',
                    dataType: 'xml',
                    data: {
                        //our hypothetical feed requires UNIX timestamps
                        start: Math.round(start.getTime() / 1000),
                        end: Math.round(end.getTime() / 1000)
                    },
                    success: function(doc) {
                        var events = [];
                        $(doc).find('event').each(function() {
                        events.push({
                            title: $(this).attr('title'),
                            start: $(this).attr('start') //will be parsed
                        });
                    }
                });
            }
        }
    ],
    ...
});
    Dieses Beispiel stammt direkt aus der Dokumentation, hier
    Wenn wir das ändern wollen eventSources von google Kalender, wie wir mit googleCalendarId statt url dann wie wir das ändern können Ereignisse auf der Basis von calendarId eventSources: [ { googleCalendarId: '<your Calendar ID>', className: 'gcal-event' // an option! }, { googleCalendarId: '<Second Calendar ID>', className: 'pak-holidays' }, { googleCalendarId: '<Third Calendar ID>', className: 'uae-holidays' }, ]

    InformationsquelleAutor Mr.J4mes

  2. 1
     eventSources: [
            {
                url: 'json-schedule.php',
                type: 'POST',
                data: {
                    date: start, //data to be sent
                    custom_param2: 'somethingelse'
                },
                error: function() {
                    alert('there was an error while fetching shedule!');
                },
                color: 'yellow',   //a non-ajax option
                textColor: 'black' //a non-ajax option
            },
            {
                url: 'json-events.php',
                type: 'POST',
                /*data: {
                    custom_param1: 'something',
                    custom_param2: 'somethingelse'
                },*/
                error: function () {
                    alert('there was an error while fetching events!');
                },
                color: 'green',   //a non-ajax option
                textColor: 'black' //a non-ajax option
            }
        ],

    InformationsquelleAutor mrosiak

  3. 0

    Mein Ansatz ist etwas anders hinzufügen mehrere eventsources, aber funktioniert gut. 

            var fcSources = {
        loadEvents: {
            url: "/get-all-events-from-mysql",
            type: "GET",
            color: "#65a9d7",
            textColor: "#3c3d3d",
            cache: true,
            className: "events",
            data:
            {
                 start: "start",
                 end: "end",
                 id: "id",
                 title: "title"

            },
            error: function() {
                console.log("Error in loadEvents: " + data);
            },
        },
        loadEwsEvents: {
            url: "/get-ews-events",
            type: "GET",
            color: "#FF6347",
            textColor: "#000000",
            cache: true,
            editable: false,
            disableDragging: true,
            className: "events",
            data:  {
                start: "start",
                end: "end",
                id: "id",
                title: "title"
            },
            error: function() {
                console.log("Error in loadEWSEvents: " + data);
            },
        }
    };

    //Im fullcalendar-Funktion, fügen Sie diese Quellen

            eventSources: [
            fcSources.loadEvents,
            fcSources.loadEwsEvents
         ],

    InformationsquelleAutor Invincible

Schreibe einen Kommentar