ASP.NET Ajax UpdatePanel 闪烁答案

【问题标题】：ASP.NET Ajax UpdatePanel flickerASP.NET Ajax UpdatePanel 闪烁
【发布时间】：2013-05-12 09:50:16
【问题描述】：

这是我的代码

<asp:LinkButton ID="createChart" runat="server" OnClick="createChart_onClick"></asp:LinkButton>
<asp:UpdatePanel ID="result" runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="submit" />
            </Triggers>
            <ContentTemplate>
                <!-- content -->
            </ContentTemplate>
</asp:UpdatePanel>

效果很好。 我的问题是，有时我会在请求和响应之间看到白色闪烁。 这有点烦人。这是一种常见的情况，还是因为我页面上的其他一些 javascript？

【问题讨论】：

标签： c# asp.net-ajax

【解决方案1】：

在 Chrome 中，如果您的 ajax 响应包含图像 url，您将看到 UpdatePanel 闪烁。我注意到这种闪烁在 Safari、Firefox 或 Safari 移动设备上没有发生，而只是在 Chrome 中发生，并且在我从 ajax 响应内容中删除 <img src="/images/photo.png" /> 时停止了。

【讨论】：

什么是反对票？这是发现此问题的人的解决方案的一部分，绝对会对我以外的人有所帮助。
我在 chrome 中注意到了同样的事情。一旦我删除了img，闪烁就会消失。
很高兴它有帮助，我知道它会在某些时候帮助某人，这是一个烦人的小笨蛋；）

【解决方案2】：

您可以使用UpdateProgress 轻松改进它。

<asp:UpdateProgress ID="updLoading" DisplayAfter="2500" runat="server" AssociatedUpdatePanelID="updContent">
 <ProgressTemplate>
    <img src="../../Images/ajax-loader.gif" align="middle" />
           Loading.  Please Wait...
 </ProgressTemplate>
</asp:UpdateProgress>

【讨论】：