回答編集履歴
1
コードを追加する場所が分かりやすくなるように改善してみました。
answer
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
削除のフォームも設置し、削除ボタンのイベント処理でそのフォームから送信させるのはどうでしょうか。
|
|
2
2
|
|
|
3
|
+
edit_modal.blade.php （既存の更新フォームの後辺りに削除フォームを追加）
|
|
3
4
|
|
|
4
5
|
```php
|
|
6
|
+
<!-- 更新 -->
|
|
7
|
+
<form id="task-form" method="POST" action="{{ route('editEvent') }}">
|
|
8
|
+
...
|
|
9
|
+
</form>
|
|
10
|
+
|
|
5
11
|
<!-- 削除 -->
|
|
6
12
|
<form id="delete-task-form" method="POST" action="{{ route('deleteEvent') }}">
|
|
7
13
|
@csrf
|
|
@@ -9,15 +15,24 @@
|
|
|
9
15
|
</form>
|
|
10
16
|
```
|
|
11
17
|
|
|
18
|
+
calendar.js （既存のイベント削除処理の中にコードを追加）
|
|
19
|
+
|
|
12
20
|
```js
|
|
21
|
+
$(document).ready(function () {
|
|
22
|
+
// カレンダー作成
|
|
23
|
+
var calendar = $('#calendar').fullCalendar({
|
|
24
|
+
...
|
|
25
|
+
});
|
|
26
|
+
|
|
13
|
-
// イベント削除
|
|
27
|
+
// イベント削除
|
|
14
|
-
$("#delete-task").on("click", function() {
|
|
28
|
+
$("#delete-task").on("click", function() {
|
|
15
|
-
|
|
29
|
+
var form = document.getElementById("delete-task-form"); // 削除フォームを取得
|
|
16
|
-
|
|
30
|
+
var eventId = document.getElementById("id").value; // 削除対象のidを更新フォームから取得
|
|
17
|
-
|
|
31
|
+
// var event = calendar.getEventById(eventId);
|
|
18
|
-
|
|
32
|
+
// event.remove();
|
|
19
|
-
|
|
33
|
+
form.elements['id'].value = eventId; // 削除対象のidを削除フォームにもセット
|
|
20
|
-
|
|
34
|
+
form.submit(); // 削除フォームを送信させる
|
|
35
|
+
});
|
|
21
36
|
});
|
|
22
37
|
```
|
|
23
38
|
|