goyuquan 发表于 2014-4-15 10:14:08

应用bootstrap分页样式

CI里自带的分页是这个样子的
http://codeigniter.org.cn/forums/data/attachment/album/201404/15/100622dzxbfpkp3d0pypnp.png
bootstrap分页样式是这样的
http://codeigniter.org.cn/forums/data/attachment/album/201404/15/100710ab4ck2qzqbyzkges.png

但直接应用是应用不了的，
因为CI的分页结构是这样的
<a></a><strong></strong><a></a>
bootstrap的分页结构是这样的
<ul class="pagination"><li class="disabled"><a href="#">«</a></li><li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>...</ul>


所以不能直接用。
如果直接改CSS那就太麻烦了，还不如自己写CSS
所以咱们只要改一下config/pagination.php就行，
加上以下代码
<?php
//下面是一个参数列表，你可以通过初始化方法来定制你喜欢的显示效果。

$config['num_links'] = 2;
//放在你当前页码的前面和后面的“数字”链接的数量。比方说值为 2 就会在每一边放置 2 个数字链接，就像此页顶端的示例链接那样。

$config['use_page_numbers'] = TRUE;
//默认分页URL中是显示每页记录数,启用use_page_numbers后显示的是当前页码，如下：

$config['full_tag_open'] = '<ul class="pagination">';
//把打开的标签放在所有结果的左侧。

$config['full_tag_close'] = '</ul>';
//把关闭的标签放在所有结果的右侧。

//自定义起始链接

$config['first_link'] = '第一页';
//你希望在分页的左边显示“第一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。

$config['first_tag_open'] = '<li>';
//“第一页”链接的打开标签。

$config['first_tag_close'] = '</li>';
//“第一页”链接的关闭标签。

//自定义结束链接

$config['last_link'] = '最后一页';
//你希望在分页的右边显示“最后一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。

$config['last_tag_open'] = '<li>';
//“最后一页”链接的打开标签。

$config['last_tag_close'] = '</li>';
//“最后一页”链接的关闭标签。

//自定义“下一页”链接

$config['next_link'] = '>';
//你希望在分页中显示“下一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。

$config['next_tag_open'] = '<li>';
//“下一页”链接的打开标签。

$config['next_tag_close'] = '</li>';
//“下一页”链接的关闭标签。

//自定义“上一页”链接

$config['prev_link'] = '<';
//你希望在分页中显示“上一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。

$config['prev_tag_open'] = '<li>';
//“上一页”链接的打开标签。

$config['prev_tag_close'] = '</li>';
//“上一页”链接的关闭标签。

//自定义“当前页”链接

$config['cur_tag_open'] = '<li class="active"><a href="#">';
//“当前页”链接的打开标签。

$config['cur_tag_close'] = '<span class="sr-only">(current)</span></a></li>';
//“当前页”链接的关闭标签。

//自定义“数字”链接

$config['num_tag_open'] = '<li>';
//“数字”链接的打开标签。

$config['num_tag_close'] = '</li>';
//“数字”链接的关闭标签。

goyuquan 发表于 2014-4-15 13:28:26

自已顶
开始在网上找，但他们说的太复杂，
回过头我去研究手册，终于拿下了

IvanCI 发表于 2014-4-15 16:00:53

if( ! function_exists('pagination')){
    function pagination($uri,$per_page,$total){
      $ci =& get_instance();
      $ci->load->library('pagination');

      $config['base_url'] = $uri;
      $config['total_rows'] = $total;
      $config['per_page'] = $per_page;
      $config['uri_segment'] = 3;
      $config['num_links'] = 4;
      $config['use_page_numbers'] = TRUE;

      $config['full_tag_open'] = '<ul class="pagination">';
      $config['full_tag_close'] = '</ul>';

      $config['first_link'] = FALSE;
      $config['last_link'] = FALSE;

      $config['next_link'] = '&gt;&gt;';
      $config['next_tag_open'] = '<li>';
      $config['next_tag_close'] = '</li>';

      $config['prev_link'] = '&lt;&lt;';
      $config['prev_tag_open'] = '<li>';
      $config['prev_tag_close'] = '</li>';

      $config['cur_tag_open'] = '<li class="active"><a href="javascript:void(0);">';
      $config['cur_tag_close'] = '</a></li>';

      $config['num_tag_open'] = '<li>';
      $config['num_tag_close'] = '</li>';

      $ci->pagination->initialize($config);

      return $ci->pagination->create_links();
    }
}




增加helper~ 避免修改core~

goyuquan 发表于 2014-4-15 16:12:08

你这是什么意思我就不明白了，
我用的就是CI，怎么会找不到pagination，
还是别的意思，请教

smj227 发表于 2014-11-6 22:54:39

楼主能把完整的分页实例代码给我看一下吗？
页: [1]
查看完整版本: 应用bootstrap分页样式