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面向对象的方法重载两种版本比较
Sep 08 PHP
php实现图片缩放功能类
Dec 18 PHP
浅谈json_encode用法
Mar 05 PHP
PHP之图片上传类实例代码(加了缩略图)
Jun 30 PHP
php is_writable判断文件是否可写实例代码
Oct 13 PHP
php 判断字符串编码是utf-8 或gb2312实例
Nov 01 PHP
php实现xml转换数组的方法示例
Feb 03 PHP
php 将json格式数据转换成数组的方法
Aug 21 PHP
PHP实现的文件浏览器功能简单示例
Sep 12 PHP
laravel withCount 统计关联数量的方法
Oct 10 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
Oct 18 PHP
yii2.0框架数据库操作简单示例【添加,修改,删除,查询,打印等】
Apr 13 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 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP调用Webservice实例代码
2011/07/29 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
php实现文件下载更能介绍
2012/11/23 PHP
php 伪造HTTP_REFERER页面URL来源的三种方法
2016/09/22 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
PHP中的Iterator迭代对象属性详解
2019/04/12 PHP
JS实现切换标签页效果实例代码
2013/11/01 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
jQuery如何使用自动触发事件trigger
2015/11/29 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
2016/03/09 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
Django学习笔记之Class-Based-View
2017/02/15 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
你所在的项目是如何确定版本号的
2015/12/28 面试题
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
教师自我鉴定范文
2013/11/10 职场文书
软件工程师岗位职责
2013/11/16 职场文书
国际会议邀请函范文
2014/01/16 职场文书
文明寝室标语
2014/06/13 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
就业协议书怎么填
2014/09/15 职场文书
大学生社会实践活动总结报告
2015/05/06 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python