1

我想一次只加载一个月的事件。首先，在一页中显示一个月的事件，当按下下一个或上一个按钮时，通过 Web 服务（C#）从数据库中显示该月的事件。我怎样才能做到这一点？

我还想只从一个月中获取数据，并且我想将选定的年份、月份值发送到 Web 服务，以便它可以只发送特定月份的数据。

我当前的 jquery 代码是：

   jQuery(document).ready(function () {
       $.ajax({
           type: "POST",
           contentType: "application/json",
           url: "FullcalenderwithWebservice.asmx/GetEvents",
           dataType: "json",
           success: function (data) {
               $("div[id=loading]").hide();
               $("div[id=fullcal]").show();
               $('div[id*=fullcal]').fullCalendar({
                   header: {
                       left: '',
                       center: 'title',
                       right: 'today prev,next'
                   },
                   editable: false,
                   events: $.map(data.d, function (item, i) {
                       var event = new Object();
                       event.id = item.EventID;
                       event.start = new Date(item.StartDate);
                       event.title = item.EventName;
                       event.className = item.className.toString()
                       return event;
                   })
               });

           },
           error: function (XMLHttpRequest, textStatus, errorThrown) {
               debugger;
           }
       });

   });

还

$('.fc-button-prev span').click(function(){
   alert('prev is clicked, do something');
});

不管用。

4

1 回答 1

1

您可能想使用 viewdisplay 例如 viewDisplay: function(view) { var next = view.title; 警报（下一个）；}

在这里，我使用该事件从 Web 服务获取下一批数据并进行渲染。

$(document).ready(function () {

var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
    },


    eventSources: [ getCalData() ],
    header: {
        left: 'prev,next today',
        center: 'title',
        right: ''
    },
    viewDisplay: function (view) {
        $('#calendar').fullCalendar('removeEvents');
        $('#calendar').fullCalendar('addEventSource', getCalData());
        $('#calendar').fullCalendar('rerenderEvents');
    }
  });
});


function getCalData() {

var source = [{}];
$.ajax({
    async: false,
    url: '/mysite/GetWeekData',
    data: { myParam: $('#calendar').fullCalendar('getView').visStart },
    success: function (data) {
        $(data).each(function () {
            source.push({
                title: $(this).attr('title'),
                start: $(this).attr('start'),
            });
        });
    },
    error: function () {
        alert('could not get the data');
    },
});
return source;
}
于 2014-01-24T16:54:20.090 回答