如何使用Th：每个

Question

这是来自Spring MVC控制器的JsonObject列表。

List<JSONObject> jsonDataList =
 
[{"key1":"value1","key2":"value2","key3":"value3","key4":"value4"}, {"key1":"value1","key2":"value2","key3":"value3","key4":"value4"}]

如何使用每个：每个：迭代胸腺中的jsonobject列表？

下面的HTML文件中的代码：=＆gt;

 <tr th:each="data: ${jsonDataList}">   
    <td align="center"><span th:text="${data.key1}"></span></td>   // getting exception here                 
 </tr>

得到例外为： 引起：org.attoparser.parseexception：评估弹簧表达式的异常：“ data.key1”

Answer 1

这是一种方法，但它做出了一些假设：

a）每个JSON对象具有相同数量的条目（否则您可以有一个破烂的表，每行中包含不同数量的单元格）。

b）每个JSON对象都以相同的顺序具有相同的键（如果您希望表具有一致的列标题）。

同样，问题中的示例JSON假定所有值都是字符串（value1等）。如果您的JSON值中有不同类型的对象，则需要确保它们具有所需的字符串表示（例如使用toString（））。

方法：

<table>
    <tr> 
        <th:block th:each="heading : ${jsonDataList.get(0).names()}">
            <th th:text="${heading}"></th>
        </th:block>
    </tr>
            
    <tr th:each="item : ${jsonDataList}">
        <th:block th:each="name : ${item.names()}">
            <td th:text="${item.get(name)}"></td>              
        </th:block>
    </tr>
</table>

第一个＆lt; tr＆gt;部分负责从列表中的第一个对象读取JSON对象键：

${jsonDataList.get(0).names()}

最终＆lt; tr＆gt; e节是相似的，但使用查找其相关值的关键：

${item.get(name)}

由此产生的HTML为您提供了一个简单的表：

<table>
    <tr>                 
        <th>key1</th>                
        <th>key2</th>                
        <th>key3</th>                
        <th>key4</th>                
    </tr>            
    <tr>                
        <td>value1</td>                              
        <td>value2</td>                              
        <td>value3</td>                              
        <td>value4</td>                              
    </tr>            
    <tr>                
        <td>value1</td>                              
        <td>value2</td>                              
        <td>value3</td>                              
        <td>value4</td>              
    </tr>
</table>

---

参考：

th：block标签记录在在这里。

可用于jsonobject的方法已记录在这里。

Answer 2

怎么样？

<tr th:each="data: ${jsonDataList}">   
  <td align="center"><span th:text="[[${data.key1}]]"></span></td> 
</tr>