AJAX TabControl – Tabs Optimizados II

En un artículo anterior explique como optimizar los TabPanels de ASP.NET AJAX Control Toolkit sin tener que extender ni modificar una línea de código, tan solo aprovechando la funcionalidad del UpdatePanel y cargar la información de los tabs solo cuando se selecciona y no cargar todos los datos al principio.

Pero si utilizas este truco junto a un UpdatePogress te das cuenta que al cargar la primera vez los datos no muestra el contenido del UpdatePogress y da una mala sensación de retraso al mostrar los datos.

Pero si luego lanzamos eventos que actualizan el UpdatePanel si se muestra el UpdatePogress correctamente.

Después de darle un par de vueltas encontré una solución lo bastante interesante como para poderlo utilizar en otras situaciones.

Nosotros cuando tenemos un UpdatePogress en una página le decimos a que panel está asociado.

Cuando el panel cambia el UpdatePogress se lanza pero si no le asignamos ningún UpdatePanel cada vez que se actualice un panel indiferentemente cual sea se mostrará el UpdatePogress.

Entonces tenemos dos opciones:

  1. No asignamos ningún panel al control y entonces la primera y cada vez que se actualice el tab mostrará correctamente el UpdatePogress.
  2. Al cargar los datos del tab le asignamos el panel por si queremos tener diferentes UpdateProgress para diferentes Panels.

Bueno espero que para los que os encontréis con estos pequeños inconvenientes diarios os pueda ayudar. ;-)

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s