srcmini本文概述
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>代码背后
// 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>输出：
此应用程序产生以下输出。
评论前必须登录！
注册