將數據庫中的數據映射到JSON對象Fullcalendar

我已經安裝了Fullcalendar軟件包（Symfony2），並且所添加的所有事件都正確顯示。現在我在Fullcalendar.js中添加eventClick函數（它與open.window('page')一起用於測試）。現在，我想在alert()或其他內容中取得所有關於此事件的信息（ID，姓名等），而不是window.open()。將數據庫中的數據映射到JSON對象Fullcalendar

我該怎麼做？

$(function() { 
/* initialize the calendar 
-----------------------------------------------------------------*/ 
//Date for the calendar events (dummy data) 
var date = new Date(); 
var d = date.getDate(), 
    m = date.getMonth(), 
    y = date.getFullYear(); 
$('#calendar-place').fullCalendar({ 
    monthNames: ["Janvier","Février","Mars","Avril","Mai","Juin","Julliet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre" ], 
    monthNamesShort: ['Jan','Fev','Mar','Avr','Mai','Jun','Jul','Aou','Sep','Oct','Nov','Dec'], 
    dayNames: [ 'Diamnche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'], 
    dayNamesShort: ['Diu','Dill','Dim','Dix','Dij','Div','Dis'], 

    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    buttonText: { 
     today: 'today', 
     month: 'month', 
     week: 'week', 
     day: 'day' 
    }, 
    events: 
    { 
     url:Routing.generate('fullcalendar_loadevents', { month: moment().format('MM'), year: moment().format('YYYY') }), 
     color: '#45b2ea', 
     textColor:'white', 

     error: function() { 
      alert('Error receving events'); 
     } 
    }, 
    viewRender: function (view, element) { 
     var month = view.calendar.getDate().format('MM'); 
     var year = view.calendar.getDate().format('YYYY'); 
    }, 

    eventClick: function() { 

     window.open('login') 
    }, 





    eventDrop: function(event,delta,revertFunc) { 
     var newStartData = event.start.format('YYYY-MM-DD'); 
     var newEndData = (event.end == null) ? newStartData : event.end.format('YYYY-MM-DD'); 

     $.ajax({ 
      url: Routing.generate('fullcalendar_changedate'), 
      data: { id: event.id, newStartData: newStartData,newEndData:newEndData }, 
      type: 'POST', 
      dataType: 'json', 
      success: function(response){ 
       console.log('ok'); 
      }, 
      error: function(e){ 
       revertFunc(); 
       alert('Error processing your request: '+e.responseText); 
      } 
     }); 

    }, 
    eventResize: function(event, delta, revertFunc) { 

     var newData = event.end.format('YYYY-MM-DD'); 
     $.ajax({ 
      url: Routing.generate('fullcalendar_resizedate'), 
      data: { id: event.id, newDate: newData }, 
      type: 'POST', 
      dataType: 'json', 
      success: function(response){ 
       console.log('ok'); 
      }, 
      error: function(e){ 
       revertFunc(); 
       alert('Error processing your request: '+e.responseText); 
      } 
     }); 

    }, 
    editable: true 

}); 
});

來源

2017-04-17 Nour Ben Arfa

你能否添加任何細節，如遇到的錯誤問題？ [如何問一個好問題？]（http://stackoverflow.com/help/how-to-ask），[如何創建一個最小，完整和可驗證的示例]（http://stackoverflow.com/幫助/ mcve）向社區展示你所嘗試過的東西。 – abielita

簡而言之，事件對象總是在eventCLick中是未定義的，它顯示我在我的控制檯未定義屬性的標題爲expl雖然事件和事件調整大小工作正常 –

如果你在閱讀https://fullcalendar.io/docs/mouse/eventClick/的eventClick文檔它表明你可以繼續回調，其中包括含有點擊事件的詳細信息的「事件」對象的參數。

所以，你可以做這樣的事情：

eventClick: function(event, jsEvent, view) 
{ 
    alert(event.title); 
}

您可以在這裏找到事件對象的更多屬性：https://fullcalendar.io/docs/event_data/Event_Object/如果你想使用有關該事件的其他信息。

來源

2017-04-18 10:53:00 ADyson

對象事件未定義總是在eventClick我跟隨文檔evenDrop和調整大小工作正確只是eventClick –

您的代碼當前不會在您的eventClick定義中聲明事件對象。你必須寫在那裏，就像我在答案中所做的一樣。一旦你這樣做，沒有理由不應該工作。下面是一個使用日曆設置的工作示例：https：//jsfiddle.net/yog1jc45/1/我已經用一些示例事件替換了ajax源代碼，因爲我無法從演示中調用您的ajax URL，但原則是相同。如果你點擊一個事件，會彈出一個顯示事件標題的彈出窗口，沒有問題。 – ADyson

我做了你現在已經做過的eventclick（event，jsEVent，view）和一個簡單的alert events.title它告訴我一個alert（event.title）錯誤也許你說ajax dosen't work我可以'如果你有一個事件點擊（並觸發回調），那麼你可以獲得對象事件 –

將數據庫中的數據映射到JSON對象Fullcalendar

回答

相關問題