用户
 找回密码
 入住 CI 中国社区
搜索
查看: 19755|回复: 44
收起左侧

[库 Library] CodeIgniter2.0分页程序

    [复制链接]
发表于 2011-3-7 17:46:11 | 显示全部楼层 |阅读模式
本帖最后由 gzwazz 于 2011-3-8 10:10 编辑

效果如下:
ss.jpg
第一步:下面代码加在controllers
function index(){
                $this->load->library('pager'); //这里请下载附件放在application\libraries下
                $list = $this->pager->init('news',2)->ar();
                //取得地址上的第三个参数
                $current = $this->uri->segment(4);   
                $this->load->view('admin/news_list',array('news'=>$list->query,'current'=>$current));
}

第二步:是views如下<html>
<head>
<title>Article</title>
<base href="<?=base_url()?>"/>
<LINK href="css/page.css" type="text/css" rel="stylesheet">
</head>
<body>
<table>
<tr>
    <td>id</td>
    <td>标题</td>
    <td>作者</td>
    <td>时间</td>
</tr>
<?php foreach($news->result() as $row): ?>
<tr>
     <td><?=$row->id?></td>
    <td><?=$row->title?></td>
    <td><?=$row->author?></td>
    <td><?=$row->sendtime?></td>
</tr>
<?php endforeach; ?>
<tr>
    <td><?echo $this->pager->page('admin/news/index',$current);?></td>
</tr>
</table>
</body>
</html>
第三步:把附件解压放在application\libraries下 Pager.rar (1.07 KB, 下载次数: 647)
代码是拿别人的修改的在2.0版本下可以使用
第四步:建立css样式ul.pagenav {
        font-size: 12px;
        font-weight: bold;
        list-style: none;
        margin: 0px;
        padding: 0px;
}

.pagenav li {
        list-style: none;
        background-color: #fff;
       margin: 0px;
        display: block;
        float: left;
        margin-left: 2px;
        margin-right: 2px;
}

.pagenav li.disabled {
        border: 1px solid #DDDDDD;
       padding: 2px 6px 2px 6px;
        color: #ccc;
}

.pagenav li.current {
        border: 1px solid #2E6AB1;
       padding: 2px 6px 2px 6px;
        background-color: #2E6AB1;
       color: #fff;
}

.pagenav li.none {
        border: 1px none;
        padding: 2px 6px 2px 6px;
}

.pagenav li a {
        border: 1px solid #9AAFE5;
       padding: 2px 6px 2px 6px;
        display: block;
        text-decoration: none;
        color: #105CB6;
}

.pagenav li a:hover {
        border: 1px solid #2E6AB1;
       color: #000;
}

评分

参与人数 1威望 +5 收起 理由
Hex + 5 原创内容

查看全部评分

发表于 2011-3-8 09:49:58 | 显示全部楼层
好很好特别好
 楼主| 发表于 2011-3-14 09:38:24 | 显示全部楼层
那么好的贴尽然没有人回贴.伤心

点评

这个效果很好看,哈哈  发表于 2011-6-7 18:52
发表于 2011-3-15 15:15:58 | 显示全部楼层
我来顶
发表于 2011-3-18 13:40:27 | 显示全部楼层
顶 起来呀
发表于 2011-3-22 10:15:05 | 显示全部楼层
好帖!这个给了思路!你或许可以坐吃更漂亮的分页
发表于 2011-3-30 23:59:39 | 显示全部楼层
不错,先学习一下!
发表于 2011-4-11 18:31:10 | 显示全部楼层
呵呵  挺好的
发表于 2011-4-17 22:00:19 | 显示全部楼层
本帖最后由 geomen 于 2011-4-17 22:50 编辑

好帖好顶的!
发表于 2011-4-18 21:53:13 | 显示全部楼层
太好了。

本版积分规则