Freemarker：使用引导程序在网格中显示数据

debugcn 发表于 Dev

萨吉特·哈利林（Sagit Khaliullin）

我有一个带有指向freemarker中照片的PATH的列表，我需要在HTML页面中显示照片。我像这样重复我的清单

<#if photos?has_content>
    <#list photos as photo>
        <img src=${photo}
    </#list>
</#if>

还有一个HTML页面，该页面使用引导程序类在网格中显示此照片（3列）

<div class="container">
    <div class="row">
        <div class="col-lg-4">
            <div class="photo"></div>
        </div>
        <div class="col-lg-4">
            <div class="photo"></div>
        </div>
        <div class="col-lg-4">
            <div class="photo"></div>
        </div>
    </div>
    <div class="row">
        ...
    </div>
</div>

行数取决于照片的数量，但无法预测。我不知道如何在每张第一张和第三张照片后添加行的打开和关闭div。

希望有人可以帮助我。谢谢！

迪卡尼

您可以使用?chunk（http://freemarker.org/docs/ref_builtins_sequence.html#ref_builtin_chunk）：

<div class="container">
  <#list photos?chunk(3) as row>
    <div class="row">
      <#list row as photo>
        <div class="col-lg-4">
          <div class="photo"><img src="${photo}"></div>
        </div>        
      </#list>
    </div>
  <#else>
    <div class="something">No photos</div>
  </#list>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。