asp.net webforms ajax update gridview

Question

We have a gridview with quite a large amount of information (100s or rows and columns) which we need to improve preformance of.

Currently to fix some performance issues we have made the gridview have no edittemplate and instead double clicking on a cell will bring up a dropdown of the available options that is retrieved using webmethods and populated using jquery dynamically, after an option is choosen in the dropdown we set teh value in the html to the value of the selected option.

We are having problems subsequently sending this changes back to the server, we have a button on the page that causes a postback to the server but the changes that we have made via the jquery functionality aren't available when we loop through the gridview items they still have the same values as previous.

Are we going about this the wrong way in terms of populating/updating how can we achieve this?

Aside: I know we should probably limit the bounds of the grid but at the moment this is not an option

Has Pagination been implemented? Just as a question to the whole performance issue. — James Khoury, Jul 14 '11 at 03:57
no pagination at the moment, unfortunately its a view where the user really needs to see all the data at once to get a proper idea of whats going on — Daniel Powell, Jul 14 '11 at 03:59

score 2 · Accepted Answer · answered Jul 14 '11 at 04:06

When you work with GridView natively, that is, you let it handle the edit template, ViewState gets into the scene and works just fine. But when you manipulate grid manually, no change is reflected in related places, thus having the same values at server. You said that you fetch values on dblclick via jQuery. Why don't you update the row on blur? I mean, when user goes to the next row, simply update the current record via Ajax. That's the most safe approach. Once I had the same experience with Telerik's RadTree. You should:

Use client-side API provided for your controls, or
Don't mess with native way your control works, while expecting PostBacks to work, or
Use controls just for display purposes, but for manipulation, use AJAX.

score 2 · Answer 2 · edited May 23 '17 at 12:07

If you would want to improve performance, you must not use.

UpdatePanel
ScriptManager
GridView

I am guessing you are using all these.

You could Use jQuery to directly call ASP.NET AJAX page methods, without using ScriptManager at all. Combine this with the power of any of the jQuery Grid recommendations ( here and here ). I am comfortable with DataTables but I am hearing more and more about SlickGrid. You oughta give it a try.

Now that everything is Client Side, there won't be a problem of value getting lost while posting back.

Also, I would strongly recommend that you should not use UpdatePanel at all. But thats just me.

score 0 · Answer 3 · answered Jul 14 '11 at 04:05

0

I think the issue is upon post back it reload the data from view state. We used a webmethod to load stuff to a jquery dialog and do the update via that. And after a successful save updated the grid to reflect the changes.

answered Jul 14 '11 at 04:05

Mehendra Munasinghe

11
1

score 0 · Answer 4 · answered Jul 14 '11 at 04:26

I found this Code "framework" http://www.codeproject.com/KB/ajax/AJAXWasHere-Part1.aspx, It modifies/recreates the ViewState and submits it with the AJAX request so you can still use the event model in ASP.NET. This was an AJAX work around before MS released there own with .NET 2.0.

I use it in conjunction with the mootools JS library so you shouldn't have any issues using it with JQuery, but you wont be able to use the JQuery AJAX Methods unless you re-write the "CallBackObject" as a Jquery plugin.

Regards

asp.net webforms ajax update gridview

4 Answers4

Linked