【问题标题】:bootstrap 3 pagination with codeigniter使用 codeigniter 引导 3 分页
【发布时间】:2013-11-20 06:15:52
【问题描述】:

我无法将 bootstrap 3 集成到我的分页中,我在我的系统中使用 codeigniter,这是我目前的代码

$config['base_url'] = base_url()."/merchant/?";
    $config['total_rows'] = $count_result; // Count total rows in the query
    $config['full_tag_open'] = '<div class="pagination pagination-small pagination-centered"><ul>';
    $config['full_tag_close'] = '</ul></div>';
    $config['per_page'] = $limit;
    $config['num_links'] = 5;
    $config['page_query_string'] = TRUE;
    $config['prev_link'] = '&lt; Prev';
    $config['prev_tag_open'] = '<li>';
    $config['prev_tag_close'] = '</li>';
    $config['next_link'] = 'Next &gt;';
    $config['next_tag_open'] = '<li>';
    $config['next_tag_close'] = '</li>';
    $config['cur_tag_open'] = '<li class="active"><a href="#">';
    $config['cur_tag_close'] = '</a></li>';
    $config['num_tag_open'] = '<li>';
    $config['num_tag_close'] = '</li>';
    $config['first_link'] = FALSE;
    $config['last_link'] = FALSE;
    $this->pagination->initialize($config); 

    $this->data['links'] =  $this->pagination->create_links();

我想出了这个

我在这里错过了什么吗?

【问题讨论】:

  • 尝试将 class=pagination 赋予
      而不是
  • @Ashish 哦,我明白了。我会做的
  • @Ashish 确实如此。谢谢大时代。你可以发布答案我会接受它
  • 欢迎老兄..但没关系..我不渴望声望点..
  • @Ashish 哦,我明白了。无论如何,谢谢,你真好

标签: php codeigniter twitter-bootstrap pagination twitter-bootstrap-3


【解决方案1】:

这是我的,它使用 Bootstrap 3 工作

<?php if(!defined('BASEPATH')) exit('Direct Access Not Allowed');

/* This Application Must Be Used With BootStrap 3 *  */
$config['full_tag_open'] = "<ul class='pagination'>";
$config['full_tag_close'] ="</ul>";
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';
$config['cur_tag_open'] = "<li class='disabled'><li class='active'><a href='#'>";
$config['cur_tag_close'] = "<span class='sr-only'></span></a></li>";
$config['next_tag_open'] = "<li>";
$config['next_tagl_close'] = "</li>";
$config['prev_tag_open'] = "<li>";
$config['prev_tagl_close'] = "</li>";
$config['first_tag_open'] = "<li>";
$config['first_tagl_close'] = "</li>";
$config['last_tag_open'] = "<li>";
$config['last_tagl_close'] = "</li>";

// end of file Pagination.php 
// Location config/pagination.php 
// By @emanisof 

【讨论】:

  • 如果你把它留空是没有意义的......
【解决方案2】:
1) Controlller       

        $this->load->library('pagination');
        $config = [
            'base_url' => base_url('admin/deactiveUser'),
            'per_page' => 10,
            'total_rows' => $this->AdminModel->num_rows(),
        ];

        $config['full_tag_open'] = '<ul class="pagination">';
        $config['full_tag_close'] = '</ul>';
        $config['num_tag_open'] = '<li class="page-item">';
        $config['num_tag_close'] = '</li>';
        $config['cur_tag_open'] = '<li class="page-item active"><a class="page-link" href="#">';
        $config['cur_tag_close'] = '</a></li>';
        $config['next_tag_open'] = '<li class="page-item">';
        $config['next_tagl_close'] = '</a></li>';
        $config['prev_tag_open'] = '<li class="page-item">';
        $config['prev_tagl_close'] = '</li>';
        $config['first_tag_open'] = '<li class="page-item disabled">';
        $config['first_tagl_close'] = '</li>';
        $config['last_tag_open'] = '<li class="page-item">';
        $config['last_tagl_close'] = '</a></li>';
        $config['attributes'] = array('class' => 'page-link');
        $this->pagination->initialize($config); // model function
        $seeker = $this->AdminModel->seekerlist($config['per_page'], $this->uri->segment(3)); // list of seeker

2)Model
public function seekerlist($limit,$offset) {
        $query = $this->db->select('*')
                ->from('user')
                ->limit($limit,$offset)
                ->get();

        return $query->result_array();
    }


    public function num_rows()
    {
        $query = $this->db->select('*')
                ->from('user')                
                ->get();

        return $query->num_rows();
    }



3)View

<tbody>
                                <?php foreach ($seeker as $seekerData): ?>


                                    <tr>
                                        <td class="checkbox-column">
                                            <img width="30" height="30" src="<?= base_url("uploads/{$seekerData['picpath']}"); ?>"/>
                                        </td>
                                        <td><?php echo ucfirst($seekerData['firstName']) . ' ' . ucfirst($seekerData['lastName']); ?></td>
                                        <td><?php echo $seekerData['currentJobTitle']; ?></td>
                                        <td><?php echo $seekerData['email']; ?></td>
                                        <td><?php echo $seekerData['mobileNum']; ?></td>
                                        <td><?php echo $seekerData['nationality']; ?></td>
                                        <td><span class="label label-danger">Deactive</span></td>
                                    </tr>


                                <?php endforeach; ?> 


                            </tbody>

                        </table>

                            <?= $this->pagination->create_links() ?>

【讨论】:

  • 感谢伙伴,从你的代码中取出一些配置,我也想要它。
【解决方案3】:

只需更改以下参数:-

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

将其替换为:-

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

【讨论】:

    【解决方案4】:

    我发现将标准标签重新定义为有箭头很有用:

    $config['first_link'] = "<span aria-hidden=\"true\">&laquo;</span>";
    $config['last_link'] = "<span aria-hidden=\"true\">&raquo;</span>";
    

    也可以自定义prev_linknext_link

    【讨论】:

      【解决方案5】:

      您的这些标签造成了问题,如下所示替换它们

      替换这个

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

      和他们一起

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

      【讨论】:

        猜你喜欢
        相关资源
        最近更新 更多
        热门标签