thymeleaf Spring チェックボックスのチェック状態を保持する方法

Question

チェックをつけて検索ボタンを押下すると検索結果は同じですが、チェックが外れた状態になってしまいます。
チェック状態を保持する方法を教えてください。
FORMではStringのListにしていますがBooleanじゃないといけないとかわかっていません。

@Data
public class Form {
	private int id;
	private Date datefrom;
	private Date dateto;
	private String koumoku;
	private int kingaku;
	private String syousai;
	private String bikou;
   //チェックボックスの情報
	private List<String> deleteList;

Controllerクラスでチェックボックスの値はdeleteListに格納されているのは確認済みですが、HTMLのチェックボックスの連携の仕方がわからず未実装です。

<table>
				<tr th:each="obj:${resultList}" th:object="${obj}">
					<td style="display: none;"><input type="hidden"
						th:text="*{id}"></td>
					<td><input type="button" value="更新"></td>
					<td th:text="*{date}"></td>
					<td th:text="*{koumoku}"></td>
					<td th:text="*{kingaku}"></td>
					<td th:text="*{syousai}"></td>
					<td th:text="*{bikou}"></td>
　　　　　　　　　　　<!-- チェックボックス-->
					<td><input type="checkbox" th:value="*{id}" name="deleteList"></td>
				</tr>
			</table>

チェックボックスにはidをvalueとしてチェックをつけたものをidを元に削除する機能を作る予定です。

Answer 1

「どういうときにチェックが入るか」が今一つわかりませんが
th:checked="true"でチェックになり、falseだと外れます。
あとは三項演算子で条件書いて、true/falseを切り分けてください。

Comments

[退会済みユーザー]

回答ありがとうございます。
Controllerクラス
for(int i=0; i<form.getDeleteList().size();i++) {
model.addAttribute("deleteList",form.getDeleteList().get(i));
}
HTML
<input type="checkbox" th:value="*{id}" name="deleteList" th:checked="${deleteList}==*{id} ? true : false">
にして複数チェックをつけるとチェックをつけた一番最後に出力されたレコードのみチェック状態がほじされてしまいます。
何か対策はありますか。

[m.ts10806]

deleteListという同じキーで上書きしてるからです。各行にそったキーをつけてください。

[退会済みユーザー]

申し訳ございません。
お手数ですがもう少し詳細に教えていただけないでしょうか。

[m.ts10806]

for(int i=0; i<form.getDeleteList().size();i++) {
model.addAttribute("deleteList",form.getDeleteList().get(i));
}

上記、modelにaddするときのキーが同じものが設定されています。
HashMapとかと同じで、同じキーが指定されれば、後のもので上書きされます。
つまり、「個々の値をそれぞれ入れたい」なら一意なキーを指定する必要があるわけです。
それは決めてください。IDでつけるのが良いでしょうけど。

ただ、ListをFormに持つのが本当にいいのかとかその辺から考えた方が良さそうには思います。
Form自体がListならdeleteflgをbooleanで持つとかの方が簡単でしょうし、データの持ち方がちょっと画面出力やりづらい内容になってると思います。
thymeleafでもcontainskeyあるみたいなので、できないことはないでしょうけど。
https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf_ja.html#appendix-a-expression-basic-objects

Answer 2

Formの

private List<String> deleteList;

はListにする必要ありますか？
単体での削除であれば、private int deleteId等にして、htmlを

<td><input type="checkbox" th:value="*{id}" th:field="*{deleteId}"></td>

でボタンの実装は行けないですかね？

そもそもですが、deleteIdをFormから切り離して、コントローラー側の@RequestParamや@PathVariable等で値を取得して、それをキーにして、削除した方が良い気がします。
Spring MVC コントローラの引数

更新(update)と削除(delete)ボタンにname属性を付与し、コントローラー側のparamsで分岐させることも出来ます。
@PostMapping(value = "/{id}/edit", params = "delete")
@PostMapping(value = "/{id}/edit", params = "update")

Comments

[退会済みユーザー]

ご回答ありがとうございます。
private List<String> deleteList;にしている理由として、
for(int i=0; i<form.getDeleteList().size();i++) {
repository.deleteById(form.getDeleteList().get(i))
のように単体ではなくチェックがついたもの全てを一回の処理で削除するためです。

私の質問の仕方が悪くてすいませんが、今回は削除の方法ではなくチェックボックスのチェック状態の保持の仕方をご教授いただければ幸いです。

[tattakahiiii]

なるほど。
では、チェック状態にする方法ですが、コントローラー側にHashMapを作成し、modelに登録。
その値をth:valueに渡してあげて、HashMapのキーとFormのフィールドの値が同じであれば、チェック状態になると思います。

下記のようなイメージです。
<input type="checkbox" th:value="${Map.key}" th:field="*{deleteId}"/>

[退会済みユーザー]

ありがとうございます。
私の勉強不足でHashMapとhtｍl側のth:value="${Map.key}との関連のイメージがつきません。
参考になるサイトなどはご存しないでしょうか。

[tattakahiiii]

下記の記事が参考になると思います。
https://qiita.com/rubytomato@github/items/8da1bb19537bbfc9c2ea#%E5%85%A5%E5%8A%9B%E7%94%BB%E9%9D%A2

[退会済みユーザー]

ControllerにHashMapを作ってみました
Map<String, String> selectMap = new HashMap<String, String>();
for(int i=0; i<form.getDeleteList().size();i++) {
selectMap.put(form.getDeleteList().get(i), "");
model.addAttribute("selectMap",selectMap);
}
HTML
<tr th:each="obj:${resultList}" th:object="${obj}">
<td style="display: none;"><input type="hidden"
th:text="*{id}"></td>
<td><input type="button" value="更新"></td>
<td th:text="*{date}"></td>
<td th:text="*{koumoku}"></td>
<td th:text="*{kingaku}"></td>
<td th:text="*{syousai}"></td>
<td><input type="checkbox" th:value="*{id}" th:field="*{selectMap}" ></td>
</tr>

Formクラスには String配列のselectMapを作りました。

<input type="checkbox" th:value="${Map.key}" th:field="*{deleteId}"/>
↑先ほど教えていただいたこの内容ですが
th:field="*{selectMap}"のところでgetのリクエスト時にエラーが起きてしまいます。

HashMapのキーとFormのフィールドの値が同じの場合チェックを保持する方法についてもう少し教えていただけないでしょうか。