asp.net datalist数据列表 asp.netdatalist|ASP.NET教程

本文概述

带有DataTable的ASP.NET DataList示例
代码背后
ASP.NET DataList示例与数据库

ASP.NET DataList控件是轻量级的服务器端控件，可以用作数据项的容器。它用于将数据显示为网页的列表格式。
它显示来自数据源的数据。数据源可以是DataTable或数据库中的表。
在这里，首先，我们正在创建从数据表中获取数据的数据列表。本示例包括以下文件。
带有DataTable的ASP.NET DataList示例// DataListExample2.aspx

< %@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataListExample2.aspx.cs" Inherits="DataListExample.DataListExample2" %> < !DOCTYPE html> < html xmlns="http://www.w3.org/1999/xhtml"> < head runat="server"> < title>< /title> < /head> < body> < form id="form1" runat="server"> < div> < p>The DataList shows data of DataTable< /p> < /div> < asp:DataList ID="DataList1" runat="server"> < ItemTemplate> < table cellpadding="2" cellspacing="0" border="1" style="width: 300px; height: 100px; border: dashed 2px #04AFEF; background-color: #FFFFFF"> < tr> < td> < b>ID: < /b>< span class="city">< %# Eval("ID") %>< /span>< br /> < b>Name: < /b>< span class="postal">< %# Eval("Name") %>< /span>< br /> < b>Email: < /b>< span class="country">< %# Eval("Email")%>< /span>< br /> < /td> < /tr> < /table> < /ItemTemplate> < /asp:DataList> < /form> < /body> < /html>

代码背后【asp.net datalist数据列表】// DataListExample2.aspx.cs

using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace DataListExample { public partial class DataListExample2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { DataTable table = new DataTable(); table.Columns.Add("ID"); table.Columns.Add("Name"); table.Columns.Add("Email"); table.Rows.Add("101", "Sachin Kumar", "sachin@example.com"); table.Rows.Add("102", "Peter", "peter@example.com"); table.Rows.Add("103", "Ravi Kumar", "ravi@example.com"); table.Rows.Add("104", "Irfan", "irfan@example.com"); DataList1.DataSource = table; DataList1.DataBind(); } } }

输出：
它将以下输出输出到浏览器。

文章图片
ASP.NET DataList示例与数据库本示例从数据库表获取数据，并包括以下步骤。
1）添加一个Web表单
添加一个Web表单，将DataList拖到它上面，就像下面的屏幕截图一样。

文章图片
从工具箱的数据类别中选择DataList。

文章图片
将数据列表拖到窗体。拖动后，如下所示。

文章图片
现在，我们需要配置数据库连接。单击它并设置新的数据源。

文章图片
它将弹出一个包含各种数据源的新窗口。选择“ SQL数据库”，然后单击“确定”。

文章图片
选择数据源后，现在，我们需要选择数据连接。但是在继续操作之前，请将连接字符串添加到web.config文件中。
// web.config

< connectionStrings> < add name="DefaultConnection" connectionString="Data Source=(LocalDb)\MSSQLLocalDB; AttachDbFilename=|DataDirectory|\aspnet-AdoNetExample-20170712102014.mdf; Initial Catalog=aspnet-AdoNetExample-20170712102014; Integrated Security=True" providerName="System.Data.SqlClient" /> < add name="StudentConnectionString" connectionString="Data Source=DESKTOP-EDFPJEL; Initial Catalog=Student; Integrated Security=True" providerName="System.Data.SqlClient" /> < /connectionStrings>

数据源是连接SQL Server所需的连接名称。对于其他计算机系统，它可能会有所不同。

文章图片
单击下一步后，它要求配置select语句。

文章图片
它允许我们选择要获取自定义记录的列数。它还提供*选项以选择所有列记录。
现在，就像下面的屏幕快照一样，测试配置的查询是否正常工作。

文章图片
完成配置后，我们的DataList如下所示：

文章图片
此“ DataListExample.aspx”文件包含以下代码。

< %@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataListExample.aspx.cs" Inherits="AdoNetExample.DataListExample" %> < !DOCTYPE html> < html xmlns="http://www.w3.org/1999/xhtml"> < head runat="server"> < title>< /title> < /head> < body> < form id="form1" runat="server"> < div> < /div> < asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1"> < ItemTemplate> name: < asp:Label ID="nameLabel" runat="server" Text='< %# Eval("name") %>' /> < br /> email: < asp:Label ID="emailLabel" runat="server" Text='< %# Eval("email") %>' /> < br /> contact: < asp:Label ID="contactLabel" runat="server" Text='< %# Eval("contact") %>' /> < br /> < br /> < /ItemTemplate> < /asp:DataList> < asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="< %$ ConnectionStrings:StudentConnectionString %>" SelectCommand="SELECT * FROM [student]">< /asp:SqlDataSource> < /form> < /body> < /html>

输出：
此应用程序产生以下输出。