Eruano's Blog

Simple y con foco… como debe ser!

View y MultiView, todo en una sola pagina y mas seguro!

leave a comment »

Cuando estamos diseñando interfaces para sitios web muchas veces tendemos a generar muchos formularios relacionados con la misma cuestion. Cuando diseñamos la gestion de personas, por ejemplo, tendemos a generar mas de una pagina para ese menester, tal vez generamos una pagina para ingreso, otra para consulta y asi…

Cuando tenemos muchos formularios y el ancho de banda no colabora mucho, el manejar muchas paginas para una sola gestion puede ser un punto en contra de nuestra aplicacion, con el componente View y Multiview provisto por VisualStudio podemos en una sola pagina colocar tantos formularios como queramos sin que se sobrecargue la pagina, podemos hacer que solo se muestre un formulario a la vez y cambiar a otro mucho mas rapido que cuando los tenemos en paginas diferentes.

Otra ventaja importante del uso de View y MultiView es que nos podemos evitar el envio de valores entre pagina y pagina que puede generar inseguridad en nuestra aplicacion, cuando manejamos todo en una misma pagina no tendremos redireccionamientos basta con almacenar los valores necesarios en variables temporales en el codebehind de la pagina.

La idea: Cada Multiview va a ser un contenedor de uno o mas elementos View, en el diseño vamos a tener una lista de compoenentes View, pero cuando ejecutemos la aplicacion solo se vera un View al tiempo (solo el que este activo). Para navegar entre ellos podemos incluir botones u otra cosa, el View visible se define con la propiedad: ActiveViewIndex del control Multiview.

vistadisenio

El codigo de los botones seria el siguiente:

protected void btnAnterior_Click(object sender, EventArgs e)
{
if(MultiView1.ActiveViewIndex > 0)
MultiView1.ActiveViewIndex = MultiView1.ActiveViewIndex – 1;
}
protected void btnSiguiente_Click(object sender, EventArgs e)
{
if(MultiView1.ActiveViewIndex < MultiView1.Views.Count – 1)
MultiView1.ActiveViewIndex = MultiView1.ActiveViewIndex + 1;
}

El anterior codigo debe repetirse para cada para de botones de la vista o hacer una par de funciones e invocarlas desde los botones.

Ahh y no olvides establecerle al multiview una vista por defecto (la primera a mostrar)

El funcionamiento seria mas o menos asi:

uno

Y dando click en el boton siguiente tendremos:

dos

Asi podremos insertar mas de una funcionalidad por pagina sin saturar nuestro proyecto de webforms ademas de evitarnos el envio de parametros que pueden generar inseguridad en nuestra aplicacion.

Written by eruano

26 noviembre 2008 a 6:17 am

Publicado en Visual Studio

Tagged with , , ,

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

A %d blogueros les gusta esto: