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 文章调用类代码
Aug 11 PHP
php ci框架中加载css和js文件失败的原因及解决方法
Jul 29 PHP
php动态函数调用方法
May 21 PHP
PHP中foreach()用法汇总
Jul 02 PHP
Smarty使用自定义资源的方法
Aug 08 PHP
PHP对称加密函数实现数据的加密解密
Oct 27 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
Feb 28 PHP
PHP设计模式之单例模式原理与实现方法分析
Apr 25 PHP
ThinkPHP框架实现FTP图片上传功能示例
Apr 08 PHP
php+lottery.js实现九宫格抽奖功能
Jul 21 PHP
laravel框架实现敏感词汇过滤功能示例
Feb 15 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
Feb 21 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
PHP怎么实现网站保存快捷方式方便用户随时浏览
2013/08/15 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
JavaScript asp.net 获取当前超链接中的文本
2009/04/14 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
2012/03/14 Javascript
jquery固定底网站底部菜单效果
2013/08/13 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
jquery淡入淡出效果简单实例
2016/01/14 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
JS数组中对象去重操作示例
2019/06/04 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
python 拷贝特定后缀名文件,并保留原始目录结构的实例
2018/04/27 Python
pycharm设置注释颜色的方法
2018/05/23 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
Pytorch的mean和std调查实例
2020/01/02 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
出纳岗位职责范本
2013/12/01 职场文书
户籍证明的格式
2014/01/13 职场文书
2014年圣诞节促销方案
2014/03/14 职场文书
导游个人求职信
2014/04/25 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
通讯稿范文
2015/07/22 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
Python 中的Sympy详细使用
2021/08/07 Python
python Tkinter模块使用方法详解
2022/04/07 Python