c# - 按钮 OnClick 事件不会在 UpdatePanel 中第一次触发

Question

我对按钮 OnClick 事件有疑问。用户控件（“标题”）中有一个刷新按钮，它将刷新在运行时生成一些其他用户控件的占位符（“phContent”）。但是，在整个占位符内容加载之前，按钮 OnClick 事件不会触发。

页面.aspx

<ext:ContentHeader ID="header" runat="server" Visible="false" />
<asp:UpdatePanel ID="upControl" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
    <ContentTemplate>
        <asp:PlaceHolder ID="phContent" runat="server"></asp:PlaceHolder>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="header" EventName="OnFormSubmit" />
    </Triggers>
</asp:UpdatePanel>

用户控件.ascx

<div>
    <asp:Button ID="btnRefresh" runat="server" Text="Refresh" OnClick="btnRefresh_OnClick" />
</div>

用户控件.cs

protected void btnRefresh_OnClick(object sender, EventArgs e)
{
    //some code

    OnFormSubmit(this, e);
}
public delegate void UserControlFormSubmit(object sender, EventArgs e);
public event UserControlFormSubmit OnFormSubmit;

Answer 1

您还必须将按钮放在更新面板中。

<ext:ContentHeader ID="header" runat="server" Visible="false" />
<asp:UpdatePanel ID="upControl" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
    <ContentTemplate>
        <asp:Button ID="btnRefresh" runat="server" Text="Refresh" OnClick="btnRefresh_OnClick" />
    </ContentTemplate>
</asp:UpdatePanel>

Answer 2

不确定页面和源代码到底是什么。

但是从前端来看，以 jQuery 为例。

您可以尝试以下方法：

jQuery(function(){
   jQuery('#btnRefresh').on('click',function(){
       //load the content by ajax
       jQuery('#phContent').load('#chart');
   });
});