質問編集履歴

1

ああああああああああああああああああ

2022/05/17 11:12

投稿

wassan_nikoniko
wassan_nikoniko

スコア9

test CHANGED
@@ -1 +1 @@
1
- ダイアログの実装ができない
1
+ ああああああああああああああああああ
test CHANGED
@@ -1,207 +1 @@
1
- ### 前提・実現したいこと
2
-
3
- ダイアログを実装し、okボタンを押したら処理をして、キャンセルが押されたら処理を行わないといった実装をしたいです。
4
-
5
-
6
-
7
- ### 発生している問題・エラーメッセージ
8
-
9
- 削除ボタンを押してもダイアログが出ず、そのまま削除が進んでしまう。
10
-
11
- ### 該当のソースコード
12
-
13
-
14
-
15
- ```java
16
-
17
- @PutMapping(value = "product-update", params = "delete")
18
-
19
- public String deleteProduct(Model model, @ModelAttribute ProductInfo productInfo, @Valid int productID,
20
-
21
- RedirectAttributes redirectAttributes) {
22
-
23
- ProductInfo product = new ProductInfo();
24
-
25
- product = productService.getProductInfo(productID);
26
-
27
- productInfo.setProductID(productID);
1
+ ああああああああああああああああああああああああああああああああああああ
28
-
29
- productInfo.setUpdateDate(product.getUpdateDate());
30
-
31
- productService.deleteProductInfo(productInfo);
32
-
33
- int count = productService.deleteProductInfo(productInfo);
34
-
35
- if (count > 0) {
36
-
37
- redirectAttributes.addFlashAttribute("update", "{IMSG201}");
38
-
39
- } else {
40
-
41
- model.addAttribute("error", "{EMSG201}");
42
-
43
- }
44
-
45
- return "redirect:/product-list";
46
-
47
- }
48
-
49
- }
50
-
51
- ```
52
-
53
- ```html
54
-
55
- <!DOCTYPE html>
56
-
57
- <html xmlns:th="http://www.thymeleaf.org">
58
-
59
- <head>
60
-
61
- <link rel="stylesheet" th:href="@{/css/productupdate.css}" type="text/css">
62
-
63
- <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}"></script>
64
-
65
- <script th:src="@{/js/update.js}" defer="defer"></script>
66
-
67
- <script th:src="@{/js/delete.js}" defer="defer"></script>
68
-
69
- <script th:src="@{/js/back.js}" defer="defer"></script>
70
-
71
- <meta charset="utf-8">
72
-
73
- <title></title>
74
-
75
- </head>
76
-
77
- <body>
78
-
79
- <h2 class="title1">商品情報管理システム</h2>
80
-
81
- <h2 class="title2">商品情報更新</h2>
82
-
83
- <label class="message">商品名の入力は必須です</label><br>
84
-
85
- <form action = "/product-update" th:method="put" th:object=${productInfo} enctype="multipart/form-data">
86
-
87
- <button class="update" type="submit" name="update">更新</button>
88
-
89
- <button class="delete" type="submit" name="delete">削除</button>
90
-
91
- <button id="back" type="button">戻る</button>
92
-
93
- <div class="inputBlock">
94
-
95
- <div class="title">商品ID:</div>
96
-
97
- <label class="id"th:text="*{productID}"></label>
98
-
99
- <input type="hidden" name="productID" th:value=*{productID}>
100
-
101
- </div>
102
-
103
- <div class="inputBlock">
104
-
105
- <div class="title">ジャンル:</div>
106
-
107
- <div class="input">
108
-
109
- <select class="test3" th:field="*{genre}">
110
-
111
- <option th:each="genre:${T(cooking.enums.ProductGenre).values()}"
112
-
113
- th:value="${genre.genreCode}" th:text="${genre.genreName}">
114
-
115
- </option>
116
-
117
- </select>
118
-
119
- </div>
120
-
121
- </div>
122
-
123
- <div class="inputBlock">
124
-
125
- <div class="title">メーカー:</div>
126
-
127
- <input class="test1" type="text" th:field="*{maker}">
128
-
129
- </div>
130
-
131
- <div class="inputBlock">
132
-
133
- <div class="title">商品名:</div>
134
-
135
- <input class="test1" type="text" th:field="*{productName}">
136
-
137
- </div>
138
-
139
- <div class="inputBlock">
140
-
141
- <div class="title">販売価格:</div>
142
-
143
- <input class="test2" type="text" th:field="*{sellingPrice}">
144
-
145
- </div>
146
-
147
- <div class="inputBlock">
148
-
149
- <div class="title">商品説明:</div>
150
-
151
- <textarea class="test1" name="name" th:field="*{productDetail}"></textarea>
152
-
153
- </div>
154
-
155
- <div class="inputBlock">
156
-
157
- <div class="title">商品画像:</div>
158
-
159
- <label class="none">
160
-
161
- <input class="test" id="file" type="file" th:field="*{multiPartFile}">
162
-
163
- </label>
164
-
165
- </div>
166
-
167
- </form>
168
-
169
- </body>
170
-
171
- </html>
172
-
173
- ```
174
-
175
- ```javascript
176
-
177
- const message="商品情報を削除しますか?"
178
-
179
- $('.delete').click(function(){
180
-
181
- if(!confirm(message)){
182
-
183
- return false;
184
-
185
- }
186
-
187
- })
188
-
189
-
190
-
191
- const message="商品情報を登録しますか?"
192
-
193
- $('.regist').click(function(){
194
-
195
- if(!confirm(message)){
196
-
197
- return false;
198
-
199
- }
200
-
201
- })
202
-
203
- ```
204
-
205
- ### 試したこと
206
-
207
- 違う書き方なども試してみましたが、どれもうまくいかず動作しませんでした。ご教授いただければ幸いです。