jQuery fullcalendar 发送自定义参数并使用 JSON 刷新日历

Question

我正在尝试使用 jQuery fullcalendar。事件数据来自使用 JSON 的服务器。 我的页面有一个下拉元素和全日历 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');
    });

});