我正在開發(fā)帶有資源列的拖放事件 fullcalendar。我能夠在日歷上拖放事件并將其保存到數(shù)據(jù)庫中。對(duì)于資源列，我有一個(gè)添加房間按鈕，允許用戶添加也保存在數(shù)據(jù)庫中的房間。資源和事件正在成功獲取并顯示在日歷上。現(xiàn)在，我正在開發(fā)相同的刪除功能。現(xiàn)在，我堅(jiān)持使用雙擊刪除事件。這是代碼：主程序document.addEventListener("DOMContentLoaded", function() {var containerEl = document.getElementById("external-events");var checkbox = document.getElementById("drop-remove");new FullCalendarInteraction.Draggable(containerEl, { itemSelector: ".fc-event", eventData: function(eventEl) { return { title: eventEl.innerText }; } }); var calendarEl = document.getElementById("calendar"); var calendar = new FullCalendar.Calendar(calendarEl, { schedulerLicenseKey: "GPL-My-Project-Is-Open-Source", plugins: ["interaction", "resourceTimeline", 'dayGrid', 'timeGrid' ],header: { left: "promptResource today prev,next", center: "title", right: 'dayGridMonth,resourceTimelineDay,resourceTimelineWeek' },customButtons: { promptResource: { text: "+ room", click: function() { var title = prompt("Room name"); console.log(title); if (title) { fetch("add_resources.php", { method: "POST", headers: { 'Accept': 'text/html' }, body: encodeFormData({"title": title}), }) .then(response => response.text()) .then(response => { calendar.addResource({ id: response, title: title }); }) .catch(error => console.log(error)); } } }},editable: true,aspectRatio: 1.5,defaultView: "resourceTimelineDay",resourceLabelText: "Rooms",resources: "all_resources.php",droppable: true,drop: function(info) { if (checkbox.checked) { info.draggedEl.parentNode.removeChild(info.draggedEl); }},eventLimit: true,events: "all_events.php",displayEventTime: false,eventRender: function(event, element, view) { if (event.allDay === "true") { event.allDay = true; } else { event.allDay = false; }},
1 回答
Helenr
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊
您需要對(duì)代碼進(jìn)行一些修改。
1) 使用 fetch() 而不是 $.ajax，那么您將不會(huì)收到任何關(guān)于缺少 jQuery 的錯(cuò)誤消息。確保將事件 ID 放入請(qǐng)求正文中。
2) 使用 fullCalendar v4 語法eventClick，而不是 v3 - 請(qǐng)參閱https://fullcalendar.io/docs/eventClick。
3)$stmt->fetch從您的 PHP 中刪除命令 - SQLDELETE操作不返回任何結(jié)果，因此沒有可獲取的內(nèi)容。我還刪除了無意義的return語句，因?yàn)槟辉诤瘮?shù)內(nèi)部，并且您的腳本沒有任何需要阻止執(zhí)行的進(jìn)一步代碼。
事件點(diǎn)擊：
eventClick: function (info) {
var confimit = confirm("Do you really want to delete?");
if (confimit) {
fetch("delete_event.php", {
method: "POST",
body: encodeFormData({"id": info.event.id}) });
}
}
}
刪除事件.php：
<?php
require "connection.php";
$id = $_POST['id'];
$conn = DB::databaseConnection();
$sql = "DELETE FROM Events WHERE id = :id";
$stmt = $conn->prepare($sql);
$stmt->bindParam(':id', $id);
if ($stmt->execute()) {
echo true;
} else {
echo false;
}
?>
- 1 回答
- 0 關(guān)注
- 78 瀏覽
添加回答
舉報(bào)
0/150
提交
取消