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

时间:2017-09-18 09:37:35

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

在发生部分更新后,什么会导致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>
  • 第一次在更新面板中触发任何按钮时,以下例程按此顺序触发。
  • 发生回发后,再次触发按钮会导致回发,LoadPreRenderComplete个事件都会触发,但会跳过点击事件。

VB

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控件时,错过了click事件。

任何人都可以解释会导致这种行为的原因吗?

1 个答案:

答案 0 :(得分:1)

首先,道歉我的回答是在C#中。这也不是一个答案,因为我无法复制你的问题。 Buttons和LinkBut​​tons之间的区别在于Button使用提交行为,LinkButton使用javascript回发。您可以尝试将UseSubmitBehavior="false"放在按钮上,这样可以使其像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";
    }
}

单击Button(或LinkBut​​ton)可以在每次运行并更新TextBox:

Page_Loaded
55:54:185
PreRenderComplete