thymeleaf 타임리프 <a href=javascript 함수에 값 전달하는 방법> </a>

 

타임 리프에서는 어떻게 javascript 에 값을 전달하는가

 

아래와 같이 하면 된다.

 

<a th:if="${pageMaker.isPrev()}" style="text-decoration: none;" th:onclick="|javascript:page('${pageMaker.getStartPage()}')|">&laquo;</a>
    <th:block th:each="pageNum:${pageList}">
        &nbsp;<a th:text="${pageNum}" th:onclick="|javascript:page('${pageNum}')|"></a>&nbsp;
    </th:block>
<a th:if="${pageMaker.isNext()}" style="text-decoration: none;" th:onclick="|javascript:page('${pageMaker.getEndPage()}')|">&raquo;</a>​

 

 

<a th:onclick="|javascript:page('${pageNum}')|"></a>​

 

이렇게 th:onclick과 함께 작성하면 된다.

 

page는 javascript 함수의 이름이다.

 

<script type="text/javascript">
    function page(idx) {
        alert(idx);
        var pageNum = idx;
        location.href="http://localhost:8080/artwork?pageNum="+pageNum;
    }
</script>​