asp.net - 页面渲染时显示 Ajax Loader

Question

这可能是一个简单的问题，但如何在构建页面时最好地使用 ASP.NET 中的 AJAX 加载器来提供加载对话框？

我目前有一个带有关联 UpdateProgressPanel 的 UpdatePanel，其中包含 ProgressTemplate 中的加载消息和 gif。

目前，我有一个页面，onLoad() 会获取业务实体，然后显示它们。在执行此操作时，我想显示一个 AJAX 加载程序。

页面加载中没有任何内容，并且有一个在 LoadComplete 或 unLoad() 上触发的隐藏按钮，然后等待按钮单击方法完成显示 UpdateProgressPanel 会更好吗？

Answer 1

您可以在 .Net 之外的 HTML 中执行此操作。在您的 ASPX 页面中，您有如下代码:

<div id="loading">
<!-- Animated GIF or other indication that stuff is happening -->
</div>

在页面的最底部，就在 之前，您可以看到如下所示的代码片段:

<script language="javascript">
  document.getElementById("loading").style.display = "none";
</script>

图形——只要它位于页面顶部——就会首先呈现。然后所有 onLoad 内容都会发生，最后内联 JavaScript 将最后发生，因为它位于页面底部。

很多时候，我会在未加载状态下禁用按钮，并在底部 JavaScript 中启用它们。这会阻止用户在页面准备好之前获得满意的点击并触发事件。