yii使用引导分页风格的例子

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。由推特设计师马克奥托和雅各布桑顿开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它们是由动态CSS语言Less编写的。Bootstrap自推出以来一直很受欢迎，并且一直是GitHub上很受欢迎的开源项目，包括NASA的《MSNBC突发新闻》。

本文介绍了yii使用引导分页方式的方法。感兴趣的同学可以参考一下。

Yii自带分页类和页面样式，但如果是yii bootstrap开发的项目，如何在不修改yii的情况下使用bootstrap分页样式？

本文为大家介绍一个非常简单的方法。在yii分页中应用引导样式主要取决于yii叮当分页中的两个属性：htmlOptions和selectedPageCssClass

控制器示例代码

公共函数actionIndex(){ $ cid=int val($ _ GET[' cid '])；$ criteria=new CDB criteria()；$ criteria-addCondition(' t . status=1 ')；$ criteria-addCondition(' cid=' $ cid ')；$ criteria-order=' t . time desc '；$ count=article : model()-count($ criteria)；$pager=新的cp阴道术($ count)；$ pager-page size=20；$ pager-apply limit($ criteria)；$ list=article : model()-find all($ criteria)；$this-render('index '，array(' list '=$ list，' pager '=$ pager))；}上面的代码实现了yii分页，并将$pager分页对象传递给视图。让我们再看看视图代码

查看代码

导航？PHP $ this-widget(' Crink Pager '，Array ('Header'=' '，'首页标签'='首页标签'，' lastPageLabel'='最后一页'，' prevPageLabel'='上一页'，' nextPageLabel'='下一页'，' pages'=$pager，' maxButtonCount'=8，' cssFile'=false，' htmlOptions'=array('class'='分页')，' selectedpagescsclass '=' active ')；上面的视图代码/导航应该注意以下几点

1.分页必须在导航中

2.htmlOptions选项是必需的。它指定了yii生成的分页div的类名。这里我们使用引导的类名

3.3，selectedPageCssClass选项指定当前选定的页数。这里我们使用bootstrap的active

4.此外，您需要将cssFile设置为false，并且不要加载分页css样式文件

参考bootstrap官网提供的分页代码，如下图所示

渲染的最终实现

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。