jquery fullcalendar使用JSON发送自定义参数和刷新日历

Question

我试图使用jquery fullcalendar.事件数据来自使用JSON的服务器.我的页面有一个下拉元素和fullcalendar div.

我需要的是每次用户更改下拉列表时刷新日历.应将下拉列表的选定值发布到服务器以获取新的事件数据

这是我的代码

     $(document).ready(function() {
        $('#calendar').fullCalendar({
            events: {
                url : '/myfeed',
                data : {personId : $('#personDropDown').val() }
            }
        });

        $('#personDropDown').change(function(){
            $('#calendar').fullCalendar('refetchEvents');
        });

    });

但上面的代码不起作用.有帮助吗？

Answer 1

试试这个:

$(document).ready(function () {
    $('#calendar').fullCalendar({
        events: {
            url: '/myfeed',
            data: function () { // a function that returns an object
                return {
                    personId: $('#personDropDown').val(),
                };

            }
        });


    $('#personDropDown').change(function () {
        $('#calendar').fullCalendar('refetchEvents');
    });

});

Answer 2

最后,它使用以下代码:

$(document).ready(function() {
        loadCalendar();
        $('#siteSelect').change(function(){
            var selectedSite = $('#siteSelect').val();
            var events = {
                  url: '/myfeed2',
                  type: 'POST',
                  data: {
                    siteid: selectedSite
                  }
            }
            $('#calendar').fullCalendar('removeEventSource', events);
            $('#calendar').fullCalendar('addEventSource', events);
        });

    });