How to pass dynamic parameter for events object of fullcalendar using json? -

i using fullcalendar json feed, code follows

$('#calendar').fullcalendar({         theme: true,         header: {             left: 'prev,next today',             center: 'title',             right: 'month,agendaweek,agendaday'         },         editable: true,         events: {             url: '/eventinfo/geteventsbyemployee',             cache: false,             lazyfetching:true,             type: 'post',             data: {                 empid: $('#eventownerid').val()             },             error: function () {                 alert('there error while fetching events!');             },                        },         dayclick: function (date, allday, jsevent, view) {             displaydayevents(date, allday, jsevent, view);         },         eventrender: function (event, element) {             element.find('.fc-event-time').hide();             element.attr('title', event.tip);         }     }); 

here passing selected value of drop down control through data field "empid: $('#eventownerid').val()". returns correct data @ page load. want reload calendar data when user selects option drop down list. purpose used following code

$('#eventownerid').change(function (e) {                     $('#calendar').fullcalendar('removeevents');         $('#calendar').fullcalendar('refetchevents');                 }); 

but refetch calls json method old data (i.e. initial value of drop down control), selected value of drop down has been changed. how can pass current value of drop down control , reload fullcalendar?

i managed problem calling destroy of fullcalendar, follows

$('#dropdownlistid').change(function (e) {                     $('#calendar').fullcalendar('destroy');                    rendercalendar($(this).val());     }); 

and rendercalendar() is

function rendercalendar(eid) {     $('#calendar').fullcalendar({         theme: true,         header: {             left: 'prev,next today',             center: 'title',             right: 'month,agendaweek,agendaday'         },         editable: true,         events: {             url: '/eventinfo/geteventsbyemployee',             cache: true,             type: 'post',             data: {                 empid: eid             },             error: function () {                 alert('there error while fetching events!');             },         },         dayclick: function (date, allday, jsevent, view) {             displaydayevents(date, allday, jsevent, view);         },         eventrender: function (event, element) {             element.find('.fc-event-time').hide();             element.attr('title', event.tip);         }     }); } 

using managed problem not sure correct way of doing it. i.e. destroying , recreating calendar. still searching correct way