怎么修改ClinkPager的CSS？

International Chinese
1

怎么修改ClinkPager的CSS？

2

看 源码：

自己可以指定 css文件（根据标准分页按钮的几个类名 书写你自己的css文件 ）然后指定给CLinkPager

或者修改 yii默认的分页按钮的css类名称：




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;

....

这些公共变量都是可以被修改的 如果你配合GridView 或者ListView 可以自定义pager





  'pager'=>array(

   'class'=>'CLinkPager',

   'lastPageCssClass'=>'myLastPage',

   'firstPageCssClass'=>'xx'

    .....

  );


$this->widget('zii.widgets.grid.CGridView', array(

    'dataProvider'=>$dataProvider,

    //pager配置可以出现在这里.... listView 同此

));

总之覆盖默认的css 一般有两种方法 一种是用自己的css文件（注意是URL位置） 或者修改默认的各种css类指定

上面的方法适合于大部分yii Widget类（只要是提供css文件的控件 ）

3

‘pager’=>array(

‘class’=>‘MyCLinkPager’,

);

是不是可以这样？

那我自己定义的CSS类放在什么位置？

4

一种是针对yii 已有的标准 分页类名 来写css 进行覆盖

css 一般有三种方式 ： 作为html元素的style值 内嵌到元素中

                  在本页面中用<style ..> ..</style> 中嵌入 


                  还有就是 作为外部文件引入

yii默认是会引入分页css文件的 你根据优先级 可以进行覆盖 。 这个自己查怎么搞 :lol: （在布局页面中 用CClientScript 或配合CAssetManager 注册css文件 或者直接把规则写到<style/> 段中 自己斟酌）；

另外就是改写yii默认分页类的类名





  'pager'=>array(

   'class'=>'CLinkPager',

   'lastPageCssClass'=>'myLastPage',

   'firstPageCssClass'=>'xx'

    ...

  );

就是上面的代码示意。 这样导致原来的yii自带的分页css失效 然后根据自己新定义的css规则（或者内嵌到页面中 或者作为单独css文件引入）；

两种做法 前面的那种方式 对所有的yii分页控件可以产生影响（因为你覆盖了yii原有的分页类的样式 这样你的css可以应用到全局甚至跨项目） 而后面的可能只是针对局部个别页面中的分页控件的外观有所影响。

不知道你明白我说的没有 :lol:

5

明白了，谢谢