1

一度に 1 か月だけのイベントを読み込みたい。最初に1ページに1ヶ月分のイベントを表示し、次ボタンまたは前ボタンを押すとWebサービス(C#)経由でデータベースからその月のイベントを表示します。どうすればそれを達成できますか？

また、1 か月のみのデータを取得し、選択した年、月の値を 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: 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 に答える