Как показать индикатор загрузки для представления с медленным помощником загрузки?

Question

У меня есть помощник внутри партиала, который я загружаю примерно так:

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

return PartialView(document);
}

Частичное представление TimeLine содержит пользовательский помощник, для обработки которого требуется некоторое время. Мне интересно, что является хорошим способом показать какое-то сообщение о загрузке, пока создается помощник. Я пытался скрыть / показать 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);

});