如何在单击时禁用 ASP.NET WebForms 按钮，并在回发完成后再次启用它？

Question

我想做的是能够在按下按钮后立即禁用它，执行操作并重新启用该按钮。看起来很简单，但我的按钮在我需要时不会更新。我尝试了一个更新面板，但我不确定我是否正确使用它。难道我做错了什么？还是有更好的方法来实现这一点？

HTML

<asp:UpdatePanel runat="server" ID="updateSubmitButton">
    <ContentTemplate>
        <a href="#resultsSet"><asp:Button ID="btnSearch" CssClass="CrossoverButton" runat="server" Text="Search" OnClick="btnSearch_Click" /></a>
    </ContentTemplate>
</asp:UpdatePanel>

C#

protected void btnSearch_Click(object sender, EventArgs e)
{
    btnSearch.Enabled = false;
    updateContent();

    // Do a lengthy operation here.

    btnSearch.Enabled = true;
}

Answer 1

您需要使用客户端技术来禁用该按钮。这是因为当您单击按钮时，页面会向自身发送回帖，告诉服务器执行btnSearch_Click。根据您的代码，这将

1. 禁用按钮
2. 更新内容
3. 重新启用按钮

所有这些都发生在服务器上。只有在方法执行完毕后，才会将上下文返回给页面。

为了禁用单击按钮，您需要尝试以下操作：

<asp:Button ID="btnSearch" CssClass="CrossoverButton" runat="server" Text="Search"
    OnClientClick="this.disabled = true;"
    UseSubmitBehavior="false" />

   OnClientClick="this.disabled = true;"

此行注册客户端点击处理程序，以禁用自身。

   UseSubmitBehavior="false"

这一行告诉 ASP.NET 在表单 post 中包含 disabled 元素，因此服务器知道哪个控件注册了 postback。

另见 -- https://stackoverflow.com/a/11832053/86860

Answer 2

btnSearch_Click 中的所有动作都将在服务器上执行。在整个页面生命周期结束之前，不会呈现页面。

如果您想禁用该按钮，您应该使用 javascript 来执行此操作，然后仅在禁用该按钮后才回发到页面。