Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Gestire i dati con il controllo DataList di ASP.net

Un'alternativa 'leggera' a DataGrid
Un'alternativa 'leggera' a DataGrid
Link copiato negli appunti

Il controllo DataList consente di visualizzare un elenco di dati e supporta la selezione e la modifica degli elementi. È meno potente del controllo DataGrid, ma è molto più leggero. Va utilizzato quando si desidera visualizzare semplici dati che possono richiedere l'interazione con l'utente.

In questo articolo vediamo come creare una lista di elementi selezionabili. Quando l'utente clicca su un elemento l'output della cella cambia mostrando tutti i dettagli dell'individuo. Il risultato finale è visualizzato nell'immagine qui sotto:

Esempio di visualizzazione dati con il controllo Datalist

E questo è invece l'esempio funzionante, in grado di farci apprezzare gli aspetti dinamici del controllo.

Presentiamo il codice per la realizzazione del controllo:


    BorderColor="black"
    BorderWidth="1"
    GridLines="Both"
    CellPadding="3"
    Font-Name="Verdana"
    Font-Size="8pt"
    Width="150px"
    HeaderStyle-BackColor="#FF8080"
    SelectedItemStyle-BackColor="#C0FFFF"
    RepeatDirection="Vertical"
    DataKeyField="ID"
    OnItemCommand="DataList1_ItemCommand">

    <HeaderTemplate>
        <b>Utenti</b>
    </HeaderTemplate>

    <ItemTemplate>
        <asp:LinkButton ID="button1"
Runat="server"
            text='<%#
Container.DataItem("Cognome") + " " + _
            Container.DataItem("Nome")
%>' CommandName="Select" />
    </ItemTemplate>

    <SelectedItemTemplate>
        <%# Container.DataItem("Cognome")
+ " " + Container.DataItem("Nome") %>
        <br />
        <%# Container.DataItem("Indirizzo")
%>
        <br />
        <%# Container.DataItem("CAP")
%>
        <%# Container.DataItem("Citta")%>

    </SelectedItemTemplate>

</asp:DataList>

Il DataList viene creato con il tag <asp:DataList> RepeatDirection Vertical Horizontal

DataKeyField OnItemCommand click
DataList1_ItemCommand

Il controllo DataList non dispone di una visualizzazione predefinita e occorre creare l'interfaccia grafica utilizzando dei template

  • ItemTemplate
  • SelectedItemTemplate
  • HeaderTemplate
  • FooterTemplate
  • AlternatingItemTemplate
  • SeparatorTemplate
  • EditItemTemplate

In questo esempio, all'interno di ItemTemplate viene creato un controllo LinkButton associato alle colonne Nome e Cognome. Quando il link viene selezionato trasferisce il comando Select al controllo DataList.

Viene quindi generato l'evento ItemCommand, gestito, come abbiamo visto, con la stringa OnItemCommand="DataList1_ItemCommand", che richiama la seguente procedura:


    DataList1.SelectedIndex = e.Item.ItemIndex
    DataList1.DataBind()
End Sub

Il metodo definito imposta la proprietà SelectedIndex DataBind SelectedItemTemplate

Quando nessun elemento della lista è selezionato, il valore di SelectedIndex

Ti consigliamo anche