Question

我在将Pageable响应（ 使用Thymeleaf 2.0.19 ）内容呈现在<div class="span3">行中时出现问题。行值来自Spring 3 MVC控制器。

下面是我需要在行中显示产品图像的UI代码，每行包含4个span3的col。

用于以每行4个cols显示产品图片的UI片段。

<div class="container">
    <div class="row-fluid"  th:remove="all-but-first">
        <div th:each="asset,assetIter : ${page.content}" th:with="numList=${#strings.listSplit('3,2,1,0', ',')}" th:if="${assetIter.index}%4 == 0" class="span3">
            <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                    <span><img src="../abc.png" /></span>
                    <div class="caption">
                        <p>Label1 : <span th:text="${asset.id}">Id</span></p>
                        <p>Label2: <span th:text="${asset.name}">Name</span></p>
                        <p>Label3: <span th:text="${asset.category}">Category</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我尝试了in thymeleaf, how can write th:each to combine rows and columns?发布的“Younghan Kim”的帖子回复之一，但是我需要在页面响应对象中显示值，但是上面的响应中是字符串值。

那么，我如何将上面的代码显示为具有4个cols的行。请提供意见，如果我错过了某些事情，请告诉我，因为我不喜欢百里香。

此外，UI分页在服务器端实现，如下面的博客中所述： http://www.jiwhiz.com/post/2013/2/Implement_Bootstrap_Pagination_With_SpringData_And_Thymeleaf

如何使用Thymeleaf th：each编写一行中的4列

0 个答案: