1. Update
2. Requirements
3. Usage

Very simple extension to CLinkPager to output the correct CSS when using Twitter Bootstrap.

Update ¶

So short sighted of me. In my rush for a quick solution for a specific problem, I neglected to think of the wider picture.

This could have been an extension to allow you to declare your own CSS classes.

I'm really short on time right now so there's a challenge! Go create the perfect CLinkPager extension.

Requirements ¶

Tested with Yii 1.1.10

Requires Bootstrap

Usage ¶

Drop the archived file into your 'extensions' folder.

Add this to your config file:

// autoloading model and component classes
'import'=>array(
    //.....
    'ext.bootstraplinkpager.*',
),

In view, use like this:

$this->widget('zii.widgets.grid.CGridView',array(
    'dataProvider' => $dataProvider,
    'cssFile' => false, //prevent Yii autoloading css
    'itemsCssClass' => 'table table-striped', // override default css
    'pagerCssClass' => 'pagination', // override default css
    'summaryCssClass' => 'alert alert-info', // override default css
 
    'pager' => array(
        'class' => 'bootstraplinkpager', // **use extended CLinkPager class**
        'cssFile' => false, //prevent Yii autoloading css
        'header' => false, // hide 'go to page' header
        'firstPageLabel' => '<<', // change pager button labels
        'prevPageLabel' => '<',
        'nextPageLabel' => '>',
        'lastPageLabel' => '>>',
    ),
));