yii DropDown for pageSize in CGridView

比眉伴天荒 2022-06-01 12:49 135阅读 0赞

A convenient drop down to select page size and save in User state.

Step 1: On top of my controller action for the gridview (if you used CRUD, this isactionAdmin() ) i added:

<table style="font-size:1em!important; line-height:1.7em!important; border-collapse:collapse!important; border-spacing:0px; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; text-align:left!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important"> 
 <tbody style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
  <tr style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:3em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:2.7em!important; min-height:inherit!important; display:block!important">3</code></td> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">Yii::app()-&gt;user-&gt;setState(</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">,(int)</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(170,119,0)!important">$_GET</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">[</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">]);</code></td> 
  </tr> 
 </tbody> 
</table>

<table style="font-size:1em!important; line-height:1.7em!important; border-collapse:collapse!important; border-spacing:0px; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; text-align:left!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important"> 
 <tbody style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
  <tr style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:3em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:2.7em!important; min-height:inherit!important; display:block!important">4</code></td> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">unset(</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(170,119,0)!important">$_GET</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">[</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">]);&nbsp;&nbsp;</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(0,130,0)!important">// would interfere with pager and repetitive page size change</code></td> 
  </tr> 
 </tbody> 
</table>

Step2: In the model (e.g. model/User.php) the data provider in search() is configured like:

<table style="font-size:1em!important; line-height:1.7em!important; border-collapse:collapse!important; border-spacing:0px; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; text-align:left!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important"> 
 <tbody style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
  <tr style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:3em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:2.7em!important; min-height:inherit!important; display:block!important">1</code></td> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important"> <code style="font-weight:bold!important; font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(0,102,153)!important">return</code>&nbsp;<code style="font-weight:bold!important; font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(0,102,153)!important">new</code>&nbsp;<code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">CActiveDataProvider(get_class(</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(170,119,0)!important">$this</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">),</code><code style="font-weight:bold!important; font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(0,102,153)!important">array</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">(</code></td> 
  </tr> 
 </tbody> 
</table>

<table style="font-size:1em!important; line-height:1.7em!important; border-collapse:collapse!important; border-spacing:0px; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; text-align:left!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important"> 
 <tbody style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
  <tr style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:3em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:2.7em!important; min-height:inherit!important; display:block!important">3</code></td> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">=&gt; Yii::app()-&gt;user-&gt;getState(</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">,Yii::app()-&gt;params[</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'defaultPageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">]),</code></td> 
  </tr> 
 </tbody> 
</table>

Step 3:  Now the view (e.g. views/user/admin.php) :

<table style="font-size:1em!important; line-height:1.7em!important; border-collapse:collapse!important; border-spacing:0px; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; text-align:left!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important"> 
 <tbody style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
  <tr style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:3em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:2.7em!important; min-height:inherit!important; display:block!important">03</code></td> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(170,119,0)!important">$pageSize</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">=Yii::app()-&gt;user-&gt;getState(</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">,Yii::app()-&gt;params[</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'defaultPageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">]); ?&gt;</code></td> 
  </tr> 
 </tbody> 
</table>

<table style="font-size:1em!important; line-height:1.7em!important; border-collapse:collapse!important; border-spacing:0px; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; text-align:left!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important"> 
 <tbody style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
  <tr style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-size:1em!important; min-height:inherit!important"> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:3em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:2.7em!important; min-height:inherit!important; display:block!important">11</code></td> 
   <td style="line-height:1.7em!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; vertical-align:top!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; min-height:inherit!important"> <code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'header'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">=&gt;CHtml::dropDownList(</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:blue!important">'pageSize'</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">,</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(170,119,0)!important">$pageSize</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">,</code><code style="font-weight:bold!important; font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(0,102,153)!important">array</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">(20=&gt;20,50=&gt;50,100=&gt;100),</code><code style="font-weight:bold!important; font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important; color:rgb(0,102,153)!important">array</code><code style="font-size:1em!important; line-height:1.7em!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; height:auto!important; width:auto!important; min-height:inherit!important">(</code></td> 
  </tr> 
 </tbody> 
</table>

Step 4: And finally the application parameter

![1346223022_4286.jpg][]

[http://www.yiiframework.com/forum/index.php?/topic/8994-dropdown-for-pagesize-in-cgridview/][http_www.yiiframework.com_forum_index.php_topic_8994-dropdown-for-pagesize-in-cgridview]

[1346223022_4286.jpg]: https://img-my.csdn.net/uploads/201208/29/1346223022_4286.jpg
[http_www.yiiframework.com_forum_index.php_topic_8994-dropdown-for-pagesize-in-cgridview]: http://www.yiiframework.com/forum/index.php?/topic/8994-dropdown-for-pagesize-in-cgridview/