How to assign more than one attribute to the html element with thymeleaf

html spring-mvc thymeleaf
Djordje Ivanovic picture Djordje Ivanovic · Mar 31, 2014 · Viewed 13.5k times · Source

I have a select box on my thymelaf page. I already have defined one attribute for it like:

th:attr="labelId='associateTSF' + ${mViewStat.index}"

Is there a way to set more than one? something like:

th:attr="labelId='associateTSF' + ${mViewStat.index}; missionGroup=${mView.missionGroup}"

I have already tried this with ; and with blank space, no success. All examples I have found are with single value.

Thanks!

Answer

Djordje Ivanovic picture Djordje Ivanovic · Mar 31, 2014

Found it! And it works. It should be separated by comma.

HTML forbids repeated attributes, so that code is not correct. However, th:attr and data-th-attr allow you to specify several attributes separated by commas, like:

 <a href="#"     data-th-attr="data-groupid=${somevalue},
                  data-groupname=${someothervalue}">...</a>

found it on this discussion: https://github.com/thymeleaf/thymeleaf/issues/93

Related questions

How to set thymeleaf th:field value from other variable

I have a simple text input field where i have to set default value from one object and save its final value in other. The following code is not working. <div th:object="${form}"> <input class="form-control" …

Read More
How to filter a collection in thymeleaf th:each using another property in comparison

I am trying to filter the collection using Thymeleaf by following the example in the following url. "Projection & selection on collection" section. http://doanduyhai.wordpress.com/2012/04/14/spring-mvc-part-iv-thymeleaf-advanced-usage/ <tr th:each="artist,rowStat : ${listArtits.?[alive == true]}"> ... </tr&…

Read More
Spring MVC Multiple ModelAttribute On the Same Form

I have a form with two ModelAttributes one is citizens and the other is punishment. The two objects are separated by jquery tabs. I am having problems in getting the items on the form to display properly some are being …

Read More