Step 1: edit existing pagination lib:

a. Find:

Add below:

b.  Find:

Add below:

c. add ’.$paging_function.’ on all of a element you found in Pagination.php

ex:

Step 2: config your paging in controller (similar with default paging config):

if you want to use ajax paging just add

$config[‘is_ajax_paging’]    = TRUE; //default FALSE

if don’t, set it to FALSE
Ex:

;

Step 3: Set your view:

Exp:

Step4 : create jQuery paging function

Finish!

——————————-

You can use both non-ajax paging and ajax paging at same time, no need to rewrite your code (just need change $config[‘is_ajax_paging’] to TRUE or FALSE ). Hope it will help (sorry for my bad english)

any demos?

So does

become (without the plus after the a)

@kurt: sorry, have no demo now
@mrliam69: thanks

could you give me demo and download files with instruction, please?
i’m newbie

could u give me demo and download files, please?
i’m a newbie.
thanks

hello,

I followed exactly the explanation as Berserk described and applied it into my project.

But I get this error msg: Parse error: syntax error, unexpected T_VARIABLE ....

What is the problem on this line:

?

Below is the scripting which I added into controller:

you forgot the semicolon ; after config[‘paging_function’] = ‘ajax_paging’

but you’ve probably figured that out by now.

http://tohin.wordpress.com/2008/08/12/codeigniter-ajax-pagination/
http://tohin.wordpress.com/2008/10/07/codeigniter-ajax-pagination-exampleguideline/

very good, thanks for share

Hi Berserk, thankx for sharing, i got a problem using your code, i have added all your code above and it appears an error in the Pagination.php, here the error at line #3, it says that undefine variable: paging_function and maybe there is something wrong or you forgot to tell us about the jquery paging function code?

      #1   if($this->is_ajax_paging == TRUE)
      #2   {
      #3     $paging_function = ‘onclick=“java+script:’.$paging_function.’();return false;”’;
      $4}
      #5   else{
      #6     $paging_function = ‘’;
      #7   }

Thankx,

where do i put this code

ajax_paging = function(){
  $(“p.pagination a”).click(function() {         
          $.ajax({
            type: “GET”,
            url: $(this).get(),
            success: function(html){
      $(”#display-content”).html(html);
            }
          });         
        });       
    return false;
    }; 
[/code

coma - 07 February 2010 03:15 PM

Hi Berserk, thankx for sharing, i got a problem using your code, i have added all your code above and it appears an error in the Pagination.php, here the error at line #3, it says that undefine variable: paging_function and maybe there is something wrong or you forgot to tell us about the jquery paging function code?

      #1   if($this->is_ajax_paging == TRUE)
      #2   {
      #3     $paging_function = ‘onclick=“java+script:’.$paging_function.’();return false;”’;
      $4}
      #5   else{
      #6     $paging_function = ‘’;
      #7   }

Thankx,

Here’s your answer 2 years later Coma!  The line should be

Here’s a change I recommend for anyone wanting to get this all working.  Instead of using the “onclick” as the OP demonstrates, assign the anchor elements to a class:

You can then use a simple jQuery selector to detect when a paging control anchor is clicked and react to it.  Here’s mine:

Community Auth provides an example of using ajax pagination that falls back on standard pagination if javascript is disabled. It also does not require extending the pagination class. The example is located at “Manage Users” when logged in as and Admin or manager. If you just want to see the code, you can check out the manage_users method in the administration controller.

pls help me to use this code for asynchronous ajax pagination.  I want to do pagination without refreshing the page each time