Question

So, I have looked everywhere for a solution to this problem I have and everything I have tried so far has failed.

Here’s the thing, I need to somehow access multiple button images that have been placed in the headers of a DataGrid. I need to access these buttons during an UpdatePanel_Render event to change their attributes. However, the DataGrid loads AFTER the UpdatePanel and so I cannot find these controls. I need some help. I’ve tried everything that I know (which isn’t a whole lot). :'(

If you need sample code of some sort or anything, let me know and I will edit this post and provide it.

Important

I’m adding on to my question. I decided to place the headers and buttons in a separate Table and I managed to add JavaScript that re-sizes the Table to fit the DataGrid. This table is outside of the UpdatePanel and the only issue is that when a button is pressed, the Table disappears. Does anyone know why this might be?

Answer 1

So I ended up figuring out how to get everything to work properly. Here is the snippet of Javascript that I used to get the separate Table to line up with the DataGrid without me having to attempt to access the buttons. 🙂 I haven’t actually tried the button stuff yet so… We’ll see how it works. Hopefully the UpdatePanel isn’t too terribly unkind to my work.

Code

<script type="text/javascript">
         //Alters the width of the table upon load
         var defaultRow = $("#<%=ContactHistory.ClientID %> > tbody > tr:first");
         var headerRow = $("#header");
         headerRow.insertBefore(defaultRow);

         //Alters the width of the table after the UpdatePanel finishes
         Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
            function endRequestHandler(sender, args) {
                var defaultRow = $("#<%=ContactHistory.ClientID %> > tbody > tr:first");
                var headerRow = $("#header");
                headerRow.insertBefore(defaultRow);
            };   
        </script>