일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 커밋메세지수정
- 예약
- querydsl
- 테스트
- MySQL
- 테스트메소드
- application.yml
- ㅔㄴ션
- Query
- 2 > /dev/null
- 추후정리
- appspec
- docker명령어
- 컨테이너실행
- 외부키
- EC2
- 네이티브쿼리
- 참조키
- AuthenticationEntryPoint
- 메소드명
- 메세지수정
- 검색
- appspec.yml
- 포트
- foreignkey
- ubuntu
- 서브쿼리
- 적용우선순위
- WeNews
- subquery
Archives
- Today
- Total
제뉴어리의 모든것
동적으로 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();
생략
:
'HTML' 카테고리의 다른 글
textarea 줄바꿈 처리 ('\n', 개행문자) - p태그에 줄 바꿈 적용 (0) | 2021.03.30 |
---|---|
HTML4와 HTML5 (0) | 2021.03.28 |
mysql LocalDateTime 그리고 HTML DateTime-local 간의 변환.. (0) | 2021.03.14 |
HTML에서 파일 업로드 시 특정 타입의 데이터만 올리기 (0) | 2021.03.12 |
[HTML] 폼태크 <input>에서 id와 name의 서로 다른 기능 (0) | 2021.03.10 |