V SEMESTRE: ASP.NET(DRAPI) - Uso del Control Repeater

Información general acerca del Control Repeater:

El control de servidor web Repeater es un control contenedor enlazado a datos que genera una lista de elementos individuales. El diseño de los elementos individuales de una página web se define mediante plantillas. Cuando se ejecuta la página, el control repite el diseño para cada uno de los elementos del origen de datos.

Dado que el control Repeater no dispone de una apariencia predeterminada, puede utilizarlo para crear varios tipos de listas; entre éstas, se encuentran las siguientes:

• Diseño de tabla
• Lista delimitada por comas (por ejemplo, a, b, c, d, y así sucesivamente)
• Lista con formato XML

Propiedad de plantilla	Descripción
ItemTemplate	Contiene elementos HTML y controles que se representan una vez por cada elemento del origen de datos.
AlternatingItemTemplate	Contiene elementos HTML y controles que se representan una vez por cada dos elementos del origen de datos. Generalmente, esta plantilla se utiliza para crear una apariencia diferente para elementos alternos, como un color de fondo distinto del especificado en la propiedad ItemTemplate.
HeaderTemplate y FooterTemplate	Contiene el texto y los controles que se representan al inicio y al final de la lista, respectivamente.
SeparatorTemplate	Contiene los elementos que se representan entre dos elementos. Un ejemplo típico puede ser una línea (si se utiliza un elemento hr).

Veamos la Complementación de un ejemplo sencillo:

Abrir Microsoft Visual Web Developer 2005 Express Edition y crear una nueva Aplicacion Web de nombre "EjemploRepeater". Luego añadimos una página nueva al website llamada "RepeaterSample.aspx" para realizar las siguientes configuraciones: Insertamos un control SqlDataSource y lo enlazamos con la base de Datos "Northwind", de la cual seleccionamos la tabla "Customers" y de esta tabla seleccionamos los 3 primeros campos, (CustomerID,CompanyName,ContactName). A continuación insertamos un control "Repeater", la única propiedad que configuraremos de este control será la prpiedad DataSource, estableciéndola con el valor "SqlDataSource1"

Una vez completado este sencillo proceso, hacemos click en la ficha "Source" de la parte inferior para configurar el resto de plantillas del Control Repeater a través de código. Una vez en la ficha código configuramos como sigue:

Antes de ejecutar debe darse una revisada al código para evitar errores de compilación o errores de ejecución. Cuando haya sido verificado todo esto, ejecutamos la página en el navegador y observemos el resultado:

Listo, hemos terminado. Espero sus preguntas o comentarios respecto a este tema.