Как изменить разметку пагинации?

Question

[Aleksandr Yurchenko]

Здравсвуйте.

Подскажите, как изменить разметку штатной пагинации? Дефолтная разметка ul>li>a, нужно получить только a.

Смотрю документацию подходящего найти не могу, есть возможность изменять атрибуты, но вот удалить элемент(-ы) из разметки не нашел.

Answer 1

[Максим]

Как сделать такую расширенную пагинацию в yii2?

Comments

[Aleksandr Yurchenko]

Сейчас поробовал, немогу понять, как сделать правильно

Сделал класс

<?php declare(strict_types=1);

namespace app\widgets;

use yii\helpers\ArrayHelper;
use yii\helpers\Html;
use \yii\widgets\LinkPager as DefaultLinkPager;

class CustomLinkPager extends DefaultLinkPager
{

}

Из родительского мне нужны два метода renderPageButton и renderPageButtons. В них по факту мне нужно поменять:

$linkWrapTag = ArrayHelper::remove($options, 'tag', 'li');

на

$linkWrapTag = ArrayHelper::remove($options, 'tag');

и с ul (в методе renderPageButtons) сделать тоже самое.

С renderPageButton у меня получилось провернуть такую операцию:

protected function renderPageButton($label, $page, $class, $disabled, $active): string
    {
        parent::renderPageButton($label, $page, $class, $disabled, $active);

        $options = $this->linkContainerOptions;

        $linkWrapTag = ArrayHelper::remove($options, 'tag');
        $linkOptions = $this->linkOptions;
        $linkOptions['data-page'] = $page;

        return Html::tag($linkWrapTag, Html::a($label, $this->pagination->createUrl($page), $linkOptions), $options);
    }

Но с renderPageButtons у меня никак не выходит. Не пойму как оформить правильно.

Можно конечно, тупо скопипастить эти методы в созданный класс, но этим я нарушу DRY (или нет?). Не подскажите правильный путь решения, а то вариант, который я сейчас описал смахивает на говнокод :))

P.S. работаю в простом шаблоне. Может не вижу очевидных путей решения, просто с yii2 ранее не сталкивался. Но сейчас хоче решить данную задачу.

[Максим]

Aleksandr Yurchenko, кроме как скопировать настройки в свой класс и переопределить методы - других способов я не вижу. Но и не очень понимаю, чем вам эта структура не нравится?) Вы вообще тогда можете свой Link Pager создать и не наследоваться от Yii.

[Aleksandr Yurchenko]

Максим, с учетом, что с yii познакомился вчера, я думал что ближайщий виджет создам точно не сегодня :)). Я думаю если сяду писать свой ЛинПеджер мое знакомство с фреймоврком затянеться :)

Да я в качестве тренеровки переношу шаблон, а там разметка сделана таким видом:

<div class="nav-links">
                    <span class="page-numbers current">1</span>
                    <a class="page-numbers" href="#">2</a>
                    <a class="page-numbers" href="#">3</a>
                    <a class="page-numbers" href="#">4</a>
                    <a class="page-numbers" href="#">5</a>
                    <a class="page-numbers" href="#"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                </div>

И выглядит:


Пытаюсь повторить

[Aleksandr Yurchenko]

Максим, метод renderPageButtons() скопипастил, а повесить класс на оставшиеся <a> можно без копирования родительского тега? Есть какой-нибудь функционал, не знаете?

[Максим]

Aleksandr Yurchenko, в принципе тут особо нечего сказать, если вы понимаете что делают эти два метода. Вам просто нужно перемодифицировать их под себя. Вы вроде бы понимаете, раз сами дошли до этого. Вам осталось только применить.

Однако, если смотреть на ваш код не обязательно повторять структуру. Достаточно лишь только применить классы в нудном месте. Но это сработает, если у вас стили привязаны к структуре. А если дизайн основан на стилях, то разницы там нет.

[Максим]

Aleksandr Yurchenko, Вам надо в linkContainerOptions Добавить стили которые в div

linkOptions Добавить стили которые в tag a

[Aleksandr Yurchenko]

Максим, не попытаешься не узнаешь :)
Спасибо за помощь!

[Максим]

Aleksandr Yurchenko, не за что) Не забудьте про другие стили, например, .current

[Aleksandr Yurchenko]

Максим, я давеча почитал про хелперы и пришлось не просто скорректировать ArrayHelper::remove, а внести корректировки, при формирование. В целом добился чего хотел:

protected function renderPageButton($label, $page, $class, $disabled, $active): string
    {
        $options = ['class' => 'page-numbers'];
        array_merge($options, $this->linkContainerOptions);

        Html::addCssClass($options, empty($class) ? $this->pageCssClass : $class);

        if ($active) {
            Html::addCssClass($options, $this->activePageCssClass);
        }
        if ($disabled) {
            Html::addCssClass($options, $this->disabledPageCssClass);
            $disabledItemOptions = $this->disabledListItemSubTagOptions;
            $tag = ArrayHelper::remove($disabledItemOptions, 'tag', 'span');

            $merge = array_merge($disabledItemOptions, $options);
            return Html::tag($tag, $label, $merge);
        }
        $linkOptions = $this->linkOptions;
        $linkOptions['data-page'] = $page;

        $merge = array_merge($linkOptions,$options);
        return Html::a($label, $this->pagination->createUrl($page), $merge);
    }

Несколько вопрос возникло, не подскажите, корректно ли:

array_merge($options, $this->linkContainerOptions);

В if($disable):

$merge = array_merge($disabledItemOptions, $options);

И перед самым формированием:

$merge = array_merge($disabledItemOptions, $options);

Почитал доку, третьем параметром падается массив с аттрибутами, вроде логике следовал) Ошибок нет и надеюсь не будеь :)

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

public $maxButtonCount = 5;
    public $activePageCssClass = 'current';


    public $prevPageCssClass = 'begin_el';
    public $nextPageCssClass = 'last_el';

[Максим]

Aleksandr Yurchenko, тут ещё много можно оптимизировать. Но если это работает - оставьте так. Если что-то будет не так - вернетесь и допилите. Грубых ошибок тут вроде как нет. Вместо array_merge можно попробовать использовать ArrayHelper::merge

[Aleksandr Yurchenko]

Максим, спасибо!