如何显示缓慢加载助手视图加载指标?
问题描述:
我有一个助手里面的部分,我加载像这样:如何显示缓慢加载助手视图加载指标?
public ActionResult TimeLine(Guid documentId)
{
//This code takes no time to load
var document = _someService.GetById(documentId);
return PartialView(document);
}
时间轴部分观点认为,自定义帮助需要一段时间来处理。我想知道什么是在帮助程序正在构建时显示某种加载消息的好方法。我试图隐藏/显示一个div,但由于服务器调用助手运行第一,这是毫无意义的。
一个想法是可能加载帮助器的所有数据,预先,这可能允许我显示/隐藏某些东西,而它加载数据?
答
在主视图中显示在容器div中加载图像,然后使用jQuery加载将文档中的部分视图发送给它。
主视图
<div id="partialViewContainer">
<img src="loading.gif" alt='loading'/>Loading...
</div>
脚本
$(function(){
var docId=$("DocumentID").val(); // read the id from some hidden input
$("#partialViewContainer").load("controller/TimeLine/"+docId);
});