How to use Thymeleaf each?

Question

How to use Thymeleaf each?

Asked 8 years, 3 months ago

Viewed 2,140 times

4

Observe the code well in my controller;

@RequestMapping("/produtos/form")
    public ModelAndView form() {

        ModelAndView modelAndView = new ModelAndView("produtos/form");
        modelAndView.addObject("tipos", TipoPreco.values());

        return modelAndView;

    }

this is my html page, and write the following annotation at the top of the page

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

with the above annotation it is possible to take the list as follows;

<c:forEach items="${tipos}" var="tipoPreco" varStatus="status">
            <div>
                <label>${tipoPreco}</label>
                <input type="text" name="precos[${status.index}].valor">
                <input type="hidden" name="precos[${status.index}].tipoPreco" value="${tipoPreco}">
            </div>
</c:forEach>

There is nothing wrong with everything described now, I just wanted to know how it would look in Thymeleaf, the only thing that would change would be the html part, I just need to modify the html part.

=======================================================================

That was my attempt

<select>
    <table>
        <tr th:each="tipo : ${status}">
            <td></input type="text" name="precos[${status.index}].valor"></td>
            <td></input type="text" name="precos[${status.index}].tipo"></td>
        </tr>
    </table>
</select>

and is generating this error

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Tue Apr 05 06:43:15 BRT 2016
There was an unexpected error (type=Internal Server Error, status=500).
Exception parsing document: template="produtos/form", line 31 - column 8

===================================================================

Consoles

org.xml.sax.SAXParseException: O tipo de elemento tr" deve ser encerrado pela tag final correspondente "</tr>".
    at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.createSAXParseException(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.fatalError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLScanner.reportFatalError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl.scanEndElement(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl$FragmentContentDriver.next(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentScannerImpl.next(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl.scanDocument(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.XMLParser.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.AbstractSAXParser.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.jaxp.SAXParserImpl$JAXPSAXParser.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.jaxp.SAXParserImpl.parse(Unknown Source) ~[na:1.8.0_65]

//////////////////////////////////////////////////////////////////////////

I tried this way;

<select>
            <table>
                <tr th:each="tipo : ${status}">
                    <td><input type="text" name="precos[${status.index}].valor"></td>
                    <td><input type="text" name="precos[${status.index}].tipo"></td>
                </tr>
            </table>
        </select>

and made that mistake;

org.xml.sax.SAXParseException: O tipo de elemento input" deve ser encerrado pela tag final correspondente "</input>".
    at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.createSAXParseException(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.fatalError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLScanner.reportFatalError(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl.scanEndElement(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl$FragmentContentDriver.next(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentScannerImpl.next(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl.scanDocument(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(Unknown Source) ~[na:1.8.0_65]
    at com.sun.org.apache.xerces.internal.parsers.XMLParser.parse(Unknown Source) ~[na:1.8.0_65]

I made my attempts, they didn’t need to put them as -1

– wladyband

2016/04/05 at 09:51
+1 for the effort to ask the question with much information.

– durtto

2016/04/05 at 11:22

3 answers

Browser other questions tagged html

You are not signed in. Login or sign up in order to post.

by Maike Mota • 71 points · Answer 1 · 2016-04-05T11:02:46+00:00

1

The problem is apparently here:

</input type="text" name="prices[${status.index}]. value">

Change to :

<input type="text" name="prices[${status.index}]. value">

The input tag does not need to be closed.

Depending on how you use Thymeleaf, it requires all tags to be closed.

– adelmo00

2016/04/05 at 11:19
I just updated my post, take a look.

– wladyband

2016/04/05 at 11:22
So in this case, close the input tag, leaving: <input type="text" /> and not as it was, </input>

– Maike Mota

2016/04/05 at 11:33

by Deyve Machado • 11 points · Answer 2 · 2016-04-05T11:31:43+00:00

Good Morning,

Try it like this:

<select>
    <table>
        <tr th:each="tipo : ${status}">
            <td><input type="text" name="precos[${status.index}].valor"/></td>
            <td><input type="text" name="precos[${status.index}].tipo"/></td>
        </tr>
    </table>
</select>

Thymeleaf is very hard on HTML formatting.

by Tiago Cássio • 13 points · Answer 3 · 2016-04-05T12:02:53+00:00

First, is the name of your object in the Model "types" or "status"? If "types", use the following code:

<table>
  <tr th:each="t,i : ${tipos}">
    <td th:text="${i.index}"></td>
    <td th:text="${t.name()}"></td>
  </tr>
</table>

Reporting two parameters (t,i) on th:each, Thymeleaf will return the map object and its key (index).

As you use an Enum class in this case, I called the . name() method to return the name of its variable. The method . toString() can also be called but then you would have to overwrite it in your class.