Using AJAX/JQUERY to manipulate table on page
Posted on 2009-12-23
I am looking for information on where to start. I currently have an ASP.NET web application which pulls data (1200+ rows, 9 columns) from the database and posts 5 of those columns in a gridview, using the other 4 to set values on dropdown lists in the Edit template. It works very well, but unfotunately is very slow. What I would like to do is move from the Update Panel I am currently using to a JQuery approach where I load the page then pull the data 1 row at a time (Presumably from a webservice) to populate the table, then use JQUERY to change my cells from view to edit with the correct dropdowns etc when the edit button is clicked. Essentially I am attempting to replicate the workings of the gridview in clientside code without all the overhead I am getting now.
Is this possible, and if so how would I A) use the webservice to supply data and B) Use JQuery to select the datatable row and modify the various cells?
I have no experience with JQuery and little with ASynchronous coding beyond basic webservices and the ASP.NET ajax using the Update Panel which does everything for me.
Thanks for the help on this.