The checked attribute of the checkbox is not set in th:each.
Locked
 
|
Hi,
Here are codes: <ul> <li th:each="role : ${resource.roles}"><input type="checkbox" th:field="*{roles}" th:value="${role.id}" th:checked="${true}" /> <label th:text="${role.name}">ROLE_USER</label></li> </ul> Why the checked attribute of the checkbox is not set?There are not any checked attributes in rendered page. But the follwing code works well.It's not in th:each. <input type="checkbox" th:checked="${true}" /> And I notice that comments in Thymeleaf-Spring tutorial:"Also note that if our features property contained some selected values in our form-backing bean, th:field would have taken care of that and would have added a checked="checked" attribute to the corresponding input tags." Could you provide any examples? |
Re: The checked attribute of the checkbox is not set in th:each.
Administrator
|
Hi,
In the following fragment of your code: ...you do not need that "th:checked" attribute at all. The th:field="*{roles}" attribute should take care of checking each of the values in the "roles" property of your form-backing bean so that, when one of the elements equals ${role.id} (the value set in the "th:value" attribute), thymeleaf will automatically write a checked="checked" attribute into your checkbox tag. Trying to exemplify, let's say: 1. Your form-backing bean (th:object) is called "form"... 2. ...and form.getRoles() returns an array of Integers [23, 43, 76] (the roles currently selected)... 3. ...and role.getId() returns an Integer... 4. ...and resource.roles contains roles with ids [10, 20, 23, 43, 46, 76] Thymeleaf will do the following: 1. Iterate for 10. 10 is not contained in form.getRoles() --> No checked attribute. 2. Iterate for 20. 20 is not contained in form.getRoles() --> No checked attribute. 3. Iterate for 23. 23 IS contained in form.getRoles() --> checked="checked" attribute. 4. Iterate for 45. 45 IS contained in form.getRoles() --> checked="checked" attribute. 5. Iterate for 46. 46 is not contained in form.getRoles() --> No checked attribute. 6. Iterate for 76. 76 IS contained in form.getRoles() --> checked="checked" attribute. If this does not work for you, verify that: 1. The type of the array/list/set returned by form.getRoles() corresponds to the type returned by role.getId() (e.g. Integer, String, etc). This is, if form.getRoles() returns an array of Role objects (instead of Integers), then your th:value attribute should have "${role}" as value instead of "${role.id}". 2. The type returned by these methods correctly implements "equals()". Integer of course implements it, but if form.getRoles() returns Role[] and you rewrite th:value as "${role}", you should make sure the Role class implements "equals" so that Thymeleaf can know when a value is really contained in the roles array. If after this explanation this still does not work for you, please give me more details about the type returned by form.getRoles() and role.getId() so that I can track any possible issues. Regards, Daniel. |
|
|
There is a fragment of the controller codes.
The roles attribute has been put into the model.I have not yet seen any checked marks. |
Re: The checked attribute of the checkbox is not set in th:each.
|
Administrator
|
Ok. From your initial fragment of code I had understood that you were using a form-backing bean with a "getRoles()" method (which is the correct use for the th:field="*{roles}" attribute in your checkboxes), but now I see you are not using a form-backing bean at all. With your controller setup, using th:field makes no sense at all, because you have no object modelling your form data. Instead, you should use only the "name", "th:value" and "th:checked" attributes. The "name" attribute will set the name of your request parameter. The "th:value" is probably OK with "role.id" value, and the "th:checked" attribute will probably need the use of a #sets.contains() function (have a look at appendix in the "Using Thymeleaf" tutorial for this. Regards, Daniel. |
|
|
Is like this setting?
<ul> <li th:each="role : ${resource.roles}"><input type="checkbox" th:field="*{roles}" th:value="${role.id}" th:checked="${#sets.contains(roles,role.id)}" /> <label th:text="${role.name}">ROLE_USER</label></li> </ul> But I haven't seen any ticks. |
|
|
<input type="checkbox" th:checked="${true}" /> <input type="checkbox" th:field="*{roles}" th:checked="${true}" /> The first checkbox is checked and the second checkbox is not checked.Why? |
Re: The checked attribute of the checkbox is not set in th:each.
|
Administrator
|
Hi,
As I said in a previous message, having no form-backing bean, yo do not need that th:field at all. The code you need would be something like: <ul> <li th:each="role : ${resource.roles}"><input type="checkbox" name="roles" th:value="${role.id}" th:checked="${#sets.contains(roles,role.id)}" /> <label th:text="${role.name}">ROLE_USER</label></li> </ul> Your code: ...does not work mainly because you should not specify th:field AND th:checked at the same time in that scenario (th:field will try to override what you set in th:checked). But you should not specify th:field either because of not using a form-backing bean, so th:checked is enough. Regards, Daniel. |
|
|
But the following codes will cause an exception.
<input type="checkbox" th:checked="${true}" th:value="${1}"/> Here is the exception. This code works well. <input type="checkbox" th:checked="${true}" /> |
Re: The checked attribute of the checkbox is not set in th:each.
|
Administrator
|
Hello,
This is a bug, you are right. It's just been fixed in a snapshot version (1.0.0-beta3-20110620.224148-3) https://sourceforge.net/tracker/?func=detail&aid=3323477&group_id=509826&atid=2072659 For using a snapshot version, you should configure Sonatype OSS snapshot repositories (https://oss.sonatype.org/content/repositories/snapshots/) Regards, Daniel. |
Re: The checked attribute of the checkbox is not set in th:each.
|
|
Please help me here.
When i put th:field in input type checkbox. Checkbox disappear. Attached screenshot. 
|
«
Return to General Usage
|
1 view|%1 views
| Free forum by Nabble | Edit this page |