如何显示缓慢加载助手视图加载指标？

Question

我有一个助手里面的部分，我加载像这样：

public ActionResult TimeLine(Guid documentId) 
{ 
//This code takes no time to load 
var document = _someService.GetById(documentId); 

return PartialView(document); 
} 

时间轴部分观点认为，自定义帮助需要一段时间来处理。我想知道什么是在帮助程序正在构建时显示某种加载消息的好方法。我试图隐藏/显示一个div，但由于服务器调用助手运行第一，这是毫无意义的。

一个想法是可能加载帮助器的所有数据，预先，这可能允许我显示/隐藏某些东西，而它加载数据？

Answer 1

在主视图中显示在容器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); 

});