반응형
온클릭 속성에 백일해 변수 사용
현재의 spring-boot 프로젝트에서는 다음 html 코드를 가진 뷰가 1개 있습니다.
<button type="button" class="btn btn-primary" onclick="upload()" th:utext="#{modal.save}"></button>
에서onclick
아트리뷰트, 함수의 콜upload()
하나의 매개 변수가 있어야 합니다. 이 매개 변수는 Tymeleaf 변수에 저장됩니다.${gallery}
.
위의 명령어의 표현 사용법을 가르쳐 주실 수 있습니까?
이미 시도하고 있습니다.
th:onclick="upload(${gallery)"
th:attr="onclick=upload(${gallery)"
이 중 어느 것도 효과가 없었다.
Tymeleaf 3.0.10th: on클릭 Tymeleaf 변수가 작동하지 않음
이 조작은 유효합니다.
th:attr="onclick=|upload('${gallery}')|"
저는 이 문제를 다음과 같은 방법으로 해결합니다.
th:onclick="|upload('${command['class'].simpleName}', '${gallery}')|"
이 조작은 유효합니다.
<button th:onclick="'javascript:upload(' + ${gallery} + ')'"></button>
Thymeleaf 3.0.10 버전
[ ] 를 사용하면 더 쉬워집니다.thymeleaf 는 템플릿에 값을 주입합니다.
값이 string이면 견적은 필요 없습니다.
<button th:data-id="${quartzInfo.id}"
th:onclick="del(this,[[${quartzInfo.id}]]" type="button">
</button>
오래된 응답은 새로운 버전 3.0.10에서는 동작하지 않습니다.필요한 것은 다음과 같습니다.
<button th:data-id="${quartzInfo.id}"
onclick="del(this,this.getAttribute('data-id'))" type="button">
</button>
실제로 이것도 동작하고 있습니다.
th:attr="onclick=${'upload('+gallery+')'}"
네, 너무 늦었지만, 저는 이것이 그것을 필요로 하는 사람들에게 도움이 되기를 바랍니다.
이거 먹어봐
th:onclick="'upload('+${gallery}+')'"
사용하실 거면attr
여기서 스트링이 있습니다.HTML
는 크래시 됩니다.문자열 값의 경우는, 다음의 조작을 실시할 필요가 있습니다.
th:attr="onclick=${'toggleContractLine('+ ''' + contract.id + ''' + ')'}"
언급URL : https://stackoverflow.com/questions/32650536/using-thymeleaf-variable-in-onclick-attribute
반응형
'sourcecode' 카테고리의 다른 글
폼 7에 문의하면 HTTP 500 에러가 발생합니다. (0) | 2023.03.25 |
---|---|
Spring RestTemplate에서의 SSL 증명서 검증 디세블화 (0) | 2023.03.25 |
캐시 방법NET Web API 요청( & use with Angular)JS $http) (0) | 2023.03.25 |
브라우저에서 mocha 테스트는 어떻게 실행합니까? (0) | 2023.03.25 |
앵커 태그의 유효한 특성 '비활성화'입니까? (0) | 2023.03.25 |