본문 바로가기

개발/Thymeleaf

Thymeleaf 에서 html의 name, id, value 속성 자동 부여 (th:object, th:field)

반응형

th:object : 객체 받아줌

th:field : 객체의 필드 매칭

* Controller 에서 전달받은 testVO 객체를 th:obejct="${testVO}" 로 전달받음.

* th:field="*{useYn}" 를 사용하면, 태그의 value 값으로 testVO.useYn 값이 들어가며, id, name 속성도 자동으로 useYn으로 지정된다.  

<form id="searchForm">
        <div th:object="${testVO}">
            <div>          
                <div>
                    <span class="label">사용여부</span>
                    <select th:field="*{useYn}">
                    	<option value="">전체선택</option>
                        <option th:value="Y">사용</option>
                        <option th:value="N">사용안함</option>
                    </select>
                </div>
                <div>
                    <span class="label">작성자</span>
                    <div>
                        <input th:field="*{rgstrId}"placeholder="검색어를 입력해 주세요.">
                    </div>
                </div>
                <div>
                    <button id="btnSearch">
                        <div class="box">
                            <span>검색</span>
                        </div>
                    </button>
                </div>
            </div>
        </div>
</form>

 

반응형