동적으로 HTML 소스 추가할때 th이용하여 자바 함수 사용예

안되는 버전

      			:
                생략
                
                var str = "";

                str += '<input type="hidden" name="type" th:value="${requestDTO.getType(0)}">';
                str += '<input type="hidden" name="type" th:value="${requestDTO.getType(1)}">';
                str += '<input type="hidden" name="type" th:value="${requestDTO.getType(2)}">';


                actionForm.append(str);


                actionForm.append(typeKeyword);
                actionForm.append(region);
                actionForm.append(regionKeyword);
                actionForm.append(minCost);
                actionForm.append(maxCost);



                actionForm.attr("action", "/board/list").attr("method", "get");

                actionForm.submit();
                
                
                생략
                :

위와 같이 동적으로 HTML 소스를 임의의 역역에 추가하고(당연히 form 영역 내부중이다) 해당 소스에 thymeleaf를 먹여 controller에서 넘어온 java 객체의 함수를 이용하여 값을 뽑아내서 적용하려 했으나, 되지 않는다.

그냥 아래와같이 <script th:inline="javascript"> 영역안에서 변수로 만든 다음 추가되는 str안에 변수로 먹여서 적용할것,,

 

 

 

되는 버전

    :
    생략
 
 
                var str = "";

                var t0 = [[${requestDTO.getType(0)}]];
                var t1 = [[${requestDTO.getType(1)}]];
                var t2 = [[${requestDTO.getType(2)}]];

                str += '<input type="hidden" name="type" value="'+t0+'">';
                str += '<input type="hidden" name="type" value="'+t1+'">';
                str += '<input type="hidden" name="type" value="'+t2+'">';



                actionForm.append(str);
                actionForm.append(typeKeyword);
                actionForm.append(region);
                actionForm.append(regionKeyword);
                actionForm.append(minCost);
                actionForm.append(maxCost);



                actionForm.attr("action", "/board/list").attr("method", "get");

                actionForm.submit();
                
                
        생략
        :