Very Easy 'jump To Page' Addition To Cgridview

I have been looking for a ‘Jump to page’ function in the pager, but couldn’t find it in the docs. The only thing I found in the forum when searching for ‘Jump to page’ was a Spanish page.

Since I came up with a quick and dirty but realy simple solution, I’ll share it with you, hoping it will be improved.

I’m using the Gii CRUD code in the admin view. Just above the CGridView code add:


echo CHtml::textField(ucfirst(Yii::app()->controller->id)."_page",'0',




// The CRUDded CGridView

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

	'id' => 'user-grid',

	'dataProvider' => $model->search(), ETC.....

and add to your jQuery


	$.fn.yiiGridView.update('user-grid', {

		data: $(this).serialize()




You will need to adjust the css a bit to have the input field aligned with the pagination buttons.

At least one thing to improve: store the present page number as initial value in the input field.

It is too ‘dirty’ to do it like this after all.

I recommend to use the ‘mypager’ extension. Very easy to implement.

very very good!

this codes


replace with


is better may be.

agree with me ?

if put the input in GridView, it can jump to page only first time. why and how to solve ? Thanks.

'template' => '{items}'.CHtml::textField(ucfirst(Yii::app()->controller->id)."_page",'',array('id'=>'jump-to-page')).'<input type="button" id="jumptopage" value="Go">{pager}{summary}',