单击此用户控件内的按钮后，动态更新更新面板内的用户控件消失

Question

When click the button inside the user control it seems its not do its event (button click) I just want reload the update panel and this user control take the new effect in this button click event

I add user control on html control inside the update panel like this

<!-- language: c# -->
content.Controls.Remove(content.FindControl("currentusercontrol"));
    UserControl usr1 = (UserControl)LoadControl("myusercontrol.ascx");
    usr1.ID = "currentusercontrol";
   content.Controls.Add(usr1);

And this my parent page content

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True"> </asp:ScriptManager>
 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" OnLoad="UpdatePanel1_Load" OnPreRender="UpdatePanel1_PreRender">

        <ContentTemplate>

    <div id="content" class="content" runat="server">
        <!-- begin breadcrumb -->

        <!-- end breadcrumb -->
        <!-- begin page-header -->
        <h1 class="page-header" runat="server" id="pageheader">Dashboard v2 <small id="smallheader" runat="server">header small text goes here...</small></h1>
        <!-- end page-header -->

    </div>
            </ContentTemplate>
        <Triggers>           
        </Triggers>           
    </asp:UpdatePanel>

and this is my user control page

<%@ Control Language="C#" ClassName="Contact_Us" %>
<%@ Import Namespace="System.Threading" %>
<script runat="server">
private void Button1_OnClick(object sender, EventArgs e)
{
    Thread.Sleep(5000);
    Label1.Text = "lion";
}
</script>

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server" ></asp:ScriptManagerProxy>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" CssClass="btn btn-primary" Text="Submit" OnClick="Button1_OnClick"  />

i try this but its not work

<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />

I tried to put trigger directly to update panel but I had error there is no control with this id because button is in user control so I tried to put the trigger programmatically on user control load event Like this

    UpdatePanel UpdatePanel1 = this.Parent.FindControl("UpdatePanel1") as UpdatePanel;
    AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
    trigger.ControlID = Button1.ID;
    trigger.EventName = "Click";
    UpdatePanel1.Triggers.Add(trigger);

But I have same error control with ID 'Button1' could not be found for the trigger in UpdatePanel 'UpdatePanel1'.

then itried to use client id for button1 like this

trigger.ControlID = Button1.ClientID;

same problem A control with ID 'currentusercontrol_Button1' could not be found for the trigger in UpdatePanel 'UpdatePanel1'.

Answer 1

Modify what you want inside Update Panel (via asp tags ID's) at button click and call UpdatePanel1.Update();

http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.update(v=vs.110).aspx

Answer 2

i found it i just put this code inside updatepanel load and all thing went fine

        content.Controls.Remove(content.FindControl("currentusercontrol"));
        UserControl usr1 = (UserControl)LoadControl("myusercontrol");
        usr1.ID = "currentusercontrol";
        content.Controls.Add(usr1);