javascript - 如何禁用导致 ASP.NET UpdatePanel 上回发的提交按钮

Question

我有一个带有几个按钮的 UpdatePanel 内页。每个按钮都会引发 PostBack 事件。但我发现用户可以在按钮中单击多次并导致应用程序崩溃。我想在第一次单击时禁用所有按钮，直到处理回发并且 UpdatePanel 的新内容到达为止。

我尝试绑定(bind)(通过jquery)到按钮的“单击”事件，设置“禁用”；属性并在父表单上调用“提交”。不幸的是，这个方法似乎不起作用 - UpdatePanel 的内容仍然旧。

之后，我尝试覆盖“提交”事件，但遇到了另一个问题 - 如果我每次都来到我的处理程序处，如何再次提交表单？它可能通过引入标志变量来修复，但我不喜欢它 - 另一个变量只会增加代码熵。

也许我可以使用 ASP.NET 方法来做到这一点？

Answer 1

应用ajax UpdateProgress并将代码放入UpdatePanel中，以便在第一次单击后禁用按钮:

<aspAtlas:UpdateProgress ID="upUpdatePanelProgress" runat="server" DisplayAfter="0"
            DynamicLayout="true" AssociatedUpdatePanelID="updpnlProgram">
            <ProgressTemplate>
                <asp:Panel ID="Panel1" CssClass="overlay" runat="server">
                        <img runat="server" id="img1" src="../Images/UpdateProgress.gif" alt="Loading..." /><br />
                        <br />
                        <b>Loading...</b>
                    </asp:Panel>
            </ProgressTemplate>
        </aspAtlas:UpdateProgress>
 <aspAtlas:UpdatePanel runat="server" ID="updpnlProgram" UpdateMode="Conditional">
        <ContentTemplate>
<div>
//--Your code in this div
</div>
 </ContentTemplate>
        <Triggers>
            <aspAtlas:PostBackTrigger ControlID="Button_ID" />
        </Triggers>
    </aspAtlas:UpdatePanel>