2012-04-10 3 views
0

js에 몇 가지 새로운 함수를 삽입했지만 dayClickeventClick이 작동하지 않습니다. 캘린더를 제대로로드 할 수 있습니다.dayClick 및 eventClick 함수가 작동하지 않습니다.

다음 코드에서 dayclick 및 eventclick이 작동하지 않는 이유는 무엇입니까?

$(document).ready(function() { 
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    var calendar = $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: '', 
      right: 'agendaWeek,agendaDay' 
     }, 
     selectable: true, 
     selectHelper: true, 
     allDayDefault: false, 
     allDaySlot: false, 
     firstHour: 9, 
     defaultView: 'agendaWeek', 

     dayClick: function(date, allDay, jsEvent, view) { 
      calendar.fullCalendar('gotoDate', date); 
     }, 

     eventClick: function(calEvent, jsEvent, view) { 
    window.location = "http://www.domain.com?start=" + calEvent.start; 

}, 

     select: function(start, end) { 

      var title = prompt('Event Title:'); 
      if (title) { 
       calendar.fullCalendar('renderEvent', 
        { 
         title: title, 
         start: start, 
         end: end 
        }, 
        false // make the event "stick" 
       ); 

       var startDateString = $.fullCalendar.formatDate(start, 'yyyy-MM-dd hh:mm'); 
       var endDateString = $.fullCalendar.formatDate(end, 'yyyy-MM-dd hh:mm'); 
       $.ajax({ 
        type: 'POST', 
        url: '{url}ajaxpost/add', 
        data: { 
         startDate: startDateString, 
         endDate: endDateString, 
         eventTitle: title        
        }, 
        dateType: 'json', 
        success: function (resp) { 
         calendar.fullCalendar('refetchEvents'); 

        } 
       }); 
      } 
      calendar.fullCalendar('unselect'); 
     }, 
     editable: true, 
     events: "{url}ajaxget/data", 
    }); 

}); 

답변

0

"select"콜백과 "dayClick"콜백은 둘 사이에 충돌이 있으므로 함께 사용할 수 없습니다. datepicker를 사용하여 gotoDate 함수를 수행하여 동일한 작업을 수행 할 수 있습니다.

eventClick 필자가 작동하지 않는 이유는 확실하지에 관해서는

http://weblogs.asp.net/gunnarpeipman/archive/2010/02/02/linking-jqueryui-datepicker-and-fullcalendar.aspx

있지만 이벤트에 전화를 그냥 재산 "URL로 설정 데이터베이스에 URL을 배치하는 것이 더 쉽습니다 : www가 .somesite.com/sdfjkiwe "

부수적으로, renderEvent를 사용하여 이벤트를 표시하지 않은 것이 더 나을 것입니다. 여기에있는 이벤트 함수를 사용하여 Ajax 호출을 사용하십시오.

http://arshaw.com/fullcalendar/docs/event_data/events_function/

+0

약간 제한적이지만 select와 dayClick을 함께 사용할 수 있습니다. 예를 들어 하루 종일 클릭했을 때 달과 주보기를 하루로 전환하려면'dayClick' 콜백을 사용하여'agendaDay''if (allDay == true)'로 전환하십시오. 이것은 작동하지만 주간보기에서 "하루 종일"영역을 클릭해야합니다. – mgttlinger

관련 문제