回答編集履歴

1

コードを追加する場所が分かりやすくなるように改善してみました。

2021/02/16 00:51

投稿

Lulucom
Lulucom

スコア1899

test CHANGED
@@ -2,9 +2,21 @@
2
2
 
3
3
 
4
4
 
5
+ edit_modal.blade.php (既存の更新フォームの後辺りに削除フォームを追加)
6
+
5
7
 
6
8
 
7
9
  ```php
10
+
11
+ <!-- 更新 -->
12
+
13
+ <form id="task-form" method="POST" action="{{ route('editEvent') }}">
14
+
15
+ ...
16
+
17
+ </form>
18
+
19
+
8
20
 
9
21
  <!-- 削除 -->
10
22
 
@@ -20,23 +32,41 @@
20
32
 
21
33
 
22
34
 
35
+ calendar.js (既存のイベント削除処理の中にコードを追加)
36
+
37
+
38
+
23
39
  ```js
24
40
 
25
- // イベント削除
41
+ $(document).ready(function () {
26
42
 
27
- $("#delete-task").on("click", function() {
43
+ // カレンダー作成
28
44
 
29
- var form = document.getElementById("delete-task-form"); // 削除フォーム
45
+ var calendar = $('#calendar').fullCalendar({
30
46
 
31
- var eventId = document.getElementById("id").value; // 削除対象のidを更新フォームから取得
47
+ ...
32
48
 
33
- var event = calendar.getEventById(eventId);
49
+ });
34
50
 
35
- event.remove();
36
51
 
37
- form.elements['id'].value = eventId; // 削除対象のidを削除フォームにもセット
38
52
 
53
+ // イベント削除
54
+
55
+ $("#delete-task").on("click", function() {
56
+
57
+ var form = document.getElementById("delete-task-form"); // 削除フォームを取得
58
+
59
+ var eventId = document.getElementById("id").value; // 削除対象のidを更新フォームから取得
60
+
61
+ // var event = calendar.getEventById(eventId);
62
+
63
+ // event.remove();
64
+
65
+ form.elements['id'].value = eventId; // 削除対象のidを削除フォームにもセット
66
+
39
- form.submit(); // 削除フォームを送信させる
67
+ form.submit(); // 削除フォームを送信させる
68
+
69
+ });
40
70
 
41
71
  });
42
72