Freemarker: отображение данных в сетке с помощью загрузочного устройства

Question

У меня есть список с PATHs для фотографий в freemarker, и мне нужно отображать фотографии на странице 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 для строки после каждой первой и третьей фотографии.

Надеюсь, кто-то может мне помочь. Спасибо!

Answer 1

Вы можете использовать ?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>