Compartir a través de


DataList (control)

El control DataList muestra datos en un formato que se puede definir mediante plantillas y estilos. El control DataList resulta útil para los datos que se encuentran en una estructura de repetición, como una tabla. El control DataList puede mostrar los datos con diferentes diseños, por ejemplo ordenados en columnas o filas.

[!NOTA]

El control DataList representa los elementos de una lista utilizando los elementos de la tabla HTML. Para controlar de forma precisa el código HTML que se usa para representar una lista, utilice el control Repeater en lugar del control DataList.

Si lo desea, puede configurar también el control DataList para permitir que los usuarios editen o eliminen información. Además, puede personalizar el control para que admita otras funciones, como la selección de filas.

Para agregar un control DataList a una página

  • Arrastre el control DataList del panel Cuadro de herramientas a la página.

Después de agregar un control DataList, puede especificar un origen de datos para el mismo.

Para enlazar el control DataList a un origen de datos

  1. En la Vista de diseño, haga clic con el botón secundario en el control DataList y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de DropDownList, haga clic en un origen de datos existente o en <Nuevo origen de datos> en la lista desplegable Elegir origen de datos.

  3. Si elige <Nuevo origen de datos>, configure un nuevo origen de datos en el Asistente para la configuración de orígenes de datos. Para obtener más información, vea Configurar un origen de datos mediante un control enlazado a datos.

Personalizar la presentación de DataList

La forma más fácil de personalizar la presentación de DataList es usar la opción Autoformato.

Para aplicar esquemas de formato básico al control DataList

  1. En la Vista de diseño, haga clic con el botón secundario en el control DataList y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de DataList, haga clic en Autoformato.

  3. En el cuadro de diálogo Autoformato, seleccione uno de los esquemas de la lista Seleccione un esquema. El efecto del esquema en el control DataList se muestra en el área Vista previa.

  4. Haga clic en Aceptar para aplicar el esquema de formato y cerrar el cuadro de diálogo, o en Aplicar para aplicar el esquema de formato sin cerrar el cuadro de diálogo.

Puede usar el Generador de propiedades para hacer cambios de diseño más granulares en los datos mostrados en el control DataList.

Para usar el Generador de propiedades con el fin de diseñar la presentación de DataList

  1. En la Vista de diseño, haga clic con el botón secundario en el control DataList y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de DataList, haga clic en Generador de propiedades.

  3. En el cuadro de diálogo Propiedades de DataList, especifique las opciones de presentación generales, como por ejemplo, la presentación del encabezado y del pie de página, el número de columnas y el diseño. Además, puede especificar las opciones de presentación de formato y de borde.

  4. También puede personalizar cada una de las áreas o estados del control DataList mediante la actualización de la colección de estilos asociada al área. Por ejemplo, en el grupo Estilos del panel Propiedades de etiqueta, puede personalizar RowStyle, HeaderStyle y otras colecciones de estilos para un área de DataList. Asimismo, puede dar formato de forma interactiva a las plantillas del área del control DataList.

Para diseñar las plantillas de DataList de forma interactiva

  1. En la Vista de diseño, haga clic con el botón secundario en el control DataList y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de DataList, haga clic en Editar plantillas. De este modo, el asistente entra en el modo de edición de plantillas.

  3. En la lista desplegable Mostrar, seleccione la plantilla que desea editar.

  4. Cuando termine de diseñar las plantillas, en el menú Tareas de DataList, haga clic en Terminar edición de plantillas para volver al modo de diseño del control DataList estándar.

Vea también

Conceptos

Trabajar con sitios ASP.NET

Controles de datos ASP.NET

DetailsView (control)

FormView (control)

GridView (control)

Repeater (control)