Question

• ASP.NET 4
• Jquery 1.7.1
• Browser: IE9

Hi

I am using jquery with a gridview control inside a UpdatePanel so, everytime I click on a row of the gridview Jquery edits the value of a HiddenField control, so when I need “the selected index”, I just use the value of the HiddenField. And everything works fine in Chrome and Firefox, but not in IE9. After clicking a row and assigning it’s index to the HiddenField, when I click a button and fire a server side event, when I retrieve the HiddenField’s value, I get its default value (the one defined in the mark-up), and not the changed one. And, strangely, if I use and alert(HiddenField.value), it shows me the row index! so, the problem only occurs on the server side function, even after the postback the HiddenField value is preserved, but always as default on server side…

This is my Jquery code:

$('[id$=divtxtIdPresentacion]').click(function () {

             var tex = $('#<%=HFSeleccionIndexRow.ClientID%>').attr("Value");

             var index = $(this).attr("commandargument");             

             if (tex != index) {

                 $('#<%=HFSeleccionIndexRow.ClientID%>').attr("Value", index);
             }

         });

And part of the button event:

 protected void gridPresentacionAgregar_SelectedIndexChanged(object sender, EventArgs e)
    {       

         int index = int.Parse(HFSeleccionIndexRow.Value);
         ...
     }

And the HiddenField (just in case):

<asp:HiddenField runat="server" ID="HFSeleccionIndexRow" value="0" />

Answer 1

Your hidden input fields are not within the update panel control. Any asynchronous round trips to the server will cause only those controls within the UpdatePanel itself to update on the UI, so even though the code-behind runs and updates the hidden fields, on the front end they stay the same because they sit outside the panel.

Try moving the hidden fields within the <ContentTemplate> tag:

<asp:UpdatePanel ID="upTripsGrid" runat="server" UpdateMode="Always">
    <ContentTemplate>
        <asp:HiddenField runat="server" ID="HFSeleccionIndexRow" value="0" />
        .....
    </ContentTemplate>
</asp:UpdatePanel>