最近,我在研究如何在Excel电子表格中下载大量数据时为用户提供进度指示器或繁忙指示器。对于~3000行,这需要大约9-10秒,因此需要一些东西来让用户感到愉快。
我看过使用blockUI,这首先很棒,但我遇到的问题是如何在收到文件确认后取消阻止UI。我读了一篇好文章:
所以我最终使用了jquery cookie和blockUI。我也有一个动画gif,由于某种原因,它不会在Firefox下显示,但在IE8下显示(!!!!)。完全不同的问题。
现在表面上看,该文章中的代码可行。我做了一个测试应用程序并且一切都很好,但是当我将其应用于我正在编写的应用程序时,它将无法删除cookie。事实证明,当我在栏中有完整的网址时它不喜欢:
http://localhost:4790/Home.aspx/Index ^^ Global.asax.cs已更改,因为此应用程序将部署在IIS6上。
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
"Default", // Route name
"{controller}.aspx/{action}/{id}",
//"{controller}/{action}/{id}", // URL with parameters
new { action = "Index", id = "" } // trying for IIS6
//new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
);
// New - trying for IIS6
routes.MapRoute(
"Root",
"",
new { controller = "Home", action = "Index", id = "" }
);
}
/*
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
"Default", // Route name
"{controller}/{action}/{id}", // URL with parameters
new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
);
}
* */
在Controller中,对于Index Action,我有:
public ActionResult Index()
{
return View();
}
再次,在家庭控制器中,我有一种方法可以“假装”发回文件。这也将cookie“fileDownloadToken”设置为“export”值。
public ActionResult GetFile()
{
Thread.Sleep(5000);
byte[] test = new byte[1000];
this.Response.AppendCookie(new HttpCookie("fileDownloadToken", "export"));
return File(test, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "test.xlsx");
}
索引视图的内容是:
@{
ViewBag.Title = "Home Page";
}
<input id="save_button" type="button" value="Get" onclick='window.location.href=("@Url.Action("GetFile")")' />
<script type="text/javascript">
$(document).ready(function () {
$('#save_button').click( function () {
$.blockUI({
message: $('#loading')
});
blockUIForDownload();
});
});
var fileDownloadCheckTimer;
function blockUIForDownload() {
fileDownloadCheckTimer = window.setInterval(function() {
var cookieValue = $.cookie('fileDownloadToken');
if (cookieValue == "export")
finishDownload();
}, 100);
}
function finishDownload() {
window.clearInterval(fileDownloadCheckTimer);
$.cookie('fileDownloadToken', null);
$.unblockUI();
}
</script>
<div id="loading" style="display: none;">
<br />
<img src="@Url.Content("~/Content/Images/loading.gif")" /><br />
<h2>Exporting, Please Wait...</h2>
</div>
现在,正如我上面所说,当你直接浏览到本地主机时,它可以正常工作:由VS2010指定,但当你浏览到localhost:/Home.aspx/Index时,它会失败。
我在IE8上使用了开发人员工具来调试和使用alert等来提醒cookie的值,即使在调用$ .cookie(“XXXX”,null)之后cookie值仍然存在。我认为如果它是某种路径/域问题,那么你将根本无法获得cookie的值,所以它是相反的,UI按下按钮后直接解锁,但是