ASP.Net MVC Indicador de carga en progreso

asp.net-mvc indicator

Question

Tengo un controlador MVC que se ejecuta a través de un proceso, establece algunos datos de visualización y luego devuelve los resultados de estos datos al usuario en una vista. El tiempo de proceso depende de la cantidad de datos que se procesa. Necesito una buena manera de mostrar un .gif animado dentro de la Vista mientras el proceso se está ejecutando, para que el usuario sepa que algo está sucediendo.

He analizado varios métodos AJAX y vistas parciales, pero todavía no puedo encontrar una buena manera de lograr esto. Lo que realmente deseaba era poder tener un ActionFilter que devolviera una vista o una vista parcial durante el evento OnActionExecuting que muestra este .gif animado, luego una vez que el controlador completara el proceso y devolviera ViewData, la vista o vista parcial con la vista real Los datos pueden ser mostrados.

También parece que jQuery podría proporcionar una buena forma asíncrona para llamar a la acción del controlador en segundo plano y luego renderizar la Vista. Cualquier ayuda sería apreciada.

Answer 1

En tu controlador:

public JsonResult GetSomething(int id)
{
return Json(service.GetSomething(id));
}

En la vista (javascript, usando JQuery):

$(''#someLink'').click(function()
{
var action = ''<%=Html.ResolveUrl("~/MyController.mvc/GetSomething/")%>'' + $(''#someId'').val() + ''?x='' + new Date().getTime();
$(''#loading'').show()
$.getJSON(action, null, function(something)
{
do stuff with something
$(''#loading'').hide()
});
});

Tenga en cuenta que esto supone una ruta donde ''id'' aparece después de la acción. El parámetro ''x'' en la acción es para derrotar el almacenamiento en caché agresivo en IE.

En la vista (marcado):

<img id="loading" src="images/ajax-loader.gif" alt=""/>
<!-- use a css stlye to make display:none -->

Obtén gifs de cargadores aquí .

También tenga en cuenta que no tiene que hacer esto con Json. Puede buscar otras cosas como HTML o XML desde la acción del controlador si lo prefiere.