타임리프 관련 질문 ( onclick , href )
880
작성한 질문수 1
안녕하세요?
타임리프 수업중에 이해가 안가는 부분이 있어서 질문드립니다.
강의 내용 중에 item.html을 보면
상품명 부분에 th:href="@{|/basic/items/${item.id}|}" 이 부분을
th:onclick="|location.href='@{/basic/items/{itemId}(itemId=${item.id})}'|"
이렇게 바꿨을 때 왜 동작을 안할까요??
상품목록 페이지에서 상품명 부분을 클릭했을 시 해당 item의 정보를 보여주니까
문제가 없다고 생각했는데 안되는게 궁금하네요 ㅜㅜ
답변 1
1
안녕하세요, KIHWAN SEO 님. 공식 서포터즈 codesweaver 입니다.
.
a 태그의 href 속성이 아래와 같이 되어있지 않은지 확인해주시기 바랍니다.
<a href="item.html"
th:onclick="|location.href='@{/form/items/{itemId}(itemId=${item.id})}'|"
th:text="${item.itemName}">상품명</a></td>
이 경우, 상품명을 클릭하게 되면, onclick 이 처리되기 이전에 href 에 의해 item.html으로 이동하는 처리가 먼저 진행됩니다. 그렇게 되면 id 값이 없는 상세 페이지로 이동하게 되기에, Whitelabel 페이지가 보이게 됩니다. 해당 href 부분을 # 으로 처리하게 되면 onclick 이벤트가 정상적으로 처리 됩니다.
.<a href="#"
th:onclick="|location.href='@{/form/items/{itemId}(itemId=${item.id})}'|"
th:text="${item.itemName}">상품명</a></td>
감사합니다.
servlet과 container에 대한 질문입니다
0
25
1
api를 어느 컨트롤러에 작성해야하는지는 어떤 기준으로 해야하나요?
0
64
1
jsp 의존성 수정 요청
0
80
2
요즘 웹 서버가 주로 사용되는 이유는 SPA 구조 때문일까요 ?
0
143
1
save() 메서드 문의
0
67
1
절대 경로로 templates/basic 하위 파일 열면 css 적용 안되는 현상
0
101
1
request-body-json
0
83
2
MVC 패턴의 적용 단위
0
97
1
RequestMapping을 이용한 핸들러, 어댑터
0
119
2
save 후 결과화면
0
89
2
jsp를 이용한 view
0
97
1
application.properties에 debug 추가해도 결과가 똑같습니다.
0
178
1
수업 코드 제공 관련 문의
0
97
2
RequestMappingHandlerAdapter의 Controller 호출 과정
0
100
3
파일 오픈 시
0
70
1
스프링 배치 관련
0
78
1
@RequestParam의 defaultValue가 blank 값도 처리하는 지 여부
0
112
1
postman으로 /request-body-json-v1 호출시 500 error
0
96
1
프론트엔드와 백엔드의 mvc, rest api에 대한 질문
0
79
1
모델의 역할과 계층 분리에 대한 이해 차이 + 추가질문
0
111
1
console log 출력 관련 질문입니다.
0
75
1
애플리케이션이 실행 되지 않습니다 ㅠㅠㅠ
0
139
1
html 변경하는 부분 적용 문제
0
103
1
한글 깨짐
0
77
2