I’m currently building a Gridview that has expandable rows. Each row contains a dynamically created Panel of Form elements. Right now, I have a javascript function that expands (or in my case, makes visible) the panel when an Image is clicked on the Gridview row.
My question is… is there a more efficient way of doing this. Instead of pulling all my data to begin with and building each new row as I Databind, is there a way to simple create the row with the Panel full of textboxes and dropdownlists on the fly when the user clicks the Expand button?”
I’d like to limit the server calls by doing it that way instead of how I’m currently doing it, looping through every row and creating a new panel with form elements and inserting that into a row that is hidden.
Actually worked this recently into an AJAX Handler returning the form structure. It’s on demand, and works well. Simply call $ajax via jQuery, return an HTML structure, inject into DIV. It’s a bit limiting on actual functionality, so be careful.