yii 分页样式

需求及效果图如下

没什么说的,就是修改分页,修改了CLinks分页的样式

上代码

<?php

class GsearchPager extends CBasePager
{
	const CSS_FIRST_PAGE='first';
	const CSS_LAST_PAGE='last';
	const CSS_PREVIOUS_PAGE='previous';
	const CSS_NEXT_PAGE='next';
	const CSS_INTERNAL_PAGE='page';
	const CSS_HIDDEN_PAGE='hidden';
	const CSS_SELECTED_PAGE='selected';

	/**
	 * @var string the CSS class for the first page button. Defaults to 'first'.
	 * @since 1.1.11
	 */
	public $firstPageCssClass=self::CSS_FIRST_PAGE;
	/**
	 * @var string the CSS class for the last page button. Defaults to 'last'.
	 * @since 1.1.11
	 */
	public $lastPageCssClass=self::CSS_LAST_PAGE;
	/**
	 * @var string the CSS class for the previous page button. Defaults to 'previous'.
	 * @since 1.1.11
	 */
	public $previousPageCssClass=self::CSS_PREVIOUS_PAGE;
	/**
	 * @var string the CSS class for the next page button. Defaults to 'next'.
	 * @since 1.1.11
	 */
	public $nextPageCssClass=self::CSS_NEXT_PAGE;
	/**
	 * @var string the CSS class for the internal page buttons. Defaults to 'page'.
	 * @since 1.1.11
	 */
	public $internalPageCssClass=self::CSS_INTERNAL_PAGE;
	/**
	 * @var string the CSS class for the hidden page buttons. Defaults to 'hidden'.
	 * @since 1.1.11
	 */
	public $hiddenPageCssClass=self::CSS_HIDDEN_PAGE;
	/**
	 * @var string the CSS class for the selected page buttons. Defaults to 'selected'.
	 * @since 1.1.11
	 */
	public $selectedPageCssClass=self::CSS_SELECTED_PAGE;
	/**
	 * @var integer maximum number of page buttons that can be displayed. Defaults to 10.
	 */
	public $maxButtonCount=10;
	/**
	 * @var string the text label for the next page button. Defaults to 'Next >'.
	 */
	public $nextPageLabel;
	/**
	 * @var string the text label for the previous page button. Defaults to '< Previous'.
	 */
	public $prevPageLabel;
	/**
	 * @var string the text label for the first page button. Defaults to '<< First'.
	 */
	public $firstPageLabel;
	/**
	 * @var string the text label for the last page button. Defaults to 'Last >>'.
	 */
	public $lastPageLabel;
	/**
	 * @var string the text shown before page buttons. Defaults to 'Go to page: '.
	 */
	public $header;
	/**
	 * @var string the text shown after page buttons.
	 */
	public $footer='';
	/**
	 * @var mixed the CSS file used for the widget. Defaults to null, meaning
	 * using the default CSS file included together with the widget.
	 * If false, no CSS file will be used. Otherwise, the specified CSS file
	 * will be included when using this widget.
	 */
	public $cssFile;
	/**
	 * @var array HTML attributes for the pager container tag.
	 */
	public $htmlOptions=array();

	/**
	 * Initializes the pager by setting some default property values.
	 */
	public function init()
	{
		if($this->nextPageLabel===null)
			$this->nextPageLabel=Yii::t('yii','Next >');
		if($this->prevPageLabel===null)
			$this->prevPageLabel=Yii::t('yii','< Previous');
		//if($this->firstPageLabel===null)
		//	$this->firstPageLabel=Yii::t('yii','<< First');
		//if($this->lastPageLabel===null)
		//	$this->lastPageLabel=Yii::t('yii','Last >>');
		if($this->header===null)
			$this->header=Yii::t('yii','Go to page: ');

		if(!isset($this->htmlOptions['id']))
			$this->htmlOptions['id']=$this->getId();
		if(!isset($this->htmlOptions['class']))
			$this->htmlOptions['class']='yiiPager';
	}

	/**
	 * Executes the widget.
	 * This overrides the parent implementation by displaying the generated page buttons.
	 */
	public function run()
	{
		$this->registerClientScript();
		$buttons=$this->createPageButtons();
		if(empty($buttons))
			return;
		echo $this->header;
//		echo CHtml::tag('ul',$this->htmlOptions,implode("
",$buttons));
		echo implode("
",$buttons);
		echo $this->footer;
	}

	/**
	 * Creates the page buttons.
	 * @return array a list of page buttons (in HTML code).
	 */
	protected function createPageButtons()
	{
		if(($pageCount=$this->getPageCount())<=1)
			return array();

		list($beginPage,$endPage,$ellipsis)=$this->getPageRange();

		$currentPage=$this->getCurrentPage(false); // currentPage is calculated in getPageRange()
		$buttons=array();

		// first page
		//$buttons[]=$this->createPageButton($this->firstPageLabel,0,$this->firstPageCssClass,$currentPage<=0,false);

		// prev page
		if(($page=$currentPage-1)<0)
			$page=0;
		if($currentPage == 0){
			$buttons[] = "<span style='background:#a3a3a3'><上一頁</span>";
		}else{
			$buttons[]=$this->createPageButton($this->prevPageLabel,$page,$this->previousPageCssClass,$currentPage<=0,false);
		}
		// internal pages start
		// first
		$buttons[]=$this->createPageButton(1,0,$this->internalPageCssClass,false,$i==$currentPage);
		//middle
		if($ellipsis == 'both'){
			$buttons[] = "<span style='background:#a3a3a3'>...</span>";
		}
		for($i=$beginPage;$i<=$endPage;++$i){
			if($ellipsis == 'left' && $i == $beginPage){
				$buttons[] = "<span style='background:#a3a3a3'>...</span>";
			}
			$buttons[]=$this->createPageButton($i+1,$i,$this->internalPageCssClass,false,$i==$currentPage);
			if($ellipsis == 'right' && $i == $endPage){
				$buttons[] = "<span style='background:#a3a3a3'>...</span>";
			}
		}	
		if($ellipsis == 'both'){
			$buttons[] = "<span style='background:#a3a3a3'>...</span>";
		}
		// last
		$buttons[]=$this->createPageButton($pageCount,$pageCount - 1,$this->internalPageCssClass,false,$i==$currentPage);
		// internal pages end
		// next page
		if(($page=$currentPage+1)>=$pageCount-1)
			$page=$pageCount-1;
		if($currentPage == ($pageCount-1)){
			$buttons[] = "<span style='background:#a3a3a3'>下一頁></span>";
		}else{
			$buttons[]=$this->createPageButton($this->nextPageLabel,$page,$this->nextPageCssClass,$currentPage>=$pageCount-1,false);
		}
		// last page
		//$buttons[]=$this->createPageButton($this->lastPageLabel,$pageCount-1,$this->lastPageCssClass,$currentPage>=$pageCount-1,false);

		return $buttons;
	}

	/**
	 * Creates a page button.
	 * You may override this method to customize the page buttons.
	 * @param string $label the text label for the button
	 * @param integer $page the page number
	 * @param string $class the CSS class for the page button.
	 * @param boolean $hidden whether this page button is visible
	 * @param boolean $selected whether this page button is selected
	 * @return string the generated button
	 */
	protected function createPageButton($label,$page,$class,$hidden,$selected)
	{
		if($hidden || $selected)
			$class.=' '.($hidden ? $this->hiddenPageCssClass : $this->selectedPageCssClass);
        if ($selected) {
            $result = "<span>" . ++$page . "</span>";
        } else {
            $result = CHtml::link($label,$this->createPageUrl($page));
        }
        return $result;
	}

	/**
	 * @return array the begin and end pages that need to be displayed.
	 */
	protected function getPageRange()
	{
		$currentPage=$this->getCurrentPage();
		$pageCount=$this->getPageCount();
		/*$beginPage=max(0, $currentPage-(int)($this->maxButtonCount/2));
		if(($endPage=$beginPage+$this->maxButtonCount-1)>=$pageCount)
		{
			$endPage=$pageCount-1;
			$beginPage=max(0,$endPage-$this->maxButtonCount+1);
		}*/
		if($pageCount > $this->maxButtonCount){
			if($currentPage > 4 && $currentPage < ($pageCount - 4)){
				// print_r('a');
				$beginPage = $currentPage - 2;
				$endPage = $currentPage + 2;
				$ellipsis = 'both';
			}else{
				$beginPage=max(1, $currentPage-(int)($this->maxButtonCount/2));
				if($beginPage == 1){
					$ellipsis = 'right';
				}else{
					$ellipsis = 'left';
				}
				if(($endPage=$beginPage+$this->maxButtonCount-1)>=$pageCount)
				{
					// print_r('b');
					$endPage=$pageCount-2;
					$beginPage=max(1,$endPage-$this->maxButtonCount+1);
				}elseif(($endPage=$beginPage+$this->maxButtonCount-1)>=$pageCount-2){
					// print_r('c');
					$endPage=$pageCount-2;
				}

			}
		}else{
			$beginPage=max(1, $currentPage-(int)($this->maxButtonCount/2));
			if(($endPage=$beginPage+$this->maxButtonCount-1)>=$pageCount)
			{
				$endPage=$pageCount-2;
				$beginPage=max(1,$endPage-$this->maxButtonCount+1);
			}
		}

		return array($beginPage,$endPage, $ellipsis);
	}

	/**
	 * Registers the needed client scripts (mainly CSS file).
	 */
	public function registerClientScript()
	{
		if($this->cssFile!==false)
			self::registerCssFile($this->cssFile);
	}

	/**
	 * Registers the needed CSS file.
	 * @param string $url the CSS URL. If null, a default CSS URL will be used.
	 */
	public static function registerCssFile($url=null)
	{
		if($url===null)
			$url=CHtml::asset(Yii::getPathOfAlias('system.web.widgets.pagers.pager').'.css');
		Yii::app()->getClientScript()->registerCssFile($url);
	}
}

　　放哪都行,只要在配置文件中 import 进来就好 

protected/config/config.php

return array(
    // autoloading model and component classes
    'import'=>array(
        'application.models.*',
        'application.components.*',
        'application.helpers.*',
        'application.utils.*',
    ),
//...   
)

　　使用方法和clink是一样的

<div class="paging">
          <?php $this->widget('application.widgets.GsearchPager', array(
                                    'header'=>'',
                                    //'firstPageLabel'=>'首页',
                                    //'lastPageLabel'=>'末页',
                                    'prevPageLabel'=>'<上一頁',
                                    'nextPageLabel'=>'下一頁>',
                                    'pages' => $viewData['pages'],
                                    'maxButtonCount'=>6,
                                    )) ?>
        </div>