Codeigniter jquery 分页库

Question

我找到了这个 Codeigniter jquery 分页库https://github.com/bcit-ci/CodeIgniter/wiki/AJAX-Pagination-with-CI-Pagination-Library，但我在使用它时遇到了问题。当我点击分页链接时，它会将整个网站（所有视图）加载到目标 div 中。这是我的设置：

控制器/categories.php

<?php
class Categories extends CI_Controller{

    function __construct(){
        parent::__construct();
            $this->load->model('business_model');
            $this->load->model('catalogue_model');
            $this->load->model('basket_model');
            $this->load->library('Jquery_pagination');
    }


    function category($slug){
        $data['price']="&pound;";

        $numitem['shopname']=$this->business_model->getShop();
        $numitem['slogan']=$this->business_model->getSlogan();
    $numitem['metacats']=$this->catalogue_model->cat_name($slug);
    $kitties['cats']=$this->catalogue_model->get_categories();

    $kitties['msgcart']=$this->basket_model->number_of_items;
        $kitties['subt']=$this->basket_model->_sub_total;
        $kitties['vat']=$this->basket_model->_vat;
        $kitties['total']=$this->basket_model->_total;
        $kitties['vatrate']=$this->basket_model->_vat_rate;
$start = ($this->uri->segment(4) > 0)?$this->uri->segment(4):0;

            $num=$this->catalogue_model->get_products_count($slug);

        $data['products']=$this->catalogue_model->getCat($slug,6,$start);
        $data['categories']=$this->catalogue_model->cat_name($slug);





            $config['base_url']=base_url().'categories/category/'.$slug;
    $config['total_rows']=$num;
    $config['uri_segment'] = 4;
    $config['per_page']=6;
    $config['full_tag_open'] = '<ul class="pagination">';
$config['full_tag_close'] = '</ul>';
$config['prev_link'] = '&lt;';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '&gt;';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="#"><span class="sr-only">(current)</span>';
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['div'] = '#content_area';
    $this->jquery_pagination->initialize($config);
    $data['pages']=$this->jquery_pagination->create_links();
        $numitem['num_item']=$this->basket_model->number_of_items;

    $this->load->view('header',$numitem);
    $this->load->view('sidebar',$kitties);
    $this->load->view('categories',$data);
    $this->load->view('footer');

    }

}
?>

查看/categories.php

<div class="contentwrap">
<div id="content_area">
<?php
if(!empty($categories))echo "<h2>".$categories->name."</h2>";
if(!empty($products)){
    foreach($products as $p){
        ?>
        <div class="catalogue_wrapper_category">
            <div class="catalogue_wrapper_image">
                <?php
                    $image=!empty($p['image'])? base_url().'images/'.$p['image']:base_url().'images/unavailable.png';
                    echo "<a href='".base_url()."products/product/".$p['product_id']."'><img src='".$image."' alt='".$p['product_name']."' width='120' height='120'/></a>";
                ?>
            </div>
            <div class="catalogue_wrapper_info">
            <div class="product_naming">
            <h4><a href="<?=base_url()?>products/product/<?=$p['pr_slug']?>"><?php if(strlen($p['product_name'])>26){echo substr($p['product_name'],0,26)."...";}else{echo $p['product_name'];}?></a></h4>
            </div>
            <div class="product_price">
            <h4>Price:<?=$p['price']." ".$price?></h4>
            </div>
            </div>
        </div>

        <?php
    }
}else{
    echo "<div class='well well-sm'><p>Category empty</p></div>";

}

?>
<div style="clear:both;"></div>
<div id="pagin"><?php
echo $pages;
?></div>
</div>

</div>

我认为 ajax 正在获取所有视图作为响应文本并用它替换目标 div 元素。我应该改变什么？

Answer 1

好的，我找到了解决方案。我必须创建一个新函数来仅显示类别视图内容并将链接放入分页基础 url。我还必须将目标 div 更改为 .contentwrap。

所以我的 $config['base_url']=base_url().'categories/pagination'.$slug 在 category 函数中。

还有我的分页功能：

    function pagination($slug){
        $start = ($this->uri->segment(4) > 0)?$this->uri->segment(4):0;

        $num=$this->catalogue_model->get_products_count($slug);

        $products=$this->catalogue_model->getCat($slug,6,$start);
        $categories=$this->catalogue_model->cat_name($slug);





            $config['base_url']=base_url().'categories/pagination/'.$slug;
    $config['total_rows']=$num;
    $config['uri_segment'] = 4;
    $config['per_page']=6;
    $config['full_tag_open'] = '<ul class="pagination">';
$config['full_tag_close'] = '</ul>';
$config['prev_link'] = '&lt;';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '&gt;';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="#"><span class="sr-only">(current)</span>';
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['div'] = '#content_area';
    $this->jquery_pagination->initialize($config);
    $pages=$this->jquery_pagination->create_links();
    $price="&pound;";
    ?>
    <div id="content_area">
<?php
if(!empty($categories))echo "<h2>".$categories->name."</h2>";
if(!empty($products)){
    foreach($products as $p){
        ?>
        <div class="catalogue_wrapper_category">
            <div class="catalogue_wrapper_image">
                <?php
                    $image=!empty($p['image'])? base_url().'images/'.$p['image']:base_url().'images/unavailable.png';
                    echo "<a href='".base_url()."products/product/".$p['product_id']."'><img src='".$image."' alt='".$p['product_name']."' width='120' height='120'/></a>";
                ?>
            </div>
            <div class="catalogue_wrapper_info">
            <div class="product_naming">
            <h4><a href="<?=base_url()?>products/product/<?=$p['pr_slug']?>"><?php if(strlen($p['product_name'])>26){echo substr($p['product_name'],0,26)."...";}else{echo $p['product_name'];}?></a></h4>
            </div>
            <div class="product_price">
            <h4>Price:<?=$p['price']." ".$price?></h4>
            </div>
            </div>
        </div>

        <?php
    }
}else{
    echo "<div class='well well-sm'><p>Category empty</p></div>";

}

?>
<div style="clear:both;"></div>
<div id="pagin"><?php
echo $pages;
?></div>
</div>

    <?php
    }