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

Question

[Islam Ibakaev]

Доброго времени суток. Есть такая пагинация(это вёрстка портала, которую нужно посадить на yii2).
В самом портале, когда добавил пагинацию получил следующий вид


То, что отдал фреймворк по дефолту - не совсем то, что нужно. Картинка ниже показывает желаемый результат.

Answer 1

[Максим]

Очень просто. Измените дефолтные настройки в DI контейнере этого класса.

1. С использованием DI Контейнера

<?php

declare(strict_types=1);

namespace frontend\bootstrap;

use Yii;
use yii\base\BootstrapInterface;
use yii\di\Container;
use yii\widgets\LinkPager;

/**
 * @author Maxim Vorozhtsov <[e-mail]>
 */
class Bootstrap implements BootstrapInterface
{
    /**
     * @inheritDoc
     */
    public function bootstrap($app)
    {
        /** @var Container $container */
        $container = Yii::$container;

        $container->set(LinkPager::class, [
            'prevPageLabel' => false,
            'nextPageLabel' => false,
            'maxButtonCount' => 3,
        ]);
    }
}

Так же DI можно настаивать в config. Я обычно настраиваю там, но кто-то создает такой bootstrap файл. Тут уж выбирайте сами. Я выбираю config. Вот пример:

'container' => [
        'singletons' => [
            CheckAccessInterface::class => yii\rbac\DbManager::class,
            IdentityInterface::class => function () {
                return Yii::$app->user->getIdentity();
            },
        ],
    ],

Но для понимания оформил в bootstrap. Чтобы работало не забудьте поместить этот класс в секцию Bootstrap config фала:

'bootstrap' => [
        frontend\bootstrap\Bootstrap::class
    ],

2. C созданием класса, наследованный от базового

<?php

declare(strict_types=1);

namespace frontend\widgets;

class LinkPager extends \yii\widgets\LinkPager
{
    public $prevPageLabel = false;
    public $nextPageLabel = false;
    public $maxButtonCount = 3;
}

И используйте как обычно. Если нужно заменить в DataProvider используйте DI контейнер. Либо подмените класс на свой:

Yii::$container->set('yii\widgets\LinkPager',  'frontend\widgets\LinkPager');

Comments

[smigles]

Во-первых, вы неправильно поняли вопрос: нужно сделать так, как по ссылке, а не так, как на скриншоте. Во-вторых, параметры, заданные в DI, не будут работать после вызова LinkPager::widget() и передачи ему любых параметров, а ему обязательно нужно передать параметр pagination. После вызова LinkPager::widget() с переданным pagination все параметры вроде maxButtonCount сбрасываются.

[Максим]

smigles,

1. Это вы не правильно вопрос ставите и поняли меня. Задавайте вопросы развёрнуто. Вроде бы не первый день на тостере и не знаете, что хорошо заданный вопрос - пол ответа. Я Вас правильно понял. Любое изменение пагинации связано с этим файлом. Я вам скинул не готовое решение, а документацию этого класса. Настраивайте под себя.

2. DI это один из способов. Вы сейчас меня обвиняете в своей неполноте вопроса. Откуда мне знать как вы будете использовать. Если у вас теряется что-то в конструкторе - это значит вы не умеете пользоваться DI. Классы для работы с DI нужно создавать не через new (), а через Yii:createObject([...]). Тогда DI подтянет все зависимости.

Вы так же можете создать свой класс App\LinkPager::class наследованный от базового, в нем заменить необходимые настройки и у вас так же будет работать. Это тоже хорошая практика.

Ещё раз повторяюсь. Я вам показал где это настраивается, а уж как и где это вы будете настраивать вопрос другой. Можете хоть на каждой странице передавать параметры.

[Islam Ibakaev]

хм, вообще-то вопрос я задавал)
пагинация на картинке - то, что мне отдал yii2(прочитал здесь как сделать пагинацию).
Это не совсем то, что нужно. Нужно как по ссылке
Я просто не знаю, как такое наколдовать. Гугл не помог. Из того, что написано, ничего не понял, покажите на примере кода, пожалуйста.

[smigles]

Я не автор вопроса.

В своё время я пытался сделать так:

Yii::$container->set('yii\widgets\LinkPager', ['maxButtonCount' => 5]);

echo LinkPager::widget(['pagination' => $pagination]);

Но на выходе кнопок всё равно было 10 (это значение по умолчанию).

[Максим]

Islam Ibakaev, smigles да. Что-то я Вас ночью попутал!) Islam Ibakaev, хорошо. Раз уж я Вас спутал Вот два примера:

1. С использованием DI Контейнера

<?php

declare(strict_types=1);

namespace frontend\bootstrap;

use Yii;
use yii\base\BootstrapInterface;
use yii\di\Container;
use yii\widgets\LinkPager;

/**
 * @author Maxim Vorozhtsov <[e-mail]>
 */
class Bootstrap implements BootstrapInterface
{
    /**
     * @inheritDoc
     */
    public function bootstrap($app)
    {
        /** @var Container $container */
        $container = Yii::$container;

        $container->set(LinkPager::class, [
            'prevPageLabel' => false,
            'nextPageLabel' => false,
            'maxButtonCount' => 3,
        ]);
    }
}

Так же DI можно настаивать в config. Я обычно настраиваю там, но кто-то создает такой bootstrap файл. Тут уж выбирайте сами. Я выбираю config. Вот пример:

'container' => [
        'singletons' => [
            CheckAccessInterface::class => yii\rbac\DbManager::class,
            IdentityInterface::class => function () {
                return Yii::$app->user->getIdentity();
            },
        ],
    ],

Но для понимания оформил в bootstrap. Чтобы работало не забудьте поместить этот класс в секцию Bootstrap:

'bootstrap' => [
        frontend\bootstrap\Bootstrap::class
    ],

2. C созданием класса, наследованный от базового

<?php

declare(strict_types=1);

namespace frontend\widgets;

class LinkPager extends \yii\widgets\LinkPager
{
    public $prevPageLabel = false;
    public $nextPageLabel = false;
    public $maxButtonCount = 3;
}

И используйте как обычно. Если нужно заменить в DataProvider используйте DI контейнер. Либо подмените класс на свой:

Yii::$container->set('yii\widgets\LinkPager',  'frontend\widgets\LinkPager');

[Максим]

smigles, не знаю что у вас там не работало. Посмотрите как работает расчёт количества кнопок и, возможно, поймёте что Вы не так делали. Может использовали не тот LinkPager который применили в DI. Всего я знать не могу. Я вижу, что в исходном коде это никак не должно влиять. Он не изменят данное число, даже если передавать свой Paginator.

[Islam Ibakaev]

Максим, спасибо за помощь! случившееся недопонимание - моя вина, стоило показать две картинки(что отдал фрейм и что нужно), поправил вопрос. Я заметил, что вы убрали в коде prev, next. На самом деле, они нужны, плюс помимо них, нужны две кнопки, которые ведут в самое начало и в самый конец.

[Максим]

Islam Ibakaev, в принципе вообще можно было не разводить эту дискуссию) Такие простые вопросы так долго не обсуждаются. Достаточно было просто посмотреть какие публичные свойства есть и их заменить. В самой документации написано какое публичное свойство что изменяет. Но я Вам дал готовое решение. Заодно показал, как это можно настаивать. Вопрос популярный, поэтому пусть будет. Главное, чтобы у Вас было понимание и, думаю, оно есть! Не за что!)

[smigles]

Максим, я ошибся. yii\widgets\LinkPager глобально настроить через Yii::$container->set() можно. Я пытался таким же способом настроить yii\data\Pagination, а именно defaultPageSize, pageSize, forcePageParam, но это не получается.

Answer 2

[smigles]

Ссылки на первую и последнюю страницу настраиваются через firstPageLabel и lastPageLabel. Ссылки на предыдущую и следующую страницу — через prevPageLabel и nextPageLabel. Количество постраничных кнопок — через maxButtonCount. Документация.

Пример из представления:

echo LinkPager::widget([
    'pagination' => $pagination,
    'maxButtonCount' => 7,
    'firstPageLabel' => 'Начало',
    'lastPageLabel' => 'Конец',
]);

Comments

[Максим]

Пример из представления:

echo LinkPager::widget([
    'pagination' => $pagination,
    'maxButtonCount' => 7,
    'firstPageLabel' => 'Начало',
    'lastPageLabel' => 'Конец',
]);

Стесняюсь спросить чем Ваш ответ отличается от моего?)) Кроме того пример ещё и дали не правильный. В ответе вроде бы поняли, что и как, но толку не хватило оформить правильно или как?))

Вот что просит автор по вашему ответу:

echo LinkPager::widget([
  'prevPageLabel' => false,
  'nextPageLabel' => false,
   'maxButtonCount' => 3,
]);

Но а теперь главное. Что вы будете делать если используете этот LinkPager на нескольких страницах? И как вы его будете менять, если используете DataProvider?

[smigles]

Максим, автор просит это:

Здесь есть кнопки на первую, предыдущую, следующую и последнюю страницы.

[Максим]

smigles, странно. У меня на телефоне эти иконки не появляются.

[Islam Ibakaev]

Максим, я залил вёрстку на surge.sh для демонстрации заказчику, ресурсы не кешируются, картинки появляются чуть позже, когда загрузятся.

[Islam Ibakaev]

в-общем, я пришёл к такому варианту, теперь осталось понять куда это положить, чтобы применить глобально

use yii\helpers\Html;

Yii::$container->set('yii\widgets\LinkPager', [
  'maxButtonCount' => 3,
  'prevPageLabel' => Html::img(Yii::$app->urlManager->createUrl('img/svg/icon-chevrons-left-gray.svg'), ['alt' => 'назад']),
  'nextPageLabel' => Html::img(Yii::$app->urlManager->createUrl('img/svg/icon-chevrons-right-gray.svg'), ['alt' => 'вперёд']),
  'firstPageLabel' => Html::img(Yii::$app->urlManager->createUrl('img/svg/icon-skip-back-gray.svg'), ['alt' => 'начало']),
  'lastPageLabel' => Html::img(Yii::$app->urlManager->createUrl('img/svg/icon-skip-forward-gray.svg'), ['alt' => 'конец']),
]);

[Максим]

Islam Ibakaev,

картинки появляются чуть позже, когда загрузятся.

вот поэтому и путаница получилась)

в-общем, я пришёл к такому варианту, теперь осталось понять куда это положить, чтобы применить глобально

Вот сюда:

namespace frontend\bootstrap;

use Yii;
use yii\base\BootstrapInterface;
use yii\di\Container;
use yii\widgets\LinkPager;

/**
 * @author Maxim Vorozhtsov <[e-mail]>
 */
class Bootstrap implements BootstrapInterface
{
    /**
     * @inheritDoc
     */
    public function bootstrap($app)
    {
        /** @var Container $container */
        $container = Yii::$container;

        $container->set(LinkPager::class, [
           'maxButtonCount' => 3,
  'prevPageLabel' => Html::img($app->urlManager->createUrl('img/svg/icon-chevrons-left-gray.svg'), ['alt' => 'назад']),
  'nextPageLabel' => Html::img($app->urlManager->createUrl('img/svg/icon-chevrons-right-gray.svg'), ['alt' => 'вперёд']),
  'firstPageLabel' => Html::img($app->urlManager->createUrl('img/svg/icon-skip-back-gray.svg'), ['alt' => 'начало']),
  'lastPageLabel' => Html::img($app->urlManager->createUrl('img/svg/icon-skip-forward-gray.svg'), ['alt' => 'конец']),

        ]);
    }
}

в web-fonfig.php

'bootstrap' => [
        frontend\bootstrap\Bootstrap::class
    ],

[Islam Ibakaev]

Максим, спасибо, это именно то, что было нужно)
только я добавил в frontend/config/main.php и всё заработало)

[smigles]

Islam Ibakaev, в шаблоне приложения есть файл config/bootstrap.php, туда можно добавить Yii::$container->set(…) без всяких классов. А ещё есть файл common/config/bootstrap.php.

[Islam Ibakaev]

smigles, config/bootstrap.php такого нет у меня, а в common/config/bootstrap.php уже выкладывал, но сайт упал. Возможно, это связано с использованием yii\helpers\Html;

[smigles]

Islam Ibakaev, frontend/config/bootstrap.php, если быть точнее. И для backend тоже есть такой файл.