做者:白狼 出處:http://www.manks.top/yii2_linkpager_pagination.html 本文版權歸做者,歡迎轉載,但未經做者贊成必須保留此段聲明,且在文章頁面明顯位置給出原文鏈接,不然保留追究法律責任的權利。php
先說明下咱們本篇文章都要講哪些內容html
分頁的使用,一步一步的教你怎麼作yii2
分頁類LinkPager和Pagination均可以自定義哪些屬性yii
分頁類LinkPager如何擴展成咱們所須要的ide
第一步,咱們來看看yii2自帶的分頁類該如何去使用?網站
一、controller actionthis
use yii\data\Pagination; $query = Article::find()->where(['status' => 1]); $countQuery = clone $query; $pages = new Pagination(['totalCount' => $countQuery->count()]); $models = $query->offset($pages->offset) ->limit($pages->limit) ->all(); return $this->render('index', [ 'models' => $models, 'pages' => $pages, ]);
二、Viewcode
use yii\widgets\LinkPager; //循環展現數據 foreach ($models as $model) { // ...... } //顯示分頁頁碼 echo LinkPager::widget([ 'pagination' => $pages, ])
代碼基本上能夠徹底拷貝,修改部分數據便可,相信大多數人都是看得懂的。htm
咱們接下來看第二步,自帶的分頁類均可以定義哪些屬性圖片
首先咱們說說LinkPager組件
pagination參數必填,這個是咱們Pagination類的實例
默認分頁類是下面這個樣子的(圖片見原文)
上下頁按鈕以及10個按鈕
首先,咱們把上下頁的按鈕修改爲中文
<?= LinkPager::widget([ 'pagination' => $pages, 'nextPageLabel' => '下一頁', 'prevPageLabel' => '上一頁', ]); ?>
若是你不想要顯示上下頁,能夠將prevPageLabel和nextPageLabel設置爲false
<?= LinkPager::widget([ 'pagination' => $pages, 'nextPageLabel' => false, 'prevPageLabel' => false, ]); ?>
默認不顯示首頁也尾頁,若是你須要,能夠這樣設置
<?= LinkPager::widget([ 'pagination' => $pages, 'firstPageLabel' => '首頁', 'lastPageLabel' => '尾頁', ]); ?>
若是你的數據過少,不夠2頁,默認不顯示分頁,若是你須要,設置hideOnSinglePage=false便可
<?= LinkPager::widget([ 'pagination' => $pages, 'hideOnSinglePage' => false, ]); ?>
默認顯示的頁碼爲10頁,能夠設置maxButtonCount爲你想要展現的頁數
<?= LinkPager::widget([ 'pagination' => $pages, 'maxButtonCount' => 5, ]); ?>
有些人不喜歡默認的樣式,想要分頁帶上本身的樣式,能夠設置options,不要忘了自行實現pre,next,disabled等樣式
<?= LinkPager::widget([ 'pagination' => $pages, 'options' => ['class' => 'm-pagination'], ]); ?>
接下來咱們談談Pagination組件
默認的分頁路由是下面這樣子的,咱們看看能作點什麼
/controller/action?page=2&per-page=20
首先,咱們是必需要指定總條數totalCount的,沒這個參數,分頁也是沒辦法實現的
$pages = new Pagination([ 'totalCount' => $totalCount, ]);
[考慮目前國內網站大部分採集文章十分頻繁,更有甚者不註明原文出處,原做者更但願看客們查看原文,以防有任何問題不能更新全部文章,避免誤導!]