我的.aspx.cs代码中有一个函数,需要花费很长时间来处理,直到我想显示一个很酷的加载动画。我查看了一些较早的帖子,但这些对我来说不起作用,或者是特定于页面加载方案的解决方案(不加载函数完成的时间)。
我想正确的方法是在main函数启动之前启动Javascript startLoader()函数(这需要很长时间),然后从.aspx.cs本身调用stopLoader()来停止功能结束时的加载程序。有任何建议如何实现这个?
答案 0 :(得分:0)
如果你真的想做,那么唯一的办法就是网络工作者。你可能听说过它们,如果没有,我认真地建议你去看看。
答案 1 :(得分:0)
是的,在按钮的OnCliencClick上触发startLoader()或用于触发服务器端事件的任何元素,并在进程结束时从服务器端调用stopLoader()。像这样:
//rest of the server-side code above ...
Page.ClientScript.RegisterStartupScript(this.GetType(), "someKey", "stopLoader();", true);
答案 2 :(得分:0)
如果您不介意浏览器在此期间没有响应,最简单的方法是使用动画gif:
技巧是在开始处理时显示图像,并在完成后隐藏它。您可以在img中显示它,并使用jQuery或任何您想要显示/隐藏它。
如果您需要浏览器保持响应,请使用Web Workers。但请注意,某些旧版浏览器不支持它。 See this reference
答案 3 :(得分:0)
是的,我在ASP.NET Web From(不是ASP.NET MVC解决方案)中完成了这项工作。您需要提供OnSubmit客户端事件处理程序。它基本上分为三个部分:Javascript,HTML Div和后面的一行代码:
Javscript:
function ShowLoading(e) {
// var divBg = document.createElement('div');
var divBg = document.getElementById('blockScreen');
var divLoad = document.createElement('div');
var img = document.createElement('img');
img.src = 'images/ajax-loader.gif';
divLoad.setAttribute("class", "blockScreenLoader");
divLoad.appendChild(img);
divBg.appendChild(divLoad);
document.getElementById('blockScreen').style.display = 'block';
// These 2 lines cancel form submission, so only use if needed.
//window.event.cancelBubble= true;
//e.stopPropagation();
}
function HideLoading() {
//alert('hideloading');
document.getElementById("form1").onsubmit = null;
document.getElementById('blockScreen').style.display = 'none';
//alert('done');
}
添加以下DIV
<div id="blockScreen" class="blockScreen" style="display:none"> </div>
最后,在后面的代码中将以下内容添加到Page_Load中。
Page.ClientScript.RegisterOnSubmitStatement(this.GetType(), "submit", "ShowLoading()");
现在,您的所有页面回发基本上都必须调用onsubmit事件。它将在页面回发完成之前显示动画。