Control UpdateProgress como un control ModalPopupExtender, es decir un ModalUpdateProgress

Si vienen siguiendo a ASP.NET AJAX, el siguiente efecto les puede ser muy familiar:

Ya mencione en un post anterior las ventajas y desventajas de usar AJAX, me falto mencionar, mas que una desventaja, una consideración de desarrollo: En algunos casos el evento asíncrono de AJAX puede ser engañoso, y es que en algunos puede tomar unos segundos algun tipo de evento, pero el usuario no sabe eso, y piensa que el proceso no funciona. Y es un error no dar señales que el proceso se esta completando. Y es así que algún tipo de indicador de espera, es básico en todo proyecto AJAX, en ASP.NET AJAX contamos con el control UpdateProgress creado para estos escenarios. El efecto Modal sólo es un estilo de mostrar este indicador, con las ventajas que te bloquea la pantalla mientras dure la operación.

Hay varios artículos de como hacer esto: Atlas: ModalUpdateProgress – An UpdateProgress Control in Modal Popup Style, y unos post conocidos también: ASP.NET Ajax: Utilizando el control ModalPopupExtender como una ventana Splash.

Pero no hay nada, como que venga como control extender listo para usar: Using the UpdateProgress control as a modal overlay.

El autor, Raj Kaimal, llamo a su control: UpdateProgressOverlayExtender, un excelente control. El funcionamiento es básicamente el mismo, como si sólo usáramos un UpdatePanel  y un UpdateProgress, pero ahora agregamos el control en mención lo asociamos al control UpdateProgress y listo, ahora será ModalUpdateProgress.

Algunas características:

  • Tu puedes escoger el control de fondo, el cual se opacará, es decir puedes hacerlo a toda la página, form1, o sólo a un control como un GridView por ejemplo.
  • Diseño basado en CSS, puedes personalizar la ventana modal, y escoger la posición donde aparecerá el efecto.

P.D.1: Otro control espectacular del mismo autor es el UpdatePanelPopupExtender, en otro post lo comentaré cuando lo use. Por cierto quién me paso el dato fue nuestro gran amigo: Haaron Gonzales.

P.D.2: Es de aplaudir, a estos tiburones que comparten su trabajo a la comunidad. Así que me siento en deuda, y tendré como meta, para cuando tenga un tiempito, colaborar con la comunidad con un control extender para ASP.NET AJAX.

Saludos,

Post cruzado

9 comentarios en “Control UpdateProgress como un control ModalPopupExtender, es decir un ModalUpdateProgress”

  1. ASP.NET Ajax te da muchas facilidades para construir ese tipo de controles 🙂 yo implementé algo parecido ya en noviembre del año pasado para la institución donde trabajo, el efecto lo pueden notar aquí:

    http://www.financiero.com.pe/

    No se que les parece el efecto, espero sus opiniones 🙂

    Ivan Mostacero.

  2. Excelente Ivan!

    No lo había pensado tener el efecto al cargar la página (y).

    Además que tienes todo el menu y toda la web basada en AJAX que loko! En mi caso no puedo hacer eso en la aplicación que estoy trabajando, ya que necesito links permanentes de las webs. Y como lo mencione en mi post de ventajas y desventajas esta es una ligera de vestaja de AJAX.

    La decisión de hacer todo full AJAX, depende de su escenario, no hay modelo absoluto. Si van necesitar links permanentes a su web, es indicador de decisión si hacemos todo full AJAX o no.

    P.D.: Ivan, no hicistes algún control para compartir con la comunidad? 😀

    Saludos,

  3. cuando uso un master page y Content no se produce el mismo efecto, al contrario me muestra un error en la barra de estado, como puedo adaptar el codigo para que funcione dentro de mi Content

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *