fullcalendar-如何动态绑定事件

时间:2013-12-27 09:13:18

标签: c# jquery html asp.net fullcalendar

我正在使用Fullcalendar。

我只剩下一个要实现的功能,即当事件从后面的代码动态绑定时,我想调用.ashx页面,两者都在处理事件属性。我想知道我是怎么写的。

这是我的代码

          var calendar = $('#calendar').fullCalendar({
                theme: true,
                header: {
                    left: 'prev,next today',
                    center: 'title',
                   right: ''
                },  
                defaultView: 'resourceDay',      
                eventClick: updateEvent,
                selectable: true,
                selectHelper: true,
                select: selectDate,
                editable: true,
                resources: [
                <%=resourcestring %>
                ],
              events: "JsonResponse1.ashx",
              events: [
                <%=eventstring %>
                ],            
                minTime: 7, 
                maxTime: 24, 
                firstDay:1,  
                eventDrop: eventDropped,
                eventResize: eventResized
        }); 

但这不行。事件绑定,但不调用.ashx页面。我怎么能写两个事件?我想绑定事件并调用.ashx页面。

1 个答案:

答案 0 :(得分:1)

您可以将事件作为javascript函数触发,您可以将请求发送到.ashx文件

$('#calender').fullCalendar({

   weekMode: 'liquid',    
   header: {
   left: 'prev,next today',
   center: 'title',
   right: 'month,agendaWeek,agendaDay'
},

  events: function (start, end, callback) {      
   form_data["startDate"] = start;
   form_data["endDate"] = end;
   $.ajax({
          url: '/xyz.ashx',
          data: form_data,
          type: 'POST',
          success: function (response) {
             console.log(response);
             var events = response["events"];
             callback(events);
          }
         });
     }
});//fullcalendar