asp.net - 无法显示 ASP.Net UpdateProgress

Question

每当我的更新面板执行 Ajax 操作时，我都会尝试显示更新进度加载图像。我环顾四周，看起来很简单，但我没有运气。这几乎是我所拥有的......

<div id="panelWrapper">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:UpdateProgress ID="TaskUpdateProgress" runat="server" DynamicLayout="False" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="0">
            <ProgressTemplate>
                <asp:Image ImageUrl="~/Images/ajax-loader.gif" Width="16px" Height="16px" runat="server" ID="TaskLoadingImage"/>
            </ProgressTemplate>
        </asp:UpdateProgress>

        <div id="UrlDiv" class="URLNotification">
            <asp:Label ID="UrlLabel" runat="server" Text="URL:" AssociatedControlID="Url" />
            <asp:HyperLink ID="Url" runat="server" Text="Click &quotGenerate" to create the URL." />
        </div>

        <br />

        <asp:CheckBoxList runat="server" ID="IncludeItems" TextAlign="Right">
            <asp:ListItem Selected="True">Include 1</asp:ListItem>
            <asp:ListItem Selected="True">Include 2</asp:ListItem>
        </asp:CheckBoxList>

        <br />

        <div id="buttons" style="display:inline;">
            <asp:Button ID="Generate" runat="server" OnClicked="Generate_Clicked" Text="Generate" />
            <asp:Button ID="Add" runat="server" OnClientClick="add();" Text="Add"/>  
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

我在样式表中还有一些绝对定位样式。我已经尝试了许多您在此处看到的内容的变体，但没有找到关于可能是什么问题的很多好的信息。有任何想法吗？如果您需要其他任何东西，请告诉我。

编辑:我发现的唯一新信息是......
“在以下场景中，UpdateProgress 控件不会自动显示:

UpdateProgress 控件与特定的更新面板相关联，但异步回发来自不在该更新面板内的控件。

UpdateProgress 控件不与任何 UpdatePanel 控件关联，并且异步回发不是由不在 UpdatePanel 内且不是触发器的控件产生的。例如，更新是在代码中执行的。”

我非常有信心这些都不适合我的情况。发生的所有事情是单击按钮(位于更新面板内)调用一些代码，这些代码后面是要为更新面板重新加载的 URL 文本。

Answer 1

我的 UpdateProgressPanel 也有同样的问题。
我发现当您放置一个 UpdateProgressPanel 并将其关联到一个 UpdatePanel 时，来自该 UpdatePanel 的任何回发都会导致 UpdateProgressPanel 显示。

另一个技巧是删除 AssociatedUpdatePanel 参数，如果页面上只有一个 UpdatePanel，这将导致 UpdateProgressPanel 显示发生的每个 Async PostBack。

UpdateProgressPanel 可以放置在代码中的任何地方，除了那些带有预定义标签的区域。它可以放置在 UpdatePanel 的内部或外部，它会显示您是否正确放置了它的 CSS，将其关联到 UpdatePanel 或将其放置在那里，如果发生异步回发结果，它将显示。