Compartir a través de


Información general sobre GridView (Control de servidor Web)

Actualización: noviembre 2007

Una tarea recurrente en el desarrollo de software es mostrar los datos tabulares. ASP.NET proporciona varias herramientas para mostrar los datos tabulares en una cuadrícula, entre las que se incluye el control GridView. Con el control GridView, puede mostrar, editar y eliminar datos de muchos tipos diferentes de orígenes de datos, entre los que se incluyen bases de datos, archivos XML y objetos comerciales que exponen los datos.

Este tema contiene:

  • Información general

  • Ejemplos de código

  • Referencia de clase

Información general

Puede utilizar el control GridView para hacer lo siguiente:

  • Enlazar y mostrar los datos automáticamente desde un control de origen de datos.

  • Seleccionar, ordenar, paginar, editar y eliminar datos desde un control de origen de datos.

Además, puede personalizar el aspecto y el comportamiento del control GridView haciendo lo siguiente:

  • Especificar columnas y estilos personalizados.

  • Utilizar plantillas para crear elementos de interfaz de usuario personalizados.

  • Agregar su propio código a la funcionalidad del control GridView controlando eventos.

    Nota:

    El control GridView es el sucesor del control DataGrid. Para obtener información detallada sobre las diferencias que existen entre los controles, vea Comparar los controles GridView y DataGrid de servidor Web.

Enlazar datos con el control GridView

El control GridView proporciona estas dos opciones para enlazar los datos:

  • Se pueden enlazar datos mediante la propiedad DataSourceID, que permite enlazar el control GridView a un control de origen de datos. Éste es el enfoque recomendado, ya que permite al control GridView aprovechar las funciones del control de origen de datos y proporcionar una funcionalidad integrada para la ordenación, la actualización y la paginación.

  • Se pueden enlazar datos mediante la propiedad DataSource, que permite establecer enlaces a distintos objetos, incluidos los lectores de datos y los conjuntos de datos de ADO.NET. Si utiliza este enfoque, deberá escribir código para cualquier función adicional como ordenación, paginación y actualización.

Cuando establece un enlace a un origen de datos mediante la propiedad DataSourceID, el control GridView admite el enlace de datos bidireccional. Además de que el control muestre los datos devueltos, puede permitir que el control admita automáticamente las operaciones de actualización y eliminación de los datos enlazados.

Para obtener más información, vea Información general sobre los controles de servidor Web ASP.NET enlazados a datos.

Dar Formato a los datos mostrados en el control GridView

Puede especificar el diseño, el color, la fuente y la alineación de las filas del control GridView. Puede definir la presentación del texto y los datos incluidos en las filas. Además, puede especificar si las filas de datos se muestran como elementos, elementos alternos, elementos seleccionados o elementos en modo de edición. El control GridView también permite definir el formato de las columnas. Para obtener información sobre cómo dar formato al control GridView, vea la información general de la clase GridView.

Editar y eliminar datos mediante el control GridView

De forma predeterminada, el control GridView muestra los datos en modo de sólo lectura. Sin embargo, el control también admite un modo de edición en el que muestra una fila que contiene controles modificables, como TextBox o CheckBox. También puede configurar el control GridView para que muestre un botón Delete en el que los usuarios pueden hacer clic para eliminar el registro correspondiente del origen de datos.

El control GridView puede realizar automáticamente las operaciones de edición y eliminación con su origen de datos asociado, lo que permite habilitar la función de edición sin necesidad de escribir código. Si lo desea, puede controlar también el proceso de edición y eliminación de los datos mediante programación, por ejemplo en los casos en los que el control GridView se enlaza a un control de origen de datos de sólo lectura.

Puede personalizar los controles de entrada que se utilizan cuando una fila está en modo de edición utilizando una plantilla. Para obtener más información, vea la clase TemplateField.

Funcionalidad de ordenación de GridView

El control GridView permite realizar la ordenación por una única columna sin que sea necesario utilizar programación. Puede personalizar aún más la funcionalidad de ordenación del control GridView utilizando el evento de ordenación y proporcionando una expresión de ordenación. Para obtener más información, vea Ordenar los datos de un control GridView de servidor Web.

Funcionalidad de paginación de GridView

El control GridView proporciona una funcionalidad sencilla de paginación. Puede personalizar la funcionalidad de paginación del control GridView utilizando la propiedad PagerTemplate del control GridView. Para obtener más información, vea Paginación en un control GridView de servidor Web.

Eventos de GridView

Puede personalizar la funcionalidad del control GridView supervisando eventos. El control GridView proporciona eventos que se desencadenan antes y después de una operación de navegación o edición. Para obtener más información, vea Eventos del control GridView de servidor Web.

Volver al principio

Ejemplos de código

Tutorial: Mostrar datos mediante un procedimiento almacenado en el control de servidor Web GridView

Tutorial: Ordenación simple del control de servidor Web GridView

Tutorial: Mostrar una lista desplegable mientras se edita en el control de servidor Web GridView

Tutorial: Realizar actualizaciones masivas en filas enlazadas a un control de servidor Web GridView

Tutorial: Crear un control GridView anidado

Cómo: Habilitar la paginación predeterminada en el control de servidor Web GridView

Cómo: Habilitar la edición predeterminada en el control de servidor Web GridView

Cómo: Habilitar la selección predeterminada en el control de servidor Web GridView

Cómo: Habilitar la eliminación predeterminada en el control de servidor Web GridView

Crear una columna personalizada en un control de servidor Web GridView

Cómo: Establecer dinámicamente el ancho de las columnas en el control de servidor Web GridView

Cómo: Personalizar controles para la edición en el control de servidor Web GridView

Volver al principio

Referencia de clase

En la tabla siguiente se enumeran las clases clave que se relacionan con el control GridView.

Miembro

Descripción

GridView

Clase principal del control.

Volver al principio

Vea también

Conceptos

Comparar los controles GridView y DataGrid de servidor Web

Eventos del control GridView de servidor Web

Ordenar los datos de un control GridView de servidor Web

Paginación en un control GridView de servidor Web

Modificar los datos de un control GridView de servidor Web

Plantillas de controles de servidor Web ASP.NET

Otros recursos

Obtener acceso a datos con ASP.NET