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连接MySQL代码的参数说明
Jun 07 PHP
PHP开发的一些注意点总结
Oct 12 PHP
QQ互联一键登录审核不通过的解决方案
Sep 10 PHP
简单谈谈php中ob_flush和flush的区别
Nov 27 PHP
php实现多城市切换特效
Aug 09 PHP
十大使用PHP框架的理由
Sep 26 PHP
Zend Studio使用技巧两则
Apr 01 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
Apr 15 PHP
谈谈PHP连接Access数据库的注意事项
Aug 12 PHP
PHP实现页面静态化的超简单方法
Sep 06 PHP
PHP对象、模式与实践之高级特性分析
Dec 08 PHP
PHP isset empty函数相关面试题及解析
Dec 11 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
PHP 处理图片的类实现代码
2009/10/23 PHP
PHP之数组学习
2011/05/29 PHP
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
js replace正则表达式应用案例讲解
2013/01/17 Javascript
jQuery插件开发详细教程
2014/06/06 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
2019/02/18 jQuery
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
图解NodeJS实现登录注册功能
2019/09/16 NodeJs
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
关于Python中异常(Exception)的汇总
2017/01/18 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
Python中 map()函数的用法详解
2018/07/10 Python
对python中的 os.mkdir和os.mkdirs详解
2018/10/16 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
数控技校生自我鉴定
2014/03/02 职场文书
历史学专业求职信
2014/06/19 职场文书
公务员政审材料
2014/12/23 职场文书
教学反思怎么写
2016/02/24 职场文书
浅谈Redis的几个过期策略
2021/05/27 Redis