Thymeleaf 변수 값 변경 - Thymeleaf byeonsu gabs byeongyeong

지금까지 프로젝트하면서 사용한 부분을 정리해본다.

계속 추가될 예정


th:value (값 넣기)

1

<input type="hidden" id="dataId" name="dataId" th:value="${formData.getDataId()}"/>

cs


th:text (텍스트 넣기)

1

<span th:text="${dataInfo.getDataName()}"></span>

cs

th:attr (속성 추가)

1

2

3

4

5

<div class="checkbox">

    <p>허용 여부</p>

    <label><input type="radio" name="isPerm" value="1" th:attr="checked=${formData.getIsPerm().toString() == '1' ? 'true' : 'false'}">예</label>

    <label><input type="radio" name="isPerm" value="0" th:attr="checked=${formData.getIsPerm().toString() == '0' ? 'true' : 'false'}">아니오</label>

</div>


cs


th:classappend (클래스 추가)

1

2

3

<li class="nav-item" th:classappend="${data != null} ? 'dropdown' : ''">

    ....생략....

</li 

cs


th:action

1

<form id="dataForm" th:action="@{/services/data/add}" method="POST">

cs

th:href

1

<link rel="stylesheet" th:href="@{/css/ui.jqgrid-bootstrap.css}">

cs


th:if (조건문)

1

2

3

4

<div class="modal-footer" th:if="${dataInfo.getOrder() <= 2}">

    <a class="btn" onclick="save();">등록</a>

    <a class="btn" onclick="delete();">삭제</a>

</div>

r

cs


th:each (반복문)

1

2

3

4

<select class="form-control" id="ComId" name="ComId">

    <option value="">선택</option>

    <option th:each="list, i : ${comList}" th:value="${list.getCodeName()}" th:text="${list.getDescription()}"></option>

</select>

s

(순서대로 list = 사용할 변수명,  i = 인덱스, ${} = 받을 리스트 객체)


th:with (변수사용)

1

2

3

4

5

<div class="col-md-12" th:with="dataFlag=${(formData== null || formData.getDataId() == '') ? false : true}">

 

    <input type="text" id="pernrId" name="pernrId" th:value="${dataFlag? formData.pernrId() : ''}"/>

 

</div>

Colored by Color Scripter

cs

( th:with="변수1=xxx, 변수2=yyy" 식으로 여러 개의 변수 선언 가능 )



공유하기

게시글 관리

구독하기Hi.

저작자표시 비영리 변경금지

  • 카카오스토리
  • 트위터
  • 페이스북

'※ > 공부' 카테고리의 다른 글

화면에서 엑셀(xlsx) export하기  (0)2019.03.21jqGrid 페이징 예제  (0)2019.03.15스프링 시큐리티(Spring Security) 접근 권한 체크  (0)2019.03.13타임리프(thymeleaf) javascript 변수 사용  (0)2019.03.12Bootsrap DatePicker 기본 셋팅  (0)2019.03.11