yii使用bootstrap分页样式的实例


Posted in PHP onJanuary 17, 2017

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

本文为大家介绍的是yii使用bootstrap分页样式方法,感兴趣的同学参考下。

yii自带了分页类和页面样式,但如果是yii+bootstrap开发的项目如何在不修改yii的情况下使用bootstrap分页样式呢。

本文就为大家介绍一种非常简单的方式,想在yii的分页中套用bootstrap样式主要依赖yii CLinkPager中的二个属性htmlOptions和selectedPageCssClass

控制器示例代码

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));
}

上面 代码实现了yii分页,并把$pager分页对象传到视图里,我们再来看一下视图代码

视图代码

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

上面的视图代码要注意以下几个点

1.分页必须在<nav>里

2,htmlOptions选项是必须的,他指定了yii生成的分页div的class名称,在这里我们使用bootstrap的class名

3,selectedPageCssClass选项指定了当前选中页的样多,在这里我们使用bootstrap的active

4.另外还需要把cssFile设为false,不加载分页css样式文件

参考bootstrap官网提供的分页代码,如下图

 yii使用bootstrap分页样式的实例

最终实现的效果图

yii使用bootstrap分页样式的实例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
新版PHP将向Java靠拢
Oct 09 PHP
PHP下常用正则表达式整理
Oct 26 PHP
PHP IF ELSE简化/三元一次式的使用
Aug 22 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
Apr 09 PHP
PHP关联链接常用代码
Nov 05 PHP
php判断终端是手机还是电脑访问网站的思路及代码
Apr 24 PHP
php接口和抽象类使用示例详解
Mar 02 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
Mar 12 PHP
php简单实现快速排序的方法
Apr 04 PHP
php实现的RSS生成类实例
Apr 23 PHP
变量在 PHP7 内部的实现(一)
Dec 21 PHP
基于swoole实现多人聊天室
Jun 14 PHP
关于Laravel Route重定向的一个注意点
Jan 16 #PHP
php文件管理基本功能简单操作
Jan 16 #PHP
Python中使用django form表单验证的方法
Jan 16 #PHP
phpinfo()中Loaded Configuration File(none)的解决方法
Jan 16 #PHP
php实现文件上传及头像预览功能
Jan 15 #PHP
给大家分享几个常用的PHP函数
Jan 15 #PHP
详解Yii实现分页的两种方法
Jan 14 #PHP
You might like
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
php的正则处理函数总结分析
2008/06/20 PHP
10个实用的PHP代码片段
2011/09/02 PHP
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
PHP插入排序实现代码
2013/04/04 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
简单的php中文转拼音的实现代码
2014/02/11 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
Python查看多台服务器进程的脚本分享
2014/06/11 Python
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
简单介绍Python中用于求最小值的min()方法
2015/05/15 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
苹果音乐订阅:Apple Music
2018/08/02 全球购物
const char*, char const*, char*const的区别是什么
2014/07/09 面试题
一个SQL面试题
2014/08/21 面试题
2013年员工自我评价范文
2013/12/27 职场文书
婚庆司仪主持词
2014/03/15 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
小学生表扬稿范文
2015/05/05 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python