2011-04-07 52 views
0

對於視覺的這個,請到http://dc37.dawsoncollege.qc.ca/jonathan/fullcalendar.jpg不能addEventSource dynamiclly

我想建立一個網頁,我看到學生A.

的每週安排在日程表的左邊,我在一個html表格(課程)中有學生A的所有課程。我點擊一個課程行,然後在該表下方,仍然在日程安排的右側,我看到另一個html表(Tutors),可以幫助學生A說課程。

於是我點擊學生B(導師),我想學生B的周計劃對學生A(Tutee)的頂部添加。我確實得到了相應的信息,並且我確實有calevents中的新數據:

[{「id」:「306」,「title」:「Free Time」,「start」:「2011-04-04 08 :00:00「,」end「:」2011-04-04 09:00:00「,」allDay「:false,」color「:」#ff4500「,」textColor「:」#FFFFFF「},{」 id「:」307「,」title「:」空閒時間「,」開始「:」2011-04-04 14:00:00「,」結束「:」2011-04-04 22:00:00「, 「阿迪」:假的, 「色」: 「#ff4500」, 「文字顏色」: 「#FFFFFF」},{ 「ID」: 「308」, 「稱號」: 「自由時間」, 「開始」:「2011- 04-05 16:00:00「,」end「:」2011-04-05 22:00:00「,」allDay「:false,」color「:」#ff4500「,」textColor「:」#FFFFFF「 },{「id」:「309」,「title」:「空閒時間」,「開始」:「2011-04-06 16:00:00」,「結束」:「2011-04-06 22:00 :00" , 「阿迪」:假的, 「色」: 「#ff4500」, 「文字顏色」: 「#FFFFFF」},{ 「ID」: 「310」, 「稱號」: 「自由時間」, 「開始」 :「2011-04-07 16:00:00」,「結束」:「2011-04-07 22:00:00」,「allDay」:false,「color」:「#ff4500」,「textColor」: 「#FFFFFF」},{「id」:「311」,「title」:「空閒時間」,「開始」:「2011-04-08 16:00:00」,「結束」:「2011-04 -08 22:00:00「,」allDay「:false,」color「:」#ff4500「,」textColor「:」#FFFFFF「}]

最後,日程始終不會出現在下面的代碼。

隨後我將要點擊學生C的名字,然後學生B的時間表中刪除,然後學生C的被覆蓋。

$("#tutors tr").live("click", function() { 
     var student_number = $(this).find(".student_number").html(); 

     alert("student tutor click: " + student_number); 

     $.ajax({ 
      type: "POST", 
      url: "get.schedule.php", 
      data: { 
       action: 'get', 
       student_number: student_number, 
       color: '#ff4500' 
      }, 
      success:function(calevents){ 
       alert(calevents); 

       $('#matchCalendar').fullCalendar('addEventSource', calevents); 
      } 
     }); 
    }); 
+0

是否有與您的代碼的其餘任何JavaScript錯誤?警報是否顯示?你加載了fullCalendar模塊嗎? calevents格式正確嗎? – tjameson 2011-04-07 17:33:02

+0

具有相同選項的get.schedule.php提供學生A的時間表。 – 2011-04-07 17:51:59

+0

我首先看了那裏。我忘了提及。沒有任何錯誤。 – 2011-04-07 17:53:00

回答

0

這是他們做了什麼:

{ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    editable: true, 
    events: [ 
     { 
      title: 'All Day Event', 
      start: new Date(y, m, 1) 
     }, 
     { 
      title: 'Long Event', 
      start: new Date(y, m, d-5), 
      end: new Date(y, m, d-2) 
     } 
    ] 
} 

你檢查出basic usage頁?

也有此文檔的Event Source對象。有幾種方式可以指定它的格式,但我認爲你不符合法案......你可能需要一個事件數組,事件函數或更新url。不知道這件事,但...

+0

哦,那東西。我已經定義了。沒問題。基準日歷在那裏工作。上面的代碼是針對學生B的onclick,然後他的時間表被覆蓋在學生A的頂部 – 2011-04-07 18:07:22

+0

我添加了一些東西......您的日曆顯示沒有ajax調用?其中ajax稱之爲 – tjameson 2011-04-07 18:13:45

+0

。學生A課程表或學生B課程表的電話號碼? – 2011-04-07 18:28:11