yii框架-yii2分页的使用与扩展(十五)

])

]

二、自定义属性设置样式。
首先我们说说LinkPager组件
pagination参数必填，这个是我们Pagination类的实例，返回的$pages.
默认的分页样式

默认页数按钮显示10个。

<?= LinkPager::widget([ 

?>

?>

<?= LinkPager::widget([ 

<?= LinkPager::widget([ 

]);

]);

]);

如果你的分页存在于首页，相信你肯定想要/?p=1而不是/site/index?p=1，我们看看怎么隐藏掉路由
$pages = new Pagination([ 
  "totalCount" => $totalCount, 
  "route" => false, 
]);

可能你会发现分页类Pagination有一个bug,假如我们只有1页的数据，但是手动更改地址栏的page=20的时候，也会显示page=1的数据？当然，这在大部分接口API中就很让人厌烦。但是，这并非bug,而是一种友好的验证。设置validatePage=false即可避免掉该问题
$pages = new Pagination([ 
  "totalCount" => $totalCount, 
  "validatePage" => false, 
]);

接下来我们研究一下如何扩展自己分分页样式,变成如下样式


主要是重写run()和renderPageButtons()两个方法
代码如下：

namespace appcomponent;
use yiiwidgetsLinkPager;
use yiihelpersHtml;

class GoPager extends LinkPager {
	/**
	*@var boole|string. weather show totalPage
	*You can do not set the property by using defult,so the totalPage button not show in the html. 
	*if you set it as string,eg: totalPageLable => "共x页".note that the "x" will be replaced by $pageCount.so the "x" must be seted.
	*/
	public $totalPageLable = false;

	/**
	*@var boole if is seted true,the goPageLabel can be show in the html.
	*
	*/
	public $goPageLabel = false;

	/**
	*@var array.options about the goPageLabel(input) 
	*goPageLabelOptions => [
	*		"class" =>
	*		"data-num" => 
	*		"style" =>
	*	]
	*
	*/
	public $goPageLabelOptions = [];

	/**
	*@var boole | string. weather show in go page button
	*
	*/
	public $goButtonLable = false;

	/**
	*@var array.options about the goButton
	*
	*/
	public $goButtonLableOptions = [];
	
	/**
	*
	**/
	public function init() {
		parent::init();

	}

	public function run()
    {
        if ($this->registerLinkTags) {
            $this->registerLinkTags();
        }
        echo $this->renderPageButtons();
    }

	protected function renderPageButtons() {

		$pageCount = $this->pagination->getPageCount();
        if ($pageCount < 2 && $this->hideOnSinglePage) {
            return "";
        }

        $buttons = [];
        $currentPage = $this->pagination->getPage();
        // first page
        $firstPageLabel = $this->firstPageLabel === true ? "1" : $this->firstPageLabel;
        if ($firstPageLabel !== false) {
            $buttons[] = $this->renderPageButton($firstPageLabel, 0, $this->firstPageCssClass, $currentPage <= 0, false);
        }

        // prev page
        if ($this->prevPageLabel !== false) {
            if (($page = $currentPage - 1) < 0) {
                $page = 0;
            }
            $buttons[] = $this->renderPageButton($this->prevPageLabel, $page, $this->prevPageCssClass, $currentPage <= 0, false);
        }

        // internal pages
        list($beginPage, $endPage) = $this->getPageRange();
        for ($i = $beginPage; $i <= $endPage; ++$i) {
            $buttons[] = $this->renderPageButton($i + 1, $i, null, false, $i == $currentPage);
        }

        // next page
        if ($this->nextPageLabel !== false) {
            if (($page = $currentPage + 1) >= $pageCount - 1) {
                $page = $pageCount - 1;
            }
            $buttons[] = $this->renderPageButton($this->nextPageLabel, $page, $this->nextPageCssClass, $currentPage >= $pageCount - 1, false);
        }

        // last page
        $lastPageLabel = $this->lastPageLabel === true ? $pageCount : $this->lastPageLabel;
        if ($lastPageLabel !== false) {
            $buttons[] = $this->renderPageButton($lastPageLabel, $pageCount - 1, $this->lastPageCssClass, $currentPage >= $pageCount - 1, false);
        }

        // total page
       	if ($this->totalPageLable) {
        	$buttons[] = Html::tag("li",Html::a(str_replace("x",$pageCount,$this->totalPageLable),"javascript:return false;",[]),[]); 	
        }

        //gopage
        if ($this->goPageLabel) {
        	$input = Html::input("number",$this->pagination->pageParam,$currentPage+1,array_merge([
        			"min" => 1,
        			"max" => $pageCount,
        			"style" => "height:34px;width:80px;display:inline-block;margin:0 3px 0 3px",
        			"class" => "form-control",
        		],$this->goPageLabelOptions));

        	$buttons[] = Html::tag("li",$input,[]);
        }

        // gobuttonlink
        if ($this->goPageLabel) {
        	$buttons[] = Html::submitInput($this->goButtonLable ? $this->goButtonLable : "跳转",array_merge([
        			"style" => "height:34px;display:inline-block;",
        			"class" => "btn btn-primary"
        		],$this->goButtonLableOptions));
        }
        $ul = Html::tag("ul", implode("
", $buttons), $this->options);
        return Html::tag("form",$ul,[]);
	}
}

]);

友情推荐

本人已开源基于swoole扩展实现的轻量级框架

https://github.com/bingcool/swoolefy