php - CodeIgniter/jQuery - 分页 - 无限分页

Question

我正在尝试将此处找到的无限分页 jquery 插件 ( https://github.com/jney/jquery.pageless ) 实现到我的 codeigniter 项目中。

我输入的jquery代码和演示页面上的一样

$('#results').pageless({ totalPages: 10
, url: '/theurl/index'
, loaderMsg: 'Loading more results'
});

我的 codeigniter Controller 中的代码如下

    $config['base_url'] = base_url() . 'theurl/index';
    $config['total_rows'] = $this->model->record_count();
    $config['per_page'] = 20;
    $config['uri_segment'] = 3;

    // Init the config
    $this->pagination->initialize( $config );

    // Create pagination
    $page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
    $data['results'] = $this->onyafeet->fetch_results($config['per_page'], $page);
    $data['links'] = $this->pagination->create_links();

    // Load the view and pass through all the data
    $this->load->view('theurl/index', $data);

当我运行代码并到达页面底部时，它确实有效，但它还会将输入页面加载到它为结果创建的新 div 中。

如有任何帮助，我们将不胜感激。

干杯

Answer 1

也许您应该将结果加载到局部 View 中，否则您将再次加载整个页面。创建一个局部 View 来加载所有数据，然后，将局部 View 加载到主页面:

$config['base_url'] = base_url() . 'theurl/index';
$config['total_rows'] = $this->model->record_count();
$config['per_page'] = 20;
$config['uri_segment'] = 3;

// Init the config
$this->pagination->initialize( $config );

// Create pagination
$page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
$data['results'] = $this->onyafeet->fetch_results($config['per_page'], $page);
$data['links'] = $this->pagination->create_links();
// AJAX load: 
if ($this->input->is_ajax_request) {
    $this->load->view('theurl/partial/ajax_partial',$data);
}
else {
    // Load the view and pass through all the data
    $this->load->view('theurl/index', $data);
}

我认为这种方法应该可行，分部 View 必须只有您想要显示的正确部分，即包含您想要异步加载的所有内容的 div。