Lavora con noi

ASP.Net

Siti tematici

ASP.Net » Articoli » Esempi e controlli ASP.NET

RSS

Repeater, il server control "semplice"

di: Andrea Marzilli 27 Marzo 2011

Il Repeater è uno dei più semplici (e tra i più utili) server control del framework ASP.NET Web Forms. Il funzionamento del controllo è già scritto nel nome: permette di visualizzare dati ripetitivi (eg. elenchi, liste etc.) applicando a tutti i record (o item) lo stesso aspetto.

In questo articolo esaminiamo i concetti alla base di questo controllo, mettendo le basi per la costruzione di un esempio pratico: la lettura e la visualizzazione del feed RSS di Edit, che vedremo in un articolo successivo.

Le sorgenti di dati, infatti, si collegano al controllo con il classico meccanismo di binding e possono essere tabelle di un nostro DB, liste in memoria o, come nel nostro caso, dei file XML.

Stabilire il template per l'elenco

Il Repeater ci permette sia di impostare e replicare l'aspetto di ogni singolo item, sia di impostare gli elementi a contorno del nostro elenco, grazie a 5 template:

Template	Descrizione
HeaderTemplate	L'intestazione dell'elenco, qui possiamo inserire un titolo, aprire un elenco puntato (`<ul>`) o una lista (`<dl>`), etc.
FooterTemplate	Ci permette di impostare l'aspetto alla fine dell'elenco e chiudere eventuali liste
ItemTemplate	Contiene il markup che serve a rappresentare il singolo item
AlternatingItemTemplate	Possiamo impostare una visualizzazione diversa tra righe pari e dispari dell'elenco
SeperatorTemplate	Ci permette di inserire degli elementi di separazione tra gli item

Ecco come può apparire il nostro feed una volta impostati gli stili per ciascun template:

Figura 1. Esempio di templating con Repeater
(clic per ingrandire)

Ecco come appare il markup del controllo Repeater:

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="FeedEdit" >
  
  <HeaderTemplate><!-- codice dell'header --></HeaderTemplate>
  <ItemTemplate><!-- codice dell'singolo item --></ItemTemplate>
  <AlternatingItemTemplate><!-- codice del'item 'dispari' --></AlternatingItemTemplate>
  <SeparatorTemplate><!-- codice per separare le entries --></SeparatorTemplate>
  <FooterTemplate><!-- codice di chiusura --></FooterTemplate>
  
</asp:Repeater>

Nel prossimo articolo osserveremo più da vicino il poco codice necessario a gestire il nostro RSS. Per il momento notiamo che abbiamo indicato la fonte di dati al nostro controllo con l'attributo DataSourceID.