Yii2:自定义LinkPager以在分页中显示省略号

时间:2018-03-02 14:16:01

标签: css pagination yii2

我试图获得分页,如下面的屏幕截图所示。什么设置可以实现这样的分页

Pagination

我正在初始化LinkPager,如下所示

<?php echo LinkPager::widget([
            'pagination' => $pages,
            'prevPageLabel' => false,
            'nextPageLabel' => false,
            'maxButtonCount'=>2,
            'options' => [
                'class' => 'ip-mosaic__pagin-list',
            ],
        ]); ?>

分页的HTML版本

<ul class="ip-mosaic__pagin-list">
            <li class="active-page"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li class="ip-mosaic__pagin-dots"><i class="fas fa-circle"></i> <i class="fas fa-circle"></i> <i
                        class="fas fa-circle"></i></li>
            <li><a href="#">35</a></li>
        </ul>

1 个答案:

答案 0 :(得分:0)

查看您的分页图像,看起来您在分页内部Ellipses遇到问题,因为您的实现正确而错过了active-page类,所以如果这是正确的,您应该使用Separated Pager for Yii2扩展,扩展了Yii2 LinkPager并添加了省略号。

enter image description here

Yii2 LinkPager,显示与其他页面内联的第一页和最后一页。比专用的&#34; First&#34;和&#34;最后&#34;您的LinkPager中的按钮,分页寻呼机将显示一组标准页面链接,但也将始终包括第一页和最后一页作为第一页和最后一页链接。不再需要专用的第一个/最后一个按钮,也不再猜测有多少个页面。

使用

安装扩展程序

运行

php composer.phar require --prefer-dist justinvoelker/yii2-separatedpager "*"

或添加

"justinvoelker/yii2-separatedpager": "*"

您的代码应如下所示

echo \justinvoelker\separatedpager\LinkPager::widget ( [
    'id'=>'my-pager',
    'pagination' => $pages ,
    'activePageCssClass' => 'active-page' ,
    'prevPageLabel' => false ,
    'nextPageLabel' => false ,
    'maxButtonCount' => 5 ,
    'options' => [
        'class' => 'ip-mosaic__pagin-list'
    ]
] );

希望这可以帮助你。