Exemple d'utilisation du style de pagination bootstrap dans yii

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 vue

Code de 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>

ci-dessus Les points suivants doivent être notés dans le code de vue

1. La pagination doit être dans

2. L'option htmlOptions est obligatoire. div généré par Yii. , nous utilisons ici le nom de classe de bootstrap

3, l'option selectedPageCssClass spécifie le nombre de pages actuellement sélectionnées, ici nous utilisons l'actif

4 de bootstrap. pour définir cssFile sur false, ne chargez pas le fichier de style CSS de pagination

Référez-vous au code de pagination fourni par le site officiel de bootstrap, comme indiqué ci-dessous

Le rendu final

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. J'espère également que tout le monde soutiendra le site Web PHP chinois.

Pour plus d'articles sur des exemples de yii utilisant le style de pagination bootstrap, veuillez faire attention au site Web PHP chinois !