AJAX UpdateProgress 无法在服务器上运行？

Question

我试图在单击按钮后将数据加载到gridview 中时显示动画图像。它在本地主机上运行得很好，但是当我部署它时，它就不起作用了。我搜索过帖子，但我没有犯任何似乎是最常见的错误......即。将 updateprogress 放入 updatepanel 等。但是，我使用的是 masterpage - 但 masterpage 没有上面没有scriptmanager。当我将生产与本地主机进行比较时，我注意到查看源页面存在以下差异。任何人都可以帮助我理解为什么使这项工作的 JavaScript 可能不会出现在生产中？

在localhost（它起作用的地方）上，我在页面底部看到了这一点：

[CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":null,"displayAfter":500,"dynamicLayout":true}, null, null, $get("ctl00_ContentPlaceHolder1_UpdateProgress1"));
});

在生产（它不起作用的地方）上，这就是我看到的全部：

Sys.Application.initialize();

Answer 1

将项目从 VS2008 转换为 VS2010 后，我遇到了非常困难的情况。 UpdateProgress 突然停止工作，这在 VS2008 中没有问题。花了一下午的时间寻找答案，试验了这个那个，最后我从 Scott Gu 的 帖子。

这是一个自动生成的 web.config 条目“xhtmlConformance mode="Legacy"”。

禁用此功能后，它再次开始工作。对于你来说可能不是这样，但对于那些遇到同样问题的人来说可能不是这样。

快乐编码

Answer 2

这可能不是您理想的解决方案，但您可以仅使用 javascript show() 或 hide() 您的动画图像。使用以下 javascript 函数（并摆脱 UpdateProgress 控件）应该可以解决问题。

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest); 
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest); 

 function beginRequest(sender, args) {
  document.getElementById('myImageElement').style.display = 'block';  
}

 function endRequest(sender, args) {
  document.getElementById('myImageElement').style.display = 'none';  
}

请记住，每次回发都会发生这种情况，您可能需要使用 sender 参数来推断哪个元素称为回发，并且仅在点击正确的 updatepanel 时才执行显示。这些事件在每个 UpdatePanel 回发的开始和结束时（分别）触发。祝你好运。