Question

I am working with jQuery Pagination, and a popup form. On saving the data in the form, how would I go about forcing the Pagination plugin to reload the data it would load for whatever page I am on, without reloading the entire webpage?

Ex:
Item 1
Item 2
Item 3

Add Item->Item 23->Save->Reload List

Item 1
Item 2
Item 3
Item 23

http://d-scribe.de/webtools/jquery-pagination/lib/jquery_pagination/README

http://plugins.jquery.com/project/pagination

Answer 1

The only thing I could think of to do in this situation (and I am not positive it would work) is to call the pagination initialize function again. So you would add the new element, and then call it again like this,

function addNewElement() {
    $.create('div', {}).appendTo("container");
    $("#container").pagination(numElements, {
        items_per_page:20, 
        callback:handlePaginationClick
    });
}

Now, I have never used this plug-in before, but I dont think that there is any other way to “reload” the content since the plug-in does not give you that option. Also, hopefully this overwrites the first call that you made and does not add it onto the first call.

I used the domec plug-in here with the $.create. Just know that is where you create your new element.

Hope this helps!
Metropolis