2012-03-05 27 views
0

我想在我的.net項目中使用jquery完整日曆(http://arshaw.com/fullcalendar/)。 請參考碼 -jquery fullcalender事件與JSON網絡方法 -

ASPX文件 -

var req = $.ajax({ 
      type: "POST", 
      url: "scheduleTest.aspx/getAllScheduledSessionsOfLocation", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function(data) { 
       $(OnSuccess(data.d)) 
      }, 
      error: function(XMLHttpRequest, text, error) { debugger; alert(XMLHttpRequest.responseText); }, 
      failure: function(response) { 
       alert(response.d); 
      } 
     }); 

     function OnSuccess(dataTable) { 
      if (dataTable.length == 0) { 
       $('#calendar').hide(); 
      } 
      else { 
       $('#calendar').fullCalendar({ 
        editable: true, 
        events: dataTable, 
        eventDrop: function(event, delta) { 
         alert(event.title + ' was moved ' + delta + ' days\n' + 
          '(should probably update your database)'); 
        }, 
        loading: function(bool) { 
         if (bool) $('#loading').show(); 
         else $('#loading').hide(); 
        } 
       }); 
      } 
     } 

的WebMethod:scheduleTest.aspx/getAllScheduledSessionsOfLocation 這WEBMETHOD回報格式化字符串。

IMP:scheduleTest.aspx/getAllScheduledSessionsOfLocation()將返回FOLL與字符串

"[{ title: 'Puneet sdfsdfsdf', allDay: false, start: '02/20/2012 1:30:00 PM', end: '02/20/2012 2:00:00 PM' }, { title: 'Puneet sdfsdfsdf', allDay: false, start: '02/27/2012 1:30:00 PM', end: '02/27/2012 2:00:00 PM' }, { title: 'bhuvana ', allDay: false, start: '03/05/2012 2:00:00 PM', end: '03/05/2012 2:00:00 PM' }, { title: 'bhuvana ', allDay: false, start: '07/09/2012 2:00:00 PM', end: '07/09/2012 2:00:00 PM' }, { title: 'abc xyz', allDay: false, start: '07/09/2012 6:00:00 AM', end: '07/09/2012 6:00:00 AM' }, { title: 'bhuvana ', allDay: false, start: '07/11/2012 7:30:00 PM', end: '07/11/2012 7:30:00 PM' }, { title: 'bhuvana ', allDay: false, start: '07/16/2012 2:00:00 PM', end: '07/16/2012 2:00:00 PM' }, { title: 'rtew ', allDay: false, start: '08/25/2014 6:00:00 AM', end: '08/25/2014 6:00:00 AM'}]" 

注意:如果我複製和粘貼已在fullcalender的事件已經返回由以上的WebMethod一個字符串,它顯示了正確輸出。 但是,當我將返回的對象分配給事件(如 - events:dataTable)時,它不顯示事件。

問題:我想我得到了問題。 如果我通過foll。代碼事件 - 那麼它是工作

events: [{ title: 'Puneet sdfsdfsdf', allDay: false, start: '02/20/2012 1:30:00 PM', end: '02/20/2012 2:00:00 PM' }, { title: 'Puneet sdfsdfsdf', allDay: false, start: '02/27/2012 1:30:00 PM', end: '02/27/2012 2:00:00 PM' }, { title: 'bhuvana ', allDay: false, start: '03/05/2012 2:00:00 PM', end: '03/05/2012 2:00:00 PM' }, { title: 'bhuvana ', allDay: false, start: '07/09/2012 2:00:00 PM', end: '07/09/2012 2:00:00 PM' }, { title: 'abc xyz', allDay: false, start: '07/09/2012 6:00:00 AM', end: '07/09/2012 6:00:00 AM' }, { title: 'bhuvana ', allDay: false, start: '07/11/2012 7:30:00 PM', end: '07/11/2012 7:30:00 PM' }, { title: 'bhuvana ', allDay: false, start: '07/16/2012 2:00:00 PM', end: '07/16/2012 2:00:00 PM' }, { title: 'rtew ', allDay: false, start: '08/25/2014 6:00:00 AM', end: '08/25/2014 6:00:00 AM'}], 

但是,當我加雙引號以防萬一返回的字符串,然後它不是顯示事件。 Like-

events: "[{ title: 'Puneet sdfsdfsdf', allDay: false, start: '02/20/2012 1:30:00 PM', end: '02/20/2012 2:00:00 PM' }, { title: 'Puneet sdfsdfsdf', allDay: false, start: '02/27/2012 1:30:00 PM', end: '02/27/2012 2:00:00 PM' }, { title: 'bhuvana ', allDay: false, start: '03/05/2012 2:00:00 PM', end: '03/05/2012 2:00:00 PM' }, { title: 'bhuvana ', allDay: false, start: '07/09/2012 2:00:00 PM', end: '07/09/2012 2:00:00 PM' }, { title: 'abc xyz', allDay: false, start: '07/09/2012 6:00:00 AM', end: '07/09/2012 6:00:00 AM' }, { title: 'bhuvana ', allDay: false, start: '07/11/2012 7:30:00 PM', end: '07/11/2012 7:30:00 PM' }, { title: 'bhuvana ', allDay: false, start: '07/16/2012 2:00:00 PM', end: '07/16/2012 2:00:00 PM' }, { title: 'rtew ', allDay: false, start: '08/25/2014 6:00:00 AM', end: '08/25/2014 6:00:00 AM'}]", 

當我使用firebug調試JSON方法代碼時,「data.d」包含一個帶雙引號的字符串。我認爲那是問題。

請幫我解決這個問題。 謝謝。

+0

提供數據樣本,包括最初..有一個數組「d」? – charlietfl 2012-03-05 13:47:29

+0

@charlietfl:data.d包含一個字符串..我編輯了上面的帖子。請參閱更多詳情。 – Abhi 2012-03-06 05:52:47

+0

保存你在瀏覽器控制檯從響應中獲得的一切,並將其放入pastebin或jsfiddle.net ....字符串聽起來不正確,我不明白你的意思是「複製和粘貼」..在哪裏? – charlietfl 2012-03-06 06:00:18

回答

0

OK,ABHI ...查看輸出,並將其與我的JSON提要我有充分的關鍵字和值引號包圍所以使用你的數據我的輸出應該是這樣的:

[{ 'title': 'Puneet sdfsdfsdf', 'start': '02/20/2012 1:30:00 PM', 'end': '02/20/2012 2:00:00 PM' }, { 'title': 'Puneet sdfsdfsdf','start': '02/27/2012 1:30:00 PM', 'end': '02/27/2012 2:00:00 PM' }, { 'title': 'bhuvana ', 'start': '03/05/2012 2:00:00 PM', 'end': '03/05/2012 2:00:00 PM' }, { 'title': 'bhuvana ', 'start': '07/09/2012 2:00:00 PM', 'end': '07/09/2012 2:00:00 PM' }, { 'title': 'abc xyz', 'start': '07/09/2012 6:00:00 AM', 'end': '07/09/2012 6:00:00 AM' }, { 'title': 'bhuvana ', 'start': '07/11/2012 7:30:00 PM', 'end': '07/11/2012 7:30:00 PM' }, { 'title': 'bhuvana ', 'start': '07/16/2012 2:00:00 PM', 'end': '07/16/2012 2:00:00 PM' }, { 'title': 'rtew ', 'start': '08/25/2014 6:00:00 AM', 'end': '08/25/2014 6:00:00 AM'}] 

由於所有的事件有開始和結束日期,我會使用allDayDefault:false參數。 試試這個,如果你仍然有問題,請嘗試更改時間格式,我有我使用,直到我格式化我的時間,這種格式的格式問題:

'2012-02-27T14:00:00+0000' 

希望這有助於。