sourcecode

온클릭 속성에 백일해 변수 사용

copyscript 2023. 3. 25. 11:44
반응형

온클릭 속성에 백일해 변수 사용

현재의 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

반응형