Question

I am seeking insight on how to have each row in a Gridview expand to show a DIV or PANEL that has a form of elements, i.e. a simple form of textboxes, etc. I don’t need a nested Gridview showing results or using DynamicPopulate.

I have tried some techniques from a DataGrid Expandable Row, but ran into some problems trying to access variables that just aren’t a part of the Gridview. I could essentially do this using the Editable Templates in the Gridview, but I need a much cleaner solution.

Answer 1

I was able to do this successfully by injecting a div within a div underneath each gridview row created. Once there, I was able to give them unique ids based on the data I was using, call an expand function in javascript, and expand/collapse the divs as I wished.

This is fairly doable with a gridview, but a repeater would also work as well as a simple AJAX implementation returning a table structure.

Here is a very similar example to what I did:

http://www.codeproject.com/KB/ajax/ExpandPanelGridView.aspx?display=Print