Как сделать ajax подгрузку данных из migx TV?

Добрый день!

У меня migx TV с 200+ изображений. Как выводить их партиями по 20 штук с использованием кнопки «Загрузить еще».

На данный момент я вызываю простым кодом все 200+ изображений:
<div class="row">
    [[getImageList?
      &tvname=`fabriki`
      &tpl=`@CODE:<div class="col-md-4"><a href="[[+link]]"><img src="http://placehold.it/350x250"></a><h4>[[+manufacturer]]</h4></div>`
    ]]
  </div>
anton
anton
20 мая 2016, 07:44
modx.pro
3 559

Комментарии: 2

Сергей
Сергей
20 мая 2016, 12:24
pdoPage имеет функционал для создания пагинации и ajax- подгрузки. У сниппета getImageList есть offset и limit. Судя по всему возможно использовать их вместе

[[!pdoPage? 
        &element=`getImageList`
        &maxLimit=`15`
        &totalVar=`ImagesTotal`
        &toPlaceholder=`ImagesResult`
        &ajaxMode=`scroll`
        &pageLimit=`10`
]]
    
    [[!+ImagesTotal:ne=`0`:then=`
        <div id="pdopage">
            <div class="rows clearfix">
                [[+ImagesResult]]
            </div>
            <div class="text-center" style="margin-top: 15px; display: none">
                [[!+page.nav]]
            </div>
        </div>
    `:else=`
        <p>Нет фотографий</p>
    `]]
Может получиться, а может и нет.
    anton
    anton
    21 мая 2016, 16:19
    Спасибо!

    Вот так получилось
    [[!pdoPage?
        &element=`getImageList`
        &tvname=`fabriki` 
        &tpl=`@CODE:<div class="col-md-4"><a href="[[+link]]"><img src="http://placehold.it/350x250"></a><h4>[[+manufacturer]]</h4></div>`
        &limit=`2`
        &totalVar=`ImagesTotal`
        &toPlaceholder=`ImagesResult`
        &ajaxMode=`button`
    ]]
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2