2012-03-05 18 views
0

私の.netプロジェクトでjquery full calendar(http://arshaw.com/fullcalendar/)を使用したいと思います。 コードを参照してください -JSON Webメソッドでjquery fullcalenderイベント -

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 このWebメソッドが返すフォーマットされた文字列を。

IMPは:scheduleTest.aspx/getAllScheduledSessionsOfLocationは()follはstring-

"[{ 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'}]" 

NOTEを返している:私はfullcalenderのイベントで上記のWebメソッドによって返された文字列をコピーして貼り付ける場合は、それが表示されています正しく出力されます。 しかし、返されたオブジェクトをイベント(イベント: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'}], 

を働いているしかし、私は二重引用符arroundの返された文字列を追加したとき、それはイベントを示すイマイチ。

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'}]", 

私は放火犯を使用してJSONメソッドのコードをデバッグLike-、「data.dは」二重引用符で文字列が含まれています。私はそれが問題だと思う。

この問題を解決するのを手伝ってください。おかげさまで

+0

非常に初めを含むデータのサンプルを提供しています。配列 "d"はありますか? – charlietfl

+0

@charlietfl:data.dには文字列が含まれています。上記の投稿を編集しました。詳細はこちらをご覧ください。 – Abhi

+0

レスポンスからブラウザのコンソールに表示されるものはすべて保存して、pastebinまたはjsfiddle.net ....に入れてください。文字列が正しく発音されず、「コピー&ペースト」という意味が理解できません。 – charlietfl

答えて

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' 

希望を。

関連する問題