Pdopage modx: pdoPage / Сниппеты / pdoTools / docs.modx.pro

Modx Revolution pdoPage и Bootstrap 4

1. Главная
2. MODX
3. Modx Revolution pdoPage и Bootstrap 4

5216

Назад

На текущий момент компоненты pdoTools для MODX Revolution и в том числе pdoPage работают из коробки со старой версией Bootstrap, а для нового Bootstrap 4 есть такое решение, для корректного отображения пагинации (разбивка статей на страницы).

[[!pdoPage?
&tpl=`tpl_usluga`
&limit=`10`
&parents=`[[*id]]`
&tplPageWrapper=`@INLINE <nav aria-label="pagination"><ul>[[+first]][[+prev]][[+pages]][[+next]][[+last]]</ul></nav>`
&tplPageFirst=`@INLINE <li><a href="[[+href]]">Первая</a></li>`
&tplPageLast=`@INLINE <li><a href="[[+href]]">Последняя</a></li>`
&tplPage=`@INLINE <li><a href="[[+href]]">[[+pageNo]]</a></li>`
&tplPageActive=`@INLINE <li><a href="[[+href]]">[[+pageNo]]</a></li>`
&tplPagePrev=`@INLINE <li><a href="[[+href]]"><span aria-hidden="true">«</span><span>Previous</span></a></li>`
&tplPageNext=`@INLINE <li><a href="[[+href]]"><span aria-hidden="true">»</span><span>Next</span></a></li>`
&tplPagePrevEmpty=`@INLINE <li><a href="[[+href]]"><span aria-hidden="true">«</span><span>Previous</span></a></li>`
&tplPageNextEmpty=`@INLINE <li><a href="[[+href]]"><span aria-hidden="true">»</span><span>Next</span></a></li>`
]]
<div>
    [[!+page. 
  nav]]
</div>

Или на Fenom

{$_modx->runSnippet('!pdoPage', [
'parents' => $_modx->resource.id,
'tpl' => 'one_article',
'limit' => 4,
'includeTVs' => 'image',
'tplPageWrapper' => '@INLINE <nav aria-label="pagination"><ul>{$first}{$prev}{$pages}{$next}{$last}</ul></nav>'
'tplPageFirst' => '@INLINE <li><a href="{$href}">1Первая1</a></li>'
'tplPageLast' => '@INLINE <li><a href="{$href}">Последняя</a></li>'
'tplPage' => '@INLINE <li><a href="{$href}">{$pageNo}</a></li>'
'tplPageActive' => '@INLINE <li><a href="{$href}">{$pageNo}</a></li>'
'tplPagePrev' => '@INLINE <li><a href="{$href}"><span aria-hidden="true">«</span><span>Previous</span></a></li>'
'tplPageNext' => '@INLINE <li><a href="{$href}"><span aria-hidden="true">»</span><span>Next</span></a></li>'
'tplPagePrevEmpty' => '@INLINE <li><a href="{$href}"><span aria-hidden="true">«</span><span>Previous</span></a></li>'
'tplPageNextEmpty' => '@INLINE <li><a href="{$href}"><span aria-hidden="true">»</span><span>Next</span></a></li>'
])}
{$_modx->getPlaceholder('page.  nav')}

« Предыдущая статья

Защита от спама с помощью recaptcha в MODX Revo

Следующая статья »

PrettyTags — дружелюбные теги в MODX

Назад

Антиспам поле. Его необходимо скрыть через css

Ваше имя

Электронная почта

Ваше сообщение

Присылайте свои вопросы, предложения и пожелания на электронную почту. Будем рады сотрудничеству.

E-mail: [email protected]

Telegram: daruse93

Вы можете сказать спасибо автору сайта или перевести оплату.

Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.

pdoPage как замена getPage / Сниппеты / Modx Revolution / Технический блог веб-разработчика

Как и в случае с остальными сниппетами pdoTools, pdoPage отличается от своего предшественника getPage большей функциональностью, а именно: возможностью создания пагинации с пропуском страниц и поддержкой ajax из коробки. Кроме того, благодаря дополнительным параметрам, сниппет настраивается достаточно гибко. 

Параметры в большинстве своём схожи. Есть некоторые нюансы, но там где они присутствуют, будет написано, в чём именно они заключаются.

Основные параметры

Дополнительные параметры

Параметры шаблонов

Пример вызова getPage

[[!getPage?
  &element=`getResources`
  &tpl=`blog_item`
  &includeContent=`1`
  &includeTVs=`image, gallery, video`
  &limit=`3`
  &pageNavOuterTpl=`wrapper_p`
  &pageActiveTpl=`active_p`
  &pageNavTpl=`page_p`
]]

Давайте разберём параметры сниппета:

&pageNavOuterTpl=`wrapper_p` — чанк-обёртка для вывода всех страниц. Пример содержимого чанка:

<ul>[[+pages]]</ul>

&pageActiveTpl=`active_p` — чанк для вывода текущей страницы. Пример содержимого чанка:  

<span>[[+pageNo]]</span>

&pageNavTpl=`page_p` — чанк ссылки на страницу. Пример содержимого чанка: 

<a href=»[[+href]]»>[[+pageNo]]</a>

Напоминаю, что сниппет является обёрткой для getResources, поэтому в нём доступны параметры getResources. Так же доступен плэйсхолдер [[!+page. nav]], в котором собственно и хранится вся пагинация. 

Параметры вызова pdoPage

Пример использования: 

[[!pdoPage?
  &element=`pdoResources`
  &tpl=`blog_item`
  &includeContent=`1`
  &includeTVs=`image, gallery, video`
  &limit=`3`
  &tplPageWrapper=`@INLINE [[+pages]]`
  &tplPageActive=`@INLINE <span>[[+pageNo]]</span>`
  &tplPage=`@INLINE <a href="[[+href]]">[[+pageNo]]</a>`
]]

Если на странице указано 2 или более вызова данного сниппета, следующие параметры должны отличаться : 

&pageVarKey=`another_page` — имя переменной, через которую будет передаваться номер страницы. 
&pageNavVar=`another_pages` — имя плейсхолдера для вывода пагинации. 

При вызове сниппета единожды, указывать их не обязательно, поскольку у них уже используется значение по умолчанию. 

Pdopage ajax разбиение на страницы с помощью нескольких кнопок — Extras

mediengaarage 8 декабря 2021 г.

#1

У меня несколько вызовов pdopage на одной странице. К сожалению, функция «загрузка ajax по кнопке» не работает. Если я загрузил все за один вызов, то остальные кнопки «загрузить еще» тоже отключены.

Вот мой фрагмент-вызов:

 

    [[!+[[+категория]]_[[+категория]]page.nav]]
    <дел>
        [[!pdoPage?
    &ajaxMode=`кнопка`
    &tpl=`tplEvents`
&limit=`5`
&родители=`9`
&includeContent=`1`
&includeTVs=`eventDate,topEvent,eventLink,eventBild,categorie,tags`
&processTVs=`1`
&tvFilters=`категория==[[+категория]]`
&sortby=`дата_события`
&sortdir=`DESC`
&tvPrefix=``
&hideContainers=`1`
&tplWrapper=`tplEventWrapper`
&ajaxElemRows=`#[[+категория]]pdopage .[[+категория]]_rows`
&ajaxTplMore=`@INLINE больше`
&ajaxElemMore=`#[[+категория]]pdopage .[[+категория]]-больше`
&pageNavVar=`[[+категория]]page.nav`
&ajaxElemWrapper=`#[[+категория]]pdopage`
&ajaxElemPagination=`#[[+категория]]pdopage . pagination`
&ajaxElemLink=`#[[+категория]]pdopage .pagination a`
&totalVar=`[[+категория]]page.total`
&plPrefix=`[[+категория]]_`
        ]]