Thymeleaf 자주사용하는 문법 정리

처음 thymeleaf를 사용해서 프로젝트를 작업하면서 정리해봤다. 생각나는게 있으면 추가해야지!

 

Thymeleaf data 속성 사용법(1개)

th:attr="data-userid=${변수명}"

Thymeleaf data 속성 사용법(2개 이상)

th:attr="data-userid=${변수명}, data-usernm=${변수명}"

콤마로 연결!

참고로 대문자를 사용하면(data-userId 혹은 userNm)

$(obj).data(”userId”)로 값을 가져오지 못하므로 소문자사용함.

 

Thymeleaf class추가하기 : classappend

th:classappend="${조건} ? '참인경우append할 클래스명':''"

 

Thymeleaf select option selected(예시 : 검색)

<select th:field="${searchData.searchType}">
	<option th:value="title" th:selected="${searchData.searchType} == 'title'">
	...
</select>

 

Thymeleaf radio checked

<input type="radio" name="gender" value="f" th:checked="${gender eq 'f'}">여성
<input type="radio" name="gender" value="m" th:checked="${gender eq 'm'}">남성

 

Thymeleaf checkbox checked

<input type="checkbox" th:checked="${xxxYn} eq 'Y'" name="xxxYn" /> 

 

Thymeleaf List(예시 : resultList)형태 foreach

<tr th:each="resultRow,idx : ${resultList}">
	<th th:text="${idx.count}"></th>
	<td th:text="${resultRow.title}"></td>
</tr>

 

Thymeleaf Map(예시 : resultMap)형태 foreach

<ul class="tree-group" th:each="entry, ii: ${reulstMap}">
	<li th:text="${entry.key}"></li> <!-- key 출력 -->
	<li th:text="${entry.value}"></li> <!-- value 출력 -->
</ul>

 

Thymeleaf onclick 변수 사용방법

th:onclick="'fn_paging('+${pagination.startPageNum}+');'"

 

Thymeleaf split(예시 : / 으로 잘라서 0번째 값 가져오기)

th:text="${#strings.arraySplit(변수, '/')[0]}"

 

Thymeleaf java LocalDateTime을 원하는 날짜형식으로 변환

<td th:text="${#temporals.format(regDate, 'yyyy-MM-dd HH:mm:ss')}"></td>