codeigniter 實現無重新整理(ajax)分頁

我們都知道codeigniter（以下都簡稱CI）有分頁的類庫，現在我們就基於其原生的類庫來建立一個我們所需要的ajax分頁。

首先在  /application/libraries/ 目錄下建立一個 MY_Pagination.php ，代碼如下：

<?php/** *417 add  主要是實現ajax分頁 **/ class MY_Pagination extends CI_Pagination{public function __construct()    {        parent::__construct();    }/** * Generate the pagination links * * @accesspublic * @returnstring */function create_ajax_links(){// If our item count or per-page total is zero there is no need to continue.if ($this->total_rows == 0 OR $this->per_page == 0){return '';}// Calculate the total number of pages$num_pages = ceil($this->total_rows / $this->per_page);// Is there only one page? Hm... nothing more to do here then.if ($num_pages == 1){return '';}// Set the base page index for starting page numberif ($this->use_page_numbers){$base_page = 1;}else{$base_page = 0;}// Determine the current page number.$CI =& get_instance();if ($CI->config->item('enable_query_strings') === TRUE OR $this->page_query_string === TRUE){if ($CI->input->get($this->query_string_segment) != $base_page){$this->cur_page = $CI->input->get($this->query_string_segment);// Prep the current page - no funny business!$this->cur_page = (int) $this->cur_page;}}else{if ($CI->uri->segment($this->uri_segment) != $base_page){$this->cur_page = $CI->uri->segment($this->uri_segment);// Prep the current page - no funny business!$this->cur_page = (int) $this->cur_page;}}// Set current page to 1 if using page numbers instead of offsetif ($this->use_page_numbers AND $this->cur_page == 0){$this->cur_page = $base_page;}$this->num_links = (int)$this->num_links;if ($this->num_links < 1){show_error('Your number of links must be a positive number.');}if ( ! is_numeric($this->cur_page)){$this->cur_page = $base_page;}// Is the page number beyond the result range?// If so we show the last pageif ($this->use_page_numbers){if ($this->cur_page > $num_pages){$this->cur_page = $num_pages;}}else{if ($this->cur_page > $this->total_rows){$this->cur_page = ($num_pages - 1) * $this->per_page;}}$uri_page_number = $this->cur_page;if ( ! $this->use_page_numbers){$this->cur_page = floor(($this->cur_page/$this->per_page) + 1);}// Calculate the start and end numbers. These determine// which number to start and end the digit links with$start = (($this->cur_page - $this->num_links) > 0) ? $this->cur_page - ($this->num_links - 1) : 1;$end   = (($this->cur_page + $this->num_links) < $num_pages) ? $this->cur_page + $this->num_links : $num_pages;// Is pagination being used over GET or POST?  If get, add a per_page query// string. If post, add a trailing slash to the base URL if neededif ($CI->config->item('enable_query_strings') === TRUE OR $this->page_query_string === TRUE){$this->base_url = rtrim($this->base_url).'&'.$this->query_string_segment.'=';}else{$this->base_url = rtrim($this->base_url, '/') .'/';}// And here we go...$output = '';// Render the "First" linkif  ($this->first_link !== FALSE AND $this->cur_page > ($this->num_links + 1)){$first_url = ($this->first_url == '') ? $this->base_url : $this->first_url;$output .= $this->first_tag_open.'<a '." onclick='ajax_page(0);return false;'".$this->anchor_class.'href="javascript:void(0)">'.$this->first_link.'</a>'.$this->first_tag_close;}// Render the "previous" linkif  ($this->prev_link !== FALSE AND $this->cur_page != 1){if ($this->use_page_numbers){$i = $uri_page_number - 1;}else{$i = $uri_page_number - $this->per_page;}if ($i == 0 && $this->first_url != ''){$output .= $this->prev_tag_open.'<a '." onclick='ajax_page(0);return false;'".$this->anchor_class.'href="javascript:void(0)">'.$this->prev_link.'</a>'.$this->prev_tag_close;}else{$i = ($i == 0) ? '' : $this->prefix.$i.$this->suffix;$output .= $this->prev_tag_open.'<a '." onclick='ajax_page({$i});return false;'".$this->anchor_class.'href="javascript:void(0)">'.$this->prev_link.'</a>'.$this->prev_tag_close;}}// Render the pagesif ($this->display_pages !== FALSE){// Write the digit linksfor ($loop = $start -1; $loop <= $end; $loop++){if ($this->use_page_numbers){$i = $loop;}else{$i = ($loop * $this->per_page) - $this->per_page;}if ($i >= $base_page){if ($this->cur_page == $loop){$output .= $this->cur_tag_open.$loop.$this->cur_tag_close; // Current page}else{$n = ($i == $base_page) ? '' : $i;if ($n == '' && $this->first_url != ''){$output .= $this->num_tag_open.'<a '." onclick='ajax_page(0);return false;'".$this->anchor_class.'href="javascript:void(0)">'.$loop.'</a>'.$this->num_tag_close;}else{$n = ($n == '') ? '' : $this->prefix.$n.$this->suffix;$output .= $this->num_tag_open.'<a '." onclick='ajax_page({$n});return false;'".$this->anchor_class.'href="javascript:void(0)">'.$loop.'</a>'.$this->num_tag_close;}}}}}// Render the "next" linkif ($this->next_link !== FALSE AND $this->cur_page < $num_pages){if ($this->use_page_numbers){$i = $this->cur_page + 1;}else{$i = ($this->cur_page * $this->per_page);}$ajax_p = $this->prefix.$i.$this->suffix;$output .= $this->next_tag_open.'<a '." onclick='ajax_page({$ajax_p});return false;'".$this->anchor_class.'href="javascript:void(0)">'.$this->next_link.'</a>'.$this->next_tag_close;}// Render the "Last" linkif ($this->last_link !== FALSE AND ($this->cur_page + $this->num_links) < $num_pages){if ($this->use_page_numbers){$i = $num_pages;}else{$i = (($num_pages * $this->per_page) - $this->per_page);}$ajax_p = $this->prefix.$i.$this->suffix;$output .= $this->last_tag_open.'<a '." onclick='ajax_page({$ajax_p});'". $this->anchor_class.'href="javascript:void(0)">'.$this->last_link.'</a>'.$this->last_tag_close;}// Kill double slashes.  Note: Sometimes we can end up with a double slash// in the penultimate link so we'll kill all double slashes.$output = preg_replace("#([^:])//+#", "\\1/", $output);// Add the wrapper HTML if exists$output = $this->full_tag_open.$output.$this->full_tag_close;return $output;} }

然後我們會在controller中來調用這個方法，代碼如下

public function show_tpl($page=1){//配置分頁類$config['base_url'] = '/wechat_msg_template/send_message';$config['per_page'] = 10;$config['uri_segment'] = 3;$data['page_total'] = $config['total_rows'] = $this->wechat_msg_template_model->msg_template_list(); //為頁總數$config['cur_tag_open'] = '<a class="current">';$config['cur_tag_close'] = '</a>';$config['first_link'] = '«';$config['last_link'] = '»';//擷取分頁$this->pagination->initialize($config);$data['page'] = $this->pagination->create_ajax_links();if(!empty($data['page'])){}   $data['power_language']= $this->config->item('power_language');$data['top_item'] = 'msg_template_manage';$data['item']     = 'wechat_msg_template';$list_result = $this->wechat_msg_template_model->msg_template_list(10,intval($this->uri->segment(3))); //結果$data['result'] = $list_result;$this->load->view('show_tpl',$data);}

最後我們通過ajax 來調用 show_tpl 載入資料，達到無刷分頁

javascript 代碼如下：

function ajax_page(page){if(page=='' || page==null || page==undefined){page = '';}content = '';$.ajax({type:'GET',url:"/wechat_msg_template/show_tpl/"+page,async:false,success:function(data){content = data;}});$(".tab1_class").html('');$(".tab1_class").html(content);return false;}