ASP NET - Server Controls - Data Controls - DataList

Este é o componente mais ágil, leve e simples para exibição de dados vindos de um banco de dados. Por isso ele deixa muito a desejar se for comparado com um DataGrid mas compensa na facilidade de sua utilização.

Note que por sua simplicidade muitas vezes complica se você precisar de certo recurso. Por exemplo, se você está usando paginação no DataGrid é bem simples mas no DataList é bem mais complexo.

Clientes
1 Syed E Abbas 21/08/1924 00:00:00
2 Catherine R. Abel 27/12/1988 00:00:00
3 Kim B Abercrombie 10/02/1932 00:00:00
4 Hazem E Abolrous 23/10/1984 00:00:00
5 Pilar G Ackerman 22/08/1991 00:00:00
6 Aaron B Adams 10/09/1983 00:00:00
7 Alex C Adams 07/07/1905 00:00:00
8 Alexandra J Adams 12/08/1964 00:00:00
9 Allison L Adams 29/08/1936 00:00:00
10 Amanda P Adams 17/01/2002 00:00:00
11 Andrea M Adams 22/12/1922 00:00:00
12 Blake L Adams 07/09/1956 00:00:00
13 Carla J. Adams 01/06/2008 00:00:00
14 Charles R Adams 05/02/1944 00:00:00
15 Chloe A Adams 08/12/1996 00:00:00
16 Courtney C Adams 02/02/2018 00:00:00
17 Eduardo A Adams 21/03/1946 00:00:00
18 Elijah L Adams 23/01/1912 00:00:00
19 Fernando S Adams 27/08/1956 00:00:00
20 Frances B. Adams 09/09/1980 00:00:00
21 Gabriel S Adams 06/05/2007 00:00:00
22 Gabriella K Adams 04/09/1949 00:00:00
23 Gabrielle J Adams 23/03/1991 00:00:00
24 Hailey M Adams 27/11/1918 00:00:00
25 Haley M Adams 02/04/1926 00:00:00
26 Ian C Adams 03/07/1965 00:00:00
27 Isaiah L Adams 28/01/2003 00:00:00
28 Jackson H Adams 29/04/1912 00:00:00
29 Jay G Adams 05/06/1917 00:00:00
30 Jenna L Adams 24/07/1990 00:00:00
31 Jeremy D Adams 27/09/1924 00:00:00
32 Jesse M Adams 13/07/1947 00:00:00
33 Jordan F Adams 14/04/1989 00:00:00
34 Jordan R Adams 06/04/2012 00:00:00
35 Jose J Adams 22/12/1930 00:00:00
36 Julia N Adams 15/10/1946 00:00:00
37 Kaitlyn A Adams 08/08/1947 00:00:00
38 Katelyn W Adams 12/05/1912 00:00:00
39 Katherine M Adams 12/03/1961 00:00:00
40 Kaylee F Adams 18/08/2008 00:00:00
41 Kevin M Adams 13/10/1972 00:00:00
42 Kyle E Adams 22/01/1911 00:00:00
43 Luis R Adams 10/05/1901 00:00:00
44 Luke C Adams 24/10/2005 00:00:00
45 Mackenzie A Adams 22/11/1977 00:00:00
46 Marcus M Adams 30/08/1905 00:00:00
47 Maria N Adams 11/12/1906 00:00:00
48 Mary D Adams 16/01/1942 00:00:00
49 Mason T Adams 23/08/1931 00:00:00
50 Natalie P Adams 28/11/1942 00:00:00
Clientes da Loja A

A formatação deste elemento é influenciada pelos estilos do bootstrap.

O datalist está divido nas seguintes partes :
   1-Header - Define o estilo do Cabeçalho
   2-Item ou ítens - Define o estilo das Colunas do DataList - Exibe a informação.
   3-AlternateItem - Define o estilo do Item alternado - Permite definir alternância de cores entre linhas-zebrado
   4-EditItem - Define o estilo quando um item está sendo editado
   5-SelectedItem - Define o estilo para quando o item está selecionado
   6-Separator - Define o estilo dos separadores dos itens
   7-Footer - Define o estilo do Rodapé do controle

Parâmetros :
1 - Border : É a borda mais externa da lista, não atua dentro dos itens da lista.

Código

Utilizei o módulo mysql para acessar as funções do banco de dados mysql.

O código abaixo foi inserido na página aspx.

        <form id="form1" runat="server">
            <asp:Label ID="lblmsg" runat="server" Text="" ForeColor="Red"></asp:Label>
                <div class="centraliza" style="margin-left:30%;margin-right:20%">

                    <asp:DataList
                        id="Pessoas"
                        runat="server"
                        gridlines ="Both"
                        RepeatColumns="1"
                        CellPadding="3"
                        CellSpacing="2"
                        Font-Name="Arial"
                        Font-Size="12pt"
                        AlternatingItemStyle-BackColor="LightGray"
                        HeaderStyle-BackColor="LightSkyBlue"
                        HeaderStyle-ForeColor="White"
                        HeaderStyle-HorizontalAlign="Center"
                        BorderStyle="Solid"
                        BorderWidth="3"
                        HeaderStyle-BorderColor="LightSalmon"
                        FooterStyle-BackColor="LightPink"
                        FooterStyle-HorizontalAlign="Center">
                        <ItemTemplate>
                            <table border="0"">
                                <tr>
                                    <td style="width:20px;"><%# DataBinder.Eval(Container.DataItem, "ID") %></td>
                                    <td style="width:280px;"><%# DataBinder.Eval(Container.DataItem, "nome") %></td>
                                    <td style="width:150px;"><%# DataBinder.Eval(Container.DataItem, "dtNasc") %></td>
                                </tr>
                                </table>
                        </ItemTemplate>

                        <HeaderTemplate><span class="centraliza">Clientes</span></HeaderTemplate>
                        <FooterTemplate>Clientes da Loja A</FooterTemplate>

                    </asp:DataList>
                </div>

        </form>

O código abaixo foi inserido na página .aspx.vb.

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim sql As String = ""
        Dim ds As DataSet

        DefStrConexao() 'definindo o string de conexão
        If System.Web.HttpContext.Current.Session("erro") <> "" Then
            lblmsg.Text = "Erro na definição do str de conexão : " + System.Web.HttpContext.Current.Session("erro")
        End If

        sql = "select * from pessoas limit 50"
        ds = BDDS(sql)

        If System.Web.HttpContext.Current.Session("erro") <> "" Then
            lblmsg.Text = System.Web.HttpContext.Current.Session("erro")
        Else
            Pessoas.DataSource = ds
            Pessoas.DataBind()
        End If
    End Sub