Asp：更新面板内的按钮单击事件未触发答案

【问题标题】：Asp:Button click event inside update panel not firingAsp：更新面板内的按钮单击事件未触发
【发布时间】：2018-02-26 19:14:57
【问题描述】：

发生部分更新后，什么会导致 asp 按钮不触发？

<asp:UpdatePanel ID="upPan" runat="server" UpdateMode="Conditional">
  <ContentTemplate>
    <asp:Button ID="btnSave" ClientIDMode="Static" runat="Server" Text="Save" CausesValidation="false" />
  </ContentTemplate>
</asp:UpdatePanel>

第一次在更新面板内触发任何按钮时，以下例程将按此顺序触发。
在发生回发后，再次触发按钮会导致回发，Load 和 PreRenderComplete 事件都会触发，但会跳过点击事件。

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.PageLoad
  //Runs everytime
End Sub

Protected Sub btnSave_Click(sender As Object, e As EventArgs) Handles btnSave.Click
 //Doesn't fire after first postback.
End Sub

Protected Sub Page_PreRenderComplete(sender As Object, e As EventArgs) Handles Me.PreRenderComplete
  //Runs everytime
End Sub

失败的解决方案

解决此问题的建议包括：

ChildrenAsTriggers= "True" 这已经是 UpdatePanel 的默认行为，不会提供任何更改。
<asp:AsyncPostBackTrigger ControlID="btnSave" EventName="Click" /> 同样默认情况下，面板的子控件会导致异步回发，并且声明触发器是多余的。

成功解决

如果我只是将asp:Button 更改为asp:LinkButton，问题就解决了。

摘要

正在发生回发，但当发送方是 asp:Button 控件时，点击事件丢失。

谁能解释导致这种行为的原因？

【问题讨论】：

您可以尝试在标记中设置OnClick="btnSave_Click" 吗？
stackoverflow.com/questions/25075538/…
@NikolaosPolygenis 感谢您提供的任何帮助，但我在问题中概述了您发布的答案不起作用，甚至不正确。
一目了然：如果 upPan 未更新 (upPan.Update()) 回发后，因此控件会松开其事件侦听器。
@HugoYates 如果我错了请纠正我，但更新面板内触发的回发不会自动导致面板更新？

标签： c# asp.net vb.net updatepanel postback

【解决方案1】：

首先，很抱歉我的答案是 C#。这也不是一个答案，因为我无法复制您的问题。 Buttons 和 LinkButtons 之间的区别在于 Button 使用提交行为，LinkButton 使用 javascript 回发。您可以尝试将 UseSubmitBehavior="false" 放在您的 Button 上，这将使其像 LinkButton 一样工作。

这是我的完整测试代码。作为 C#，我不得不进行一些更改，因为它没有 Handles - 这可能是问题的关键，因为 C# 和 VB 处理事件的方式略有不同

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test3.aspx.cs" Inherits="Test3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>

            <asp:ScriptManager ID="PageScriptManager" runat="server" />
            <asp:UpdatePanel ID="upPan" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <asp:Button ID="btnSave" ClientIDMode="Static" runat="Server" Text="Button" CausesValidation="false" OnClick="btnSave_Click" />
                    <asp:LinkButton ID="lnkButton" ClientIDMode="Static" runat="Server" Text="Link Button" CausesValidation="false" OnClick="btnSave_Click" />
                    <asp:TextBox ID="txtBox" runat="server" TextMode="MultiLine" Rows="3" />
                </ContentTemplate>
            </asp:UpdatePanel>

        </div>
    </form>
</body>
</html>

代码隐藏：

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Test : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        txtBox.Text = "Page_Loaded";
    }

    protected void btnSave_Click(object sender, EventArgs e)
    {
        txtBox.Text += "\n" + DateTime.Now.ToString("mm:ss:fff");
    }

    protected void Page_PreRenderComplete(object sender, EventArgs e)
    {
        txtBox.Text += "\nPreRenderComplete";
    }
}

点击按钮（或链接按钮）每次都有效并更新文本框：

Page_Loaded
55:54:185
PreRenderComplete

【讨论】：

是的 javascript 冲突。感谢您为我指明正确的方向。