簡體   English   中英

使用 AJAX 在 fullcalendar 中克隆事件后如何更新數據庫

[英]How to update database after cloning an event in fullcalendar using AJAX

我對編程比較陌生,將不勝感激一些幫助。

我正在使用 fullcalendar 並且已經到了可以添加、刪除和拖放事件的程度。 我的最后一個要求是能夠克隆事件以進行更快的管理。

我正在使用以下代碼來克隆事件(取自上一篇文章)。 目前這不會保存到數據庫:

     eventClick: function (event, jsEvent, ui, view) {
     if (!copyKey) return;
     var eClone = {
       id: event.id+1,
       title: event.title,
       tooling: event.tooling,
       start: event.start,
       end: event.end
     };
     $('#calendar').fullCalendar('renderEvent', eClone);
 },

我用來更新我的 SQL 數據庫的一段代碼示例如下:

eventDrop:function(event)
{
 var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
 var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
 var title = event.title;
 var tooling = event.tooling;
 var id = event.id;
 $.ajax({
  url:"update.php",
  type:"POST",
  data:{title:title, tooling:tooling, start:start, end:end, id:id},
  success:function()
  {
   calendar.fullCalendar('refetchEvents');
  }
 });
},

我的主要困惑是如何將 AJAX 用於我的克隆函數,還要確保在創建新事件時增加 id。

不得不使用 insert.php 而不是 update.php ...

最終工作代碼:

     eventClick: function (event, jsEvent, ui, view)
 {
     if (!copyKey) return;
     var eClone = {
       id: event.id,
       title: event.title,
       tooling: event.tooling,
       start: event.start,
       end: event.end
     };
     $('#calendar').fullCalendar('renderEvent', eClone);
     var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
     var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
     var title = event.title;
     var tooling = event.tooling;
     var id = event.id;
     $.ajax({
      url:"insert.php",
      type:"POST",
      data:{title:title, tooling:tooling, start:start, end:end, id:id},
      success:function()
      {
      $('#calendar').fullCalendar('renderEvent', eClone);
       calendar.fullCalendar('refetchEvents');
      }
     });
 },

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM