【问题标题】:Custom css for paging in codeigniter用于在 codeigniter 中分页的自定义 css
【发布时间】:2014-01-01 15:46:46
【问题描述】:

我需要一点帮助,

我想使用分页 CodeIgniter。

这是我显示分页的代码。

    $this->load->library("pagination");
    $config = array();
    $key = $this->input->get_post('qfront');
    $config["base_url"] = base_url() . "source/";
    $config["total_rows"] = $this->fetch_count($key)->count;
    $config["per_page"] = 10;
    $choice = $config["total_rows"] / $config["per_page"];
    $config["uri_segment"] = 2;
    $config["num_links"] = round($choice);
    $config['full_tag_open'] = '<div class="pagination"><ul>';
    $config['full_tag_close'] = '</ul></div><!--pagination-->';

    $config['first_link'] = '&laquo; First';
    $config['first_tag_open'] = '<li class="prev page">';
    $config['first_tag_close'] = '</li>';

    $config['last_link'] = 'Last &raquo;';
    $config['last_tag_open'] = '<li class="next page">';
    $config['last_tag_close'] = '</li>';

    $config['next_link'] = 'Next &rarr;';
    $config['next_tag_open'] = '<li class="next page">';
    $config['next_tag_close'] = '</li>';

    $config['prev_link'] = '&larr; Previous';
    $config['prev_tag_open'] = '<li class="prev page">';
    $config['prev_tag_close'] = '</li>';

    $config['cur_tag_open'] = '<li class="active"><a href="">';
    $config['cur_tag_close'] = '</a></li>';

    $config['num_tag_open'] = '<li class="page">';
    $config['num_tag_close'] = '</li>';
    $this->pagination->initialize($config);
    $page = ($this->uri->segment(2)) ? $this->uri->segment(2) : 0;
    $data["results"] = $this->fetch_result($config["per_page"], $page, $key);
    $data["links"] = $this->pagination->create_links();
    $data["key"] = $key;
    $this->load->view("page", $data);

在我看来:

<?php echo $links; ?>

而我得到的是

我怎样才能像

有可能吗?或者也许是一个不错的 css

【问题讨论】:

    标签: php html css codeigniter pagination


    【解决方案1】:

    在传递给分页initialize()方法的$config数组中,您可以使用num_links设置在当前页面任一侧显示的链接数:

    $config['num_links'] = 2;
    

    来自CI user guide

    您希望在所选页码前后的“数字”链接数。例如,数字 2 将在两侧放置两个数字,如本页最顶部的示例链接所示。

    这应该让你更接近你想要的。我不知道这个库生成的确切 HTML,所以如果你发布它,也许有人可以给你一个 CSS 解决方案。您还可以查看 extending the CI pagination library 以满足您的需要(查看“扩展原生库”)。

    【讨论】:

    • 谢谢你的评论@matthew,我设置为9,看起来像imgur,当我点击第10页时,它显示imgur,为什么这样显示?不显示像 T_T 请帮助
    • @Benikurniawan 将其设置为 9 将显示 每边 9 个,而不是总共 9 个。当你在第一页时,它不能在左边显示 9,所以它只在右边显示。这有点奇怪,我同意。
    • @mattew 嗯,好的,我想这是分页库的默认设置,顺便说一句,谢谢你回答我的问题 mattew :)
    猜你喜欢
    • 2016-11-23
    • 1970-01-01
    • 1970-01-01
    • 2020-07-29
    • 1970-01-01
    • 1970-01-01
    • 2017-12-30
    • 2014-02-15
    相关资源
    最近更新 更多