Как сделать 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
20 мая 2016, 07:44
modx.pro
1
2 955
0

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

Сергей
20 мая 2016, 12:24
0
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
    21 мая 2016, 16:19
    1
    0
    Спасибо!

    Вот так получилось
    [[!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