Update Panel not working properly

Question

I have a read-only TextBox and an Edit button. When I click the button the textbox should be readable and the Save button should appear. This happens perfectly, but the whole page is reloading all the time. I have used an UpdatePanel but nothing happened. Can someone help me to solve my problem please? Thanks in advance.

ASPX :

 <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" updatemode="Conditional">
            <Triggers>
            <asp:AsyncPostBackTrigger controlid="edit" eventname="Click" />
            </Triggers>
            <ContentTemplate>

                   <asp:TextBox ID="q" runat="server" ReadOnly style="width:90%" 
                       BackColor="#CCCCCC" BorderStyle="None" Rows="5" TextMode="MultiLine"></asp:TextBox>
                   <asp:Button ID="edit" class="button3"  style="float:right"  
                       runat="server" Text="Edit" onclick="editqellim_Click"  />
                    <asp:Button ID="save"  class="button3"  style="float:right" runat="server" 
                       Text="Save" onclick="Button1_Click" Visible="False" />
                 </ContentTemplate>
                </asp:UpdatePanel>

code behind :

protected void editqellim_Click(object sender, EventArgs e)
    {
        q.ReadOnly = false;
        q.BackColor = Color.White;
        save.Visible = true;

    }

Answer 1

I'd bet there's a bad javascript error on the page which is breaking Microsoft's javascript for the UpdatePanel. If you load the page with the developer console showing, do you get any javascript errors immediately on loading? Maybe something that kills javascript on the page? Or any javascript errors as you click the button?

If so, I bet that error is killing the AJAX stuff, leaving the button as a regular submit button, which submits the form like it would without the UpdatePanel.

Answer 2

将UpdateMode="Conditional"更改为UpdateMode="Always"