À propos de yii utilisant le style de pagination bootstrap

Cet article présente principalement des exemples de Yii utilisant le style de pagination bootstrap. Le contenu est assez bon, je vais le partager avec vous maintenant et le donner comme référence.

Bootstrap est une boîte à outils open source pour le développement front-end lancée par Twitter. Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris le Breaking News MSNBC (Microsoft National Broadcasting Company) de la NASA.

Cet article explique comment utiliser le style de pagination bootstrap dans Yii. Les étudiants intéressés peuvent s'y référer.

yii est livré avec des classes de pagination et des styles de page, mais s'il s'agit d'un projet développé par yii+bootstrap, comment puis-je utiliser le style de pagination bootstrap sans modifier yii ?

Cet article vous présentera une manière très simple. Si vous souhaitez appliquer le style bootstrap dans la pagination yii, vous vous appuyez principalement sur les deux attributs htmlOptions et selectedPageCssClass dans yii CLinkPager

Exemple de code du contrôleur.

public function actionIndex()
{
 $cid = intval($_GET['cid']);

 $criteria = new CDbCriteria();
 $criteria->addCondition("t.status=1");
 $criteria->addCondition("cid='$cid'");
 $criteria->order="t.time desc";
 $count = Article::model()->count($criteria);
 $pager = new CPagination($count);
 $pager->pageSize=20;
 $pager->applyLimit($criteria);
 $lists = Article::model()->findAll($criteria);

 $this->render('index',array('lists'=>$lists,"pager"=>$pager));
}

Le code ci-dessus implémente la pagination yii et transmet l'objet de pagination $pager à la vue. Jetons un coup d'œil au code de la vue<. 🎜>

<nav>
<?php
$this->widget(&#39;CLinkPager&#39;,array(
    &#39;header&#39;=>&#39;&#39;,
    &#39;firstPageLabel&#39; => &#39;首页&#39;,
    &#39;lastPageLabel&#39; => &#39;末页&#39;,
    &#39;prevPageLabel&#39; => &#39;上一页&#39;,
    &#39;nextPageLabel&#39; => &#39;下一页&#39;,
    &#39;pages&#39; => $pager,
    &#39;maxButtonCount&#39;=>8,
    &#39;cssFile&#39;=>false,
    &#39;htmlOptions&#39; =>array("class"=>"pagination"),
    &#39;selectedPageCssClass&#39;=>"active"
 )
 );
?>
</nav>