Saul Remis

Developing ideas

Tutorial 5 ASP, GridView

El control GridView del ASP.Net permite visualizar datos en una tabla en pantalla, editar, modificar y borrar registros del mismo.
El GridView es un control extremadamente flexible para mostrar tablas multicolumna.

Cada registro de una consulta de un select configurado en un SqlDataSource genera una fila en el GRID. Cada campo en el registro representa una columna en la GRID.
El GridView es el control más poderoso que provee el ASP.Net. Veremos que este control trae funcionalidades ya implementadas para paginación, ordenamiento y edición de sus datos.

Datos de una tabla

Crearemos un proyecto para probar el control GridView y las diferentes opciones que nos brinda.
Luego de crear el proyecto iremos al Explorador de servidores y seleccionaremos la tabla “usuarios” y la arrastraremos al formulario web. Veremos que se generan dos objetos sobre la página:
Un objeto de la clase GridView llamado GridView1.
Un objeto de la clase SqlDataSource llamado SqlDataSource1.

Si seleccionamos el objeto SqlDataSource1 y observamos el contenido de la propiedad SelectQuery, veremos que ya está configurado el comando SELECT:

 

SELECT [nombre], [clave], [mail] FROM [usuarios]

 

El comando SELECT indica rescatar todas las filas de la tabla usuarios.
Podemos ver también que se han configurado automáticamente las propiedades InsertQuery, DeleteQuery y UpdateQuery con los valores:

 

INSERT INTO [usuarios] ([nombre], [clave], [mail]) VALUES (@nombre, @clave, @mail)

DELETE FROM [usuarios] WHERE [nombre] = @nombre

UPDATE [usuarios] SET [clave] = @clave, [mail] = @mail WHERE [nombre] = @nombre

 

Como podemos ver hasta este momento la herramienta Visual Studio .Net nos ha configurado en forma automática el control SqlDataSource1, solo nos queda configurar el control GridView1.
Seleccionamos el control GridView y presionamos el botón presente en la parte superior derecha, el mismo nos muestra una serie del funcionalidades básicas del control:

Como podemos ver ya está configurado el origen de datos con el objeto SqlDataSource1.
Habilitemos la paginación, ordenamiento, edición y eliminación.
Ejecutemos el proyecto y comprobaremos que tenemos en la página los datos de la tabla “usuarios” con la capacidad de modificar y borrar registros. Además está activa la paginación y ordenamiento por cualquiera de las dos columnas de la tabla.


Sin escribir una sola línea de código tenemos el mantenimiento de la tabla usuarios (con la excepción del alta)

Veamos otras características que podemos configurar en forma visual del control GridView. Desde el botón “>” que se encuentra en la parte superior derecha del control GridView1 podemos seleccionar la opción “Formato Automático…” para definir la presentación de la tabla con plantillas predefinidas de color y fuente:

Luego de seleccionar el esquema para el GridView, presionamos aceptar y tenemos ya definido el nuevo formato del GRID.
Desde la ventana de propiedades configuraremos las propiedades:
Caption: Es un título que aparece en la parte superior del GridView.
PageSize: Cantidad de registros a mostrar por página.
Luego de esto ejecutamos nuevamente y tenemos como resultado:

 

 

About these ads

2 comentarios el “Tutorial 5 ASP, GridView

  1. nuria
    enero 4, 2013

    Una duda acerca de la paginacion. Se que puedes editar la forma en la q ue muestra la barra paginación con PagetSettings.Mode, pero de los tipo que hay no me vale ninguno, puesto q yo quiero uno que contenga botones+numeración, es decir, algo asi: ¿es posible modificarlo a mi antojo?

    Gracias! un saludo

Deja un comentario

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

Información

Esta entrada fue publicada el julio 13, 2012 por en .NET, ASP, Programación C#, Web.

RECENT TWEETS:

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

A %d blogueros les gusta esto: