I have a page with a number of ListViews that I want users to be able to sort and page through. Rather than postback and rebind the entire page each time, I would like to do it via jQuery/AJAX selectively for the control in question. I am comfortable making the client-side call to a WebMethod in my page – my question is how do I get the returned data back into the ListView via jQuery?
(Note: I don’t want to use an UpdatePanel!)
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
I’m not sure if it’ll actually be achievable to update a ListView without a postback, just because of the underlying data model of the ListView control.
You’re best option to having a complete AJAX solution would be to use a JavaScript templating engine. I’ve done a demo on my blog using jTemplates and the MS AJAX Library v4 preview – http://www.aaron-powell.com/blog.aspx?id=1209
But despite common belief you can use an UpdatePanel and have it efficient, I also looked at that here: http://www.aaron-powell.com/blog.aspx?id=1195. The biggest thing to keep in mind when using UpdatePanels is ViewState. If you don’t need ViewState saved on a control make sure it’s turned off. You can really reduce your post-load by doing that. Also removing whitespace will help.
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0