ci框架ajax分页

1.ci的分页类

<?php

if(!defined('BASEPATH'))
	exit('No direct script access allowed');
/**
 * CodeIgniter
 *
 * An open source application development framework for PHP 4.3.2 or newer
 *
 * @package CodeIgniter
 * @author ExpressionEngine Dev Team
 * @copyright Copyright (c) 2008 - 2010, EllisLab, Inc.
 * @license http://codeigniter.com/user_guide/license.html
 * @link http://codeigniter.com
 * @since Version 1.0
 * @filesource
 *
 */
	
// ------------------------------------------------------------------------

/**
 * Pagination Class
 *
 * @package CodeIgniter
 * @subpackage Libraries
 * @category Pagination
 * @author ExpressionEngine Dev Team
 * @link http://codeigniter.com/user_guide/libraries/pagination.html
 */
class CI_Pagination
{

	var $base_url = ''; // The page we are linking to
	var $total_rows = ''; // Total number of items (database results)
	var $per_page = 10; // Max number of items you want shown per page
	var $num_links = 2; // Number of "digit" links to show before/after the currently viewed page
	var $cur_page = 0; // The current page being viewed
	var $first_link = '‹ First';

	var $next_link = '>';

	var $prev_link = '<';

	var $last_link = 'Last ›';

	var $uri_segment = 3;

	var $full_tag_open = '';

	var $full_tag_close = '';

	var $first_tag_open = '';

	var $first_tag_close = ' ';

	var $last_tag_open = ' ';

	var $last_tag_close = '';

	var $cur_tag_open = ' <strong>';

	var $cur_tag_close = '</strong>';

	var $next_tag_open = ' ';

	var $next_tag_close = ' ';

	var $prev_tag_open = ' ';

	var $prev_tag_close = '';

	var $num_tag_open = ' ';

	var $num_tag_close = '';

	var $page_query_string = FALSE;

	var $query_string_segment = 'per_page';

	var $use_page_numbers = FALSE; // Use page number for segment instead of offset
	var $prefix = ''; // A custom prefix added to the path.
	var $suffix = ''; // A custom suffix added to the path.
	var $anchor_class = '';

	var $display_pages = TRUE;

	var $first_url = ''; // Alternative URL for the First Page.
	
	/**
	 * Constructor
	 *
	 * @access public
	 * @param
	 *        	array	initialization parameters
	 */
	function CI_Pagination($params = array())
	{
		if(count($params) > 0)
		{
			$this->initialize($params);
		}
		
		log_message('debug', "Pagination Class Initialized");
	}
	
	// --------------------------------------------------------------------
	
	/**
	 * Initialize Preferences
	 *
	 * @access public
	 * @param
	 *        	array	initialization parameters
	 * @return void
	 */
	function initialize($params = array())
	{
		if(count($params) > 0)
		{
			foreach($params as $key => $val)
			{
				if(isset($this->$key))
				{
					$this->$key = $val;
				}
			}
		}
	}
	
	// --------------------------------------------------------------------
	
	/**
	 * Generate the pagination links
	 *
	 * @access public
	 * @return string
	 */
	function create_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 '';
		}
		
		// 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) != 0)
			{
				$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) != 0)
			{
				$this->cur_page = $CI->uri->segment($this->uri_segment);
				
				// Prep the current page - no funny business!
				$this->cur_page = (int)$this->cur_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 = 0;
		}
		
		// Is the page number beyond the result range?
		// If so we show the last page
		if($this->cur_page > $this->total_rows)
		{
			$this->cur_page = ($num_pages - 1) * $this->per_page;
		}
		
		$uri_page_number = $this->cur_page;
		$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 needed
		if($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" link
		if($this->cur_page > ($this->num_links + 1))
		{
			$output .= $this->first_tag_open . '<a href="' . $this->base_url . '">' . $this->first_link . '</a>' .
				 $this->first_tag_close;
		}
		
		// Render the "previous" link
		if($this->cur_page != 1)
		{
			$i = $uri_page_number - $this->per_page;
			if($i == 0)
				$i = '';
			$output .= $this->prev_tag_open . '<a href="' . $this->base_url . $i . '">' . $this->prev_link . '</a>' .
				 $this->prev_tag_close;
		}
		
		// Write the digit links
		for($loop = $start - 1; $loop <= $end; $loop ++)
		{
			$i = ($loop * $this->per_page) - $this->per_page;
			
			if($i >= 0)
			{
				if($this->cur_page == $loop)
				{
					$output .= $this->cur_tag_open . $loop . $this->cur_tag_close; // Current page
				}
				else
				{
					$n = ($i == 0)? '' :$i;
					$output .= $this->num_tag_open . '<a href="' . $this->base_url . $n . '">' . $loop . '</a>' .
						 $this->num_tag_close;
				}
			}
		}
		
		// Render the "next" link
		if($this->cur_page < $num_pages)
		{
			$output .= $this->next_tag_open . '<a href="' . $this->base_url . ($this->cur_page * $this->per_page) . '">' .
				 $this->next_link . '</a>' . $this->next_tag_close;
		}
		
		// Render the "Last" link
		if(($this->cur_page + $this->num_links) < $num_pages)
		{
			$i = (($num_pages * $this->per_page) - $this->per_page);
			$output .= $this->last_tag_open . '<a href="' . $this->base_url . $i . '">' . $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;
	}
}
// END Pagination Class

/* End of file Pagination.php */
/* Location: ./system/libraries/Pagination.php */

2.继承ci的分页类

<?php
// 扩展分页类，实现用 ajax 分页
class MY_Pagination extends CI_Pagination
{

	function __construct()
	{
		parent::__construct();
	}

	/**
	 * Generate the pagination links
	 *
	 * @access public
	 * @return string
	 */
	function createAjaxlinks($cur_page = FALSE)
	{
		// 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 number
		if($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)
			{
				if(!$cur_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)
			{
				if(!$cur_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 offset
		if($this->use_page_numbers and $this->cur_page == 0)
		{
			if(!$cur_page)
			{
				$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 page
		if($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 needed
		if($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" link
		if($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 ' . $this->anchor_class . 'href="javascript:void(0);"' . 'p=1' . '>' .
				 $this->first_link . '</a>' . $this->first_tag_close;
		}
		// Render the "previous" link
		if($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 ' . $this->anchor_class . 'href="javascript:void(0);" class="pre">' .
					 $this->prev_link . '</a>' . $this->prev_tag_close;
			}
			else
			{
				$i = ($i == 0)? '' :$this->prefix . $i . $this->suffix;
				$output .= $this->prev_tag_open . '<a ' . $this->anchor_class . 'href="javascript:void(0);" class="pre">' .
					 $this->prev_link . '</a>' . $this->prev_tag_close;
			}
		}
		// Render the pages
		if($this->display_pages !== FALSE)
		{
			// Write the digit links
			for($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 .= str_replace('>', '', $this->cur_tag_open) . "p=$loop" . '>' . $loop .
							 $this->cur_tag_close; // Current page
					}
					else
					{
						$n = ($i == $base_page)? '' :$i;
						
						if($n == '' && $this->first_url != '')
						{
							$output .= $this->num_tag_open . '<a ' . $this->anchor_class . 'href="javascript:void(0);"' .
								 'p=' . $loop . '>' . $loop . '</a>' . $this->num_tag_close;
						}
						else
						{
							$n = ($n == '')? '' :$this->prefix . $n . $this->suffix;
							
							$output .= $this->num_tag_open . '<a ' . $this->anchor_class . 'href="javascript:void(0);"' .
								 'p=' . $loop . '>' . $loop . '</a>' . $this->num_tag_close;
						}
					}
				}
			}
		}
		
		// Render the "next" link
		if($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);
			}
			$output .= $this->next_tag_open . '<a ' . $this->anchor_class . 'href="javascript:void(0);" class="next">' .
				 $this->next_link . '</a>' . $this->next_tag_close;
		}
		
		// Render the "Last" link
		if($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);
			}
			$output .= $this->last_tag_open . '<a ' . $this->anchor_class . 'href="javascript:void(0);"' . 'p=' . $i .
				 '>' . $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;
	}
}

3.调用方法

public function setAjaxPage($total_rows, $url, $per_page = 15,$p=1)
	{
		// 分页样式配置
		$this->load->library('pagination');
		$config['first_link'] = '第一页';
		$config['last_link'] = '最后一页';
		$config['next_link'] = '下一页';
		$config['prev_link'] = '上一页';
		$config['per_page'] = $per_page; // 每页几条
		$config['num_links'] = 2; // 定义显示几页
		$config['total_rows'] = $total_rows;
		$config['base_url'] = "#";
		$config['cur_tag_open'] = " <a class='current' href='javascript:void(0);'>";
		$config['cur_tag_close'] = '</a>';
		$config['cur_page'] = $p;
		$config['use_page_numbers'] = 1;
		$this->pagination->initialize($config);
		$page = $this->getPage($this->pagination->createAjaxlinks(TRUE), $total_rows, $url, $per_page, true);
		return $page;
	}

	private function getPage($leftlinks, $total_rows, $url, $per_page, $isAjax = false)
	{
		if($isAjax)
		{
			$goto = "<div class='pagelists right' style='overflow:hidden;'>
						<div class='pagelist-left right' style='padding:25px 0 0 0;'>";
		}
		else
		{
			$goto = "<div class='pagelists' style='padding-top:25px;'>
					<div class='pagelist-left'>";
		}
		$goto .= "<div class='pagelist'>
						<span>共有 " . $total_rows . " 条</span>" . $leftlinks . "
						<span>每页显示" . $per_page . "条，转到第</span>";
		if($isAjax)
		{
			$goto .= "<input type='text' name='per_page' class='pl-text' value='' />
								<span>页</span>
								<input type='button'  value='确定' class='button-small-yellow'/>";
		}
		else
		{
			$goto .= "<input type='text' name='per_page' class='pl-text' value='' onKeyDown=\"bindEnter(event,this.value," .
				 $per_page . ")\" />
											<span>页</span>
											<input type='button' οnclick=\"gotoPage(this," . $per_page . ")\" value='确定' class='button-small-yellow'/>";
		}
		$goto .= "</div></div></div>";
		return $goto;
	}

4.使用方法

$pages = $ctrl->setAjaxPage($totalCnt, "", $perNum, $p);

$totalCnt ：总的数量

<pre name="code" class="php">$perNum：每页显示的数量

$p:页码

5.页面传值

//分页按钮点击事件
				$(".pagelist a").live('click',function(){
					var p = 0;
					if($(this).hasClass('next'))
					{
						p = parseInt($(".pagelist a.current").attr('p'))+1;
					}
					else if($(this).hasClass('pre'))
					{
						p = parseInt($(".pagelist a.current").attr('p'))-1;
					}
					else
					{
						p = parseInt($(this).attr('p'));
					}
					
					var type = "<?php echo $type?>";
					var enameId = $.trim($("#enameId").text());
					getData(type,enameId,p);
				});
				$(".pagelist .button-small-yellow").live('click',function(){
					var p = parseInt($(".pagelist input[name='per_page']").val());
					if(isNaN(p))
					{
						alert('请输入页码');
						return false;
					}
					var type = "<?php echo $type?>";
					var enameId = $.trim($("#enameId").text());
					getData(type,enameId,p);
					$(".pagelist a[p="+p+"]").addClass('current').siblings().removeClass('current');
				});

注意:js用ajax获取数据的时候，只需要把要跳转的页码提交到服务器即可.

6.分页的效果图如下