队列 asp.net UpdatePanel 回发

Question

有没有办法使用 UpdatePanel 对回发进行排队？

我有一个带有许多文本框的表单。 每个文本框都包含在它自己的 UpdatePanel 中，并将 AutoPostBack 设置为 true。 因此，当文本框更改时，会发生回发。

viewstate 被禁用（所以不需要担心它）。

当用户更改一个文本框，然后快速切换到下一个文本框，更改它，然后再次切换时，就会出现此问题。 有些回发会丢失，我想避免这种情况。

Answer 1

当更新面板即将触发时，您可以获得客户端“挂钩”。 这意味着您至少可以在更新面板刷新时暂时禁用文本框（或有某种“请等待”通知）。

以下 ASP.NET/Javascript 片段显示了如何拦截更新面板触发并禁用文本框。

<form id="form1" runat="server">
    <asp:ScriptManager runat="server"></asp:ScriptManager>
    <div>
        <asp:UpdatePanel runat="server" ID="updatePane1">
            <ContentTemplate>
                <asp:TextBox runat="server" ID="textBox1" AutoPostBack="true" OnTextChanged="textBox_TextChanged" />
            </ContentTemplate>
        </asp:UpdatePanel>
        <br />
        <asp:UpdatePanel runat="server" ID="updatePane2">
            <ContentTemplate>
                <asp:TextBox runat="server" ID="textBox2" AutoPostBack="true" OnTextChanged="textBox_TextChanged" />
            </ContentTemplate>
        </asp:UpdatePanel>
        <br />
    </div>
    </form>
    <script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequest);
        function InitializeRequest(sender, args) {
            if (args._postBackElement.id == 'textBox1' || args._postBackElement.id == 'textBox2') {
                document.getElementById('textBox1').disabled = true;
                document.getElementById('textBox2').disabled = true; 
            }
        }
    </script>

我知道这并不完全是您最初要求的（“有没有一种方法可以使用 UpdatePanel 对回发进行排队”），但最终效果是它强制用户对他们的请求进行排队，因此在处理时不会超过一个一次。 您也可以将其修改为更优雅的东西。

Answer 2

没有内置的方法来控制它。 jQuery 有一些非常漂亮的东西，使 AJAX 调用变得非常简单。 您可以尝试以这种方式处理您自己的回发。

Answer 3

我知道，这不是你问题的答案。 但如果您确实需要用更新面板包装每个文本框，我建议您重新考虑。 更新面板很有用，但使用时需要小心。 简单的 jQuery Ajax 解决方案可能更适合您的场景。