Q&A
渡すデータのイメージが付かなかったのですがリストが３つあるということでしょうか？渡すデータの例をjavaのコードで表していただけると回答を得られやすいのではと思います。
※Thymeleafの掲示板にも質問は投げましたが、日本語の回答がいただければなお助かるので、teratailさんにも投稿します。
###前提・実現したいこと
複数のth:eachの中で、シーケンスを使いたい
ループの内側で下記のようなシーケンス番号を使いたい
ループは地域⇒都道府県→市区町村のような構造。それぞれに順番がある。
| シーケンス | 外側 | 内側 |
|---|---|---|
| 0 | 1 | 1 |
| 1 | 1 | 2 |
| 2 | 1 | 3 |
| 3 | 2 | 1 |
| 4 | 2 | 2 |
| 5 | 2 | 3 |
###試したこと
th:withや${#numbers.sequence(from,to)}を使った解決方法を模索しましたが実現できなそうでした。th:withでは、使用箇所より内部のタグでないとnullとなってしまうため、th:eachとともにth:withで変数をインクリメントすることはできませんでした。また、JSPみたいに変数のみ操作する方法があればと思ったのですが、見つけられませんでした。
ダメな例 th:with="index = (${index} ?: 0) + 1"
${#numbers.sequence(from,to)}については、これ自体をth:eachで回さないとうまく取り出せなかったですが、ループの順序と階層構造も重要なため、これでは実現できないです。
Thymeleafで実現できなければ、サーバ側かJavaScriptで連番を作りたいと思いますが、Thymeleafで実現できれば助かります。
回答2件
0
ベストアンサー
th:eachを2つ回して上記を実現したいという事だと理解していますが、以下のサイトの「6.2 繰り返しステータスの保持」の項のステータス変数で普通に実現できませんか？
投稿2017/08/20 11:09
総合スコア72
コードスニペットがない質問へのご確認・回答ありがとうございます。
> th:eachを2つ回して上記を実現したいという事だと理解しています
ご認識の通りです。
質問の中の表を更新しましたが、単純にindexやcountの足し合わせだと正しいシーケンスにならないです。
0
裏技に近いですが、以下のようなことも可能です( Thymeleaf 3.0.7.RELEASEで動作確認済み )
java
1// MultiListController.java 2import java.util.Arrays; 3import java.util.List; 4 5import org.springframework.stereotype.Controller; 6import org.springframework.ui.Model; 7import org.springframework.web.bind.annotation.RequestMapping; 8 9import serendip.spring.sample.model.User; 10 11@Controller 12public class MultiListController { 13 14 @RequestMapping("/list") 15 public String start(Model model) { 16 17 model.addAttribute("resultList", getResultList()); 18 19 return "list"; 20 } 21 22 List<List<User>> getResultList() { 23 List<User> first = Arrays.asList(User.builder().name("A1").build(), 24 User.builder().name("B1").build(), User.builder().name("C1").build(), 25 User.builder().name("D1").build(), User.builder().name("E1").build()); 26 27 List<User> second = Arrays.asList(User.builder().name("A2").build(), 28 User.builder().name("B2").build(), User.builder().name("C2").build(), 29 User.builder().name("D2").build(), User.builder().name("E2").build()); 30 31 List<User> third = Arrays.asList(User.builder().name("A3").build(), 32 User.builder().name("B3").build(), User.builder().name("C3").build(), 33 User.builder().name("D3").build(), User.builder().name("E3").build()); 34 35 return Arrays.asList(first, second, third); 36 } 37 38}
java
1// User.java (Controllerで作成しているVO） 2import lombok.Builder; 3import lombok.Getter; 4 5@Builder 6@Getter 7public class User { 8 private String name; 9}
html
1<!DOCTYPE html> 2<html xmlns:th="http://www.thymeleaf.org"> 3<head> 4<meta charset="UTF-8"> 5<title>MultiList</title> 6</head> 7<body> 8<div th:each="parent : ${resultList}"> 9 <div th:each="sub : ${parent}" > 10 <span th:text="${#ids.seq('')}"></span> 11 <span th:text="${sub.name}"></span> 12 </div> 13</div> 14</body> 15</html>
実行結果：
1 A1 2 B1 3 C1 4 D1 5 E1 6 A2 7 B2 8 C2 9 D2 10 E2 11 A3 12 B3 13 C3 14 D3 15 E3
投稿2017/08/21 06:46
総合スコア12011
あなたの回答
tips
プレビュー
