Question

I am using jquery ajax method to get data from a web method and present data using DOM(similar to that of google search results).B’coz the data returned from the web method is huge I want to paginate the results.For that I need to create buttons corresponding to the page numbers based on the no. of records the web method retrieves from the database.So I have taken a div on the page.In the web method ,as soon as I can find the number of records obtained from the database,I want to create the buttons and add to this div and display 10 records per page.As far as I know, it is not possible to access anything that is placed on the asp.net page from Web method.In that case how do I paginate the results?

Please help.

Answer 1

if you are using JQuery ajax, you can recreate the UI on the client by doing statements like:

$("<input/>").attr("type", "button").click(function() { ..  }).appendTo("parentElementselector");

$.each(webmethodresults, function(i, item) {
     //Create UI here using approach illustrated above
});

And programmatically recreate for each page.

EDIT Or find a third party table control that you can bind to on the client side. MS AJAX 4 has some client-side JS components to do this or there are some JQuery ones… but either way, if using JQuery to stream via AJAX, you have to create on the client.