th : switch 및 th : each를 사용하여 thymeleaf에서 두 개의 목록을 처리하는 방법

가브리엘로 가스

데이터베이스에서 개체 목록 하나를 얻고 th : switch 및 th : each를 사용하여 thymeleaf 엔진으로 html 페이지 내부의 해당 목록을 반복합니다. 이제이 목록의 각 개체에서 하나의 속성을 다른 형식으로 변경하고 싶습니다. 문제는 첫 번째 목록의 해당 개체와 함께 thymeleaf의 switch 문에서 다른 목록 내에서 형식이 지정된 값을 사용하는 방법입니다.

아래는 출력에서 5.0E7로 나타나는 이중 숫자 getKinachoitajika () 의 값을 얻기 위해 모든 객체 내부를 반복하는 방법을 보여줍니다 . 이제는 50,000,000과 같은 일반 숫자를 표시하도록 형식을 지정하고 해당 값을 ArrayList와arrItajika 과 첫 번째 목록의 개체를 통해 반복하면서 HTML 파일 내부를 사용합니다.

@GetMapping("/joinMichangoQuery")
   public String kandaAndParokia(Model model){
     List<Kmichango> listKandaAndParokia = kMichangoRepository.findAll();
     ArrayList arrItajika = new ArrayList<>();
        for(int i=0; i< listKandaAndParokia.size(); i++){
           NumberFormat nf = NumberFormat.getInstance();
           nf.setMinimumFractionDigits(0);
           arrItajika.add(nf.format(listKandaAndParokia.get(i).getKinachoitajika()));
         }
     model.addAttribute("listKandaAndParokia", listKandaAndParokia);
     model.addAttribute("itajikaFromated", arrItajika);
     return "michango_joined";
 }

이제 michango_joined.html 내부에서 각 개체의 모든 값을 반복하고 아래와 같이 테이블에 표시합니다.

        <div th:switch="${listKandaAndParokia}" class="container my-5">
        <h2 th:case="null">No Michango</h2>
        <div th:case="*">
            <table class="table table-bordered table-striped table-responsive-md">
                <thead class="thead-dark">
                    <tr>
                <th>ID</th>
                <th>KandaID</th>
                <th>Kinachohitajika</th>
                <th>Kilichopatikana</th>
                <th>Hali</th>
                <th>Jina La Mchango toka Parokia Michango</th>
                <th></th>
                    </tr>
                </thead>
                <tbody>
                <tr th:each="kMchango : ${listKandaAndParokia}">
                <td th:text= "${kMchango.id}"></td>
                <td th:text= "${kMchango.kandaId.kandaName}"></td>
                <td th:text= "${kMchango.kinachoitajika}"></td>
                <td th:text= "${kMchango.kilichopatikana}"></td>
                <td>[[${kMchango.mchangoParokia.status}]]</td>
                <td th:text= "${kMchango.mchangoParokia.mchangoJina}"></td>
                </tr>
            </tbody>
            </table>
        </div>
    </div>

이제 ArrayList arrItajika 의 값을 스위치 내의 각 해당 개체와 함께 표시하려고합니다. 즉,이 "$ {kMchango.kinachoitajika}"thymeleaf 내부의 arrItajika로 바꾸고 싶습니다. 어떻게이 상호 작용을 수행합니까? 어떻게 처리 할 수 ​​있는지에 대한 또 다른 제안이 있습니다.

업데이트 : 리포지토리 파일을 추가했습니다.

public interface KmichangoRepository extends JpaRepository <Kmichango, String> {
@Query(value = "SELECT * FROM michango_kanda INNER JOIN michango ON michango_kanda.mchango_code = michango.mchango_code",nativeQuery = true)
public List<Kmichango>  getKandaAndParokiaByMichangoCode();


}
Wim Deblauwe

두 목록의 색인이 같으면 th:each색인과 함께 사용할 수 있습니다 . Thymeleaf-인덱스로 목록을 반복하는 방법을 참조하십시오.

<tr th:each="kMchango,iter: ${listKandaAndParokia}">
...
  <td th:text= "${itajikaFromated[iter.index]}"></td>
...
</tr>

또는 Kmichango형식이 지정된 값인 추가 필드와 결합되는 새 클래스를 만들고 새 클래스 유형의 요소가있는 모델에 목록이 하나만 있습니다.

마지막으로 템플릿 자체에서 서식을 지정할 수도 있습니다.

<span th:text="${#numbers.formatDecimal(kMchango.kinachoitajika, 0, 'COMMA', 2, 'POINT')}">

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

th : switch 및 th : each를 사용하여 thymeleaf에서 두 개의 목록을 처리하는 방법

분류에서Dev

qt 및 qglwidget을 사용하여 두 개의 텍스처를 OpenGL 셰이더에 전달하는 방법

분류에서Dev

Thymeleaf th : attr 및 th : attrappend를 사용하여 동적으로 속성 추가

분류에서Dev

Linq를 사용하여 목록에서 연속 된 두 항목의 하위 목록을 찾는 방법

분류에서Dev

thymeleaf에서 th : each atrribute를 사용하여 문자열 배열을 렌더링 할 수 없습니다.

분류에서Dev

ctag 및 태그 목록을 사용하여 하나의 파일에서 여러 클래스를 처리하는 방법

분류에서Dev

thymeleaf에서 th : text를 사용하여 HTML 태그 추가

분류에서Dev

th : each와 th : if를 결합 할 때 Thymeleaf에서 필터링 된 목록 크기를 얻는 방법은 무엇입니까?

분류에서Dev

Java의 두 목록에서 Stream Api를 사용하여 목록을 만드는 방법

분류에서Dev

Thymeleaf 및 Spring boot를 사용하여 드롭 다운 목록에서 선택한 값을 추출하는 방법

분류에서Dev

처리를위한 최소 라이브러리를 사용하여 왼쪽 및 오른쪽 채널에 대해 두 개의 FFT 개체를 만드는 방법

분류에서Dev

두 개의 사용자 지정 개체를 기반으로 목록에서 중복을 제거하는 방법

분류에서Dev

HTML5 및 Javascript를 사용하여 두 개의 텍스트 파일을 동시에 읽는 방법

분류에서Dev

python을 사용하여 사전 목록이있는 두 개의 사전 요소를 비교하는 방법

분류에서Dev

tidyverse에서 index를 사용하여 두 개의 컬럼을 빼는 방법

분류에서Dev

모든 행에 대해 Datatables를 사용하여 특정 열의 값을 기반으로 <th>에 클래스 이름을 추가하는 방법

분류에서Dev

sightly를 사용하여 목록에 두 개의 숫자를 추가하는 방법

분류에서Dev

함수 및 목록-함수를 사용하여 두 목록을 연결하는 방법은 무엇입니까?

분류에서Dev

r의 rev () 및 루프를 사용하여 목록에 적용하는 방법

분류에서Dev

tfoot 내부의 th 요소에 값을 설정하는 방법

분류에서Dev

두 개의 서로 다른 서버를 사용하도록 MongoDB 및 nodejs를 구성하는 방법

분류에서Dev

Vue.js를 사용하여 두 개의 종속성 드롭 다운 목록을 설정하는 방법

분류에서Dev

Bootstrap의 PUSH 및 PULL 클래스를 사용하여 두 개의 뷰포트에서만 열을 올바르게 교체하는 방법

분류에서Dev

Thymeleaf의 th : each 문에서 If-Else

분류에서Dev

두 개의 다른 드라이버 (MongoDB Scala Driver 및 Salat)를 사용하여 MongoDb에서 읽고 쓰는 방법

분류에서Dev

jquery에서 $ .each ()를 사용하여 th 컬렉션에서 'th'텍스트를 가져옵니다.

분류에서Dev

awk를 사용하여 두 개의 다른 파일에서 하나의 열을 병합하는 방법

분류에서Dev

vue 및 vuetify를 사용하여 선택한 개체의 요소 목록을 표시하는 방법

분류에서Dev

HTML에서 동일한 입력 값을 사용하여 하나의 입력 필드, 두 개의 버튼 및 두 개의 작업을 갖는 방법

Related 관련 기사

  1. 1

    th : switch 및 th : each를 사용하여 thymeleaf에서 두 개의 목록을 처리하는 방법

  2. 2

    qt 및 qglwidget을 사용하여 두 개의 텍스처를 OpenGL 셰이더에 전달하는 방법

  3. 3

    Thymeleaf th : attr 및 th : attrappend를 사용하여 동적으로 속성 추가

  4. 4

    Linq를 사용하여 목록에서 연속 된 두 항목의 하위 목록을 찾는 방법

  5. 5

    thymeleaf에서 th : each atrribute를 사용하여 문자열 배열을 렌더링 할 수 없습니다.

  6. 6

    ctag 및 태그 목록을 사용하여 하나의 파일에서 여러 클래스를 처리하는 방법

  7. 7

    thymeleaf에서 th : text를 사용하여 HTML 태그 추가

  8. 8

    th : each와 th : if를 결합 할 때 Thymeleaf에서 필터링 된 목록 크기를 얻는 방법은 무엇입니까?

  9. 9

    Java의 두 목록에서 Stream Api를 사용하여 목록을 만드는 방법

  10. 10

    Thymeleaf 및 Spring boot를 사용하여 드롭 다운 목록에서 선택한 값을 추출하는 방법

  11. 11

    처리를위한 최소 라이브러리를 사용하여 왼쪽 및 오른쪽 채널에 대해 두 개의 FFT 개체를 만드는 방법

  12. 12

    두 개의 사용자 지정 개체를 기반으로 목록에서 중복을 제거하는 방법

  13. 13

    HTML5 및 Javascript를 사용하여 두 개의 텍스트 파일을 동시에 읽는 방법

  14. 14

    python을 사용하여 사전 목록이있는 두 개의 사전 요소를 비교하는 방법

  15. 15

    tidyverse에서 index를 사용하여 두 개의 컬럼을 빼는 방법

  16. 16

    모든 행에 대해 Datatables를 사용하여 특정 열의 값을 기반으로 <th>에 클래스 이름을 추가하는 방법

  17. 17

    sightly를 사용하여 목록에 두 개의 숫자를 추가하는 방법

  18. 18

    함수 및 목록-함수를 사용하여 두 목록을 연결하는 방법은 무엇입니까?

  19. 19

    r의 rev () 및 루프를 사용하여 목록에 적용하는 방법

  20. 20

    tfoot 내부의 th 요소에 값을 설정하는 방법

  21. 21

    두 개의 서로 다른 서버를 사용하도록 MongoDB 및 nodejs를 구성하는 방법

  22. 22

    Vue.js를 사용하여 두 개의 종속성 드롭 다운 목록을 설정하는 방법

  23. 23

    Bootstrap의 PUSH 및 PULL 클래스를 사용하여 두 개의 뷰포트에서만 열을 올바르게 교체하는 방법

  24. 24

    Thymeleaf의 th : each 문에서 If-Else

  25. 25

    두 개의 다른 드라이버 (MongoDB Scala Driver 및 Salat)를 사용하여 MongoDb에서 읽고 쓰는 방법

  26. 26

    jquery에서 $ .each ()를 사용하여 th 컬렉션에서 'th'텍스트를 가져옵니다.

  27. 27

    awk를 사용하여 두 개의 다른 파일에서 하나의 열을 병합하는 방법

  28. 28

    vue 및 vuetify를 사용하여 선택한 개체의 요소 목록을 표시하는 방법

  29. 29

    HTML에서 동일한 입력 값을 사용하여 하나의 입력 필드, 두 개의 버튼 및 두 개의 작업을 갖는 방법

뜨겁다태그

보관