Il Web Server Control DataList

Anche il Controllo DataList è utilizzato per visualizzare informazioni contenute in una tabella di database ed è uno dei controlli, al pari del FormView, personaizzabile a seconda dei modelli che si creano e della formattazione da assegnare. Si possono creare, tra l'altro, elementi alternati, elementi di selezione, elementi di modifica ecc...

Di default, il Controllo DataList visualizza i dati in una sola colonna ma possibile, grazie alle sue proprietà, sia specificare un numero di colonne ed all'interno di queste scegliere tra un layout orizzontale o verticale.

Supponiamo di voler estrarre dei dati su 2 colonne e con un flusso verticale. Importiamo prima il Controllo nella Web Form e poi associamolo alla base di dati. Il suo codice è:

  <asp:DataList ID="DataList2" runat="server"
    DataKeyField="id" 
    DataSourceID="AccessDataSource1">

Per non ricorrere alla solita tabella, vogliamo inserire i 2 dati estratti in un paragrafo, con un bordo celeste. Qui di seguito il risultato.

Id: 1 Città: Milano

Id: 2 Città: Roma

Id: 3 Città: Bari

Id: 4 Città: Palermo

Id: 5 Città: Firenze

Id: 6 Città: Trento

Id: 7 Città: Bolzano

Id: 8 Città: Mantova

Id: 9 Città: Bologna

Id: 10 Città: Ferrara

Però... potremmo avere più di 10 record in un database. In questo caso possiamo usare 2 proprietà del Controllo Datalist:

  • RepeatColumns
  • RepeatDirection

Il codice del Controllo, di conseguenza, diventa:

  <asp:DataList ID="DataList2" runat="server"
   DataKeyField="id" 
   DataSourceID="AccessDataSource1"
   RepeatColumns="2" 
   RepeatDirection="Horizontal"> 

E la nostra colonna assume un altro aspetto.

Id: 1 Città: Milano

Id: 2 Città: Roma

Id: 3 Città: Bari

Id: 4 Città: Palermo

Id: 5 Città: Firenze

Id: 6 Città: Trento

Id: 7 Città: Bolzano

Id: 8 Città: Mantova

Id: 9 Città: Bologna

Id: 10 Città: Ferrara