使用 UpdatePanel 时的多个并发回发

Question

这是我为演示我的问题而构建的示例应用程序。一个单独的 aspx 页面，上面有以下内容：

<form id="form1" runat="server">
    <asp:ScriptManager runat="server" />
    <asp:Button runat="server" ID="btnGo" Text="Go" OnClick="btnGo_Click" />
    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            <asp:TextBox runat="server" ID="txtVal1" />
        </ContentTemplate>
    </asp:UpdatePanel>
</form>

然后，在代码隐藏中，我们有以下内容：

protected void btnGo_Click(object sender, EventArgs e)
{
    Thread.Sleep(5000);

    Debug.WriteLine(string.Format("{0}: {1}", DateTime.Now.ToString("HH:MM:ss.fffffff"), txtVal1.Text));

    txtVal1.Text = "";
}

如果您运行此代码并多次单击“Go”按钮，您将在“Output”窗口上看到多个调试语句，显示多个请求已被处理。这似乎与更新面板记录的行为相矛盾（即，如果您在处理更新面板时发出请求，则第一个请求将被终止，当前请求将被处理）。

无论如何，重点是我想解决它。显而易见的选择是使用 Javascript 在第一次按下后禁用按钮，但这让我觉得很难维护，我们可能在很多屏幕上遇到同样的问题，如果有人重命名按钮，它很容易被破坏。

您有什么建议吗？也许我可以在 Global.asax 的 BeginRequest 中做一些事情来检测重复的请求？ UpdatePanel 上是否有某些设置或功能可以阻止它执行此操作，或者 AjaxControlToolkit 中是否有某些设置或功能可以阻止它？

Answer 1

创建一个从 asp Button 继承的自定义控件，并具有用于禁用和启用自身的脚本。以下内容未经测试，但只是一个起点。

public class SafeButton : System.Web.UI.WebControls.Button{
public SafeButton()
{
    OnClientClick = "javascript to disable this button goes here";
    ScriptManager.RegisterStartupScript(this, this.GetType(), "keyforthis", "javascript to enable this button goes here", true);
}

Answer 2

第一个解决方案

您可以通过设置（在按钮的标记中）来防止用户进行多次单击，

OnClientClick="this.disabled = true;" 

并设置此属性

UseSubmitBehavior="false"

，这将在单击按钮后禁用该按钮。您不需要启用该按钮，一旦从回发返回，它就会自行启用。
“UseSubmitBehavior”将关闭默认的提交行为并允许提交，尽管按钮被禁用。

上述解决方案仅适用于按钮控件，并非所有平台都支持 请参阅 MSDN 了解支持的平台。

---

第二种解决方案：

这将提交表单，如果 10 毫秒后该页面在客户端上仍然可用，则按钮\控件将禁用。

编写一个 javascript 函数

<script language="javascript" >

function preventMultipleClicks(a){
   window.setTimeout(function() { a.disabled=true; }, 10)
   return true;
}

</script>

，然后在按钮或回发控件的 OnClientClick 属性中调用它

OnClientClick="preventMultipleClicks(this);"