1. 创建 DataList：
在 ASP.NET Web Forms 页面中，你可以使用 <asp:DataList> 标签创建一个 DataList 控件。
<asp:DataList ID="dataListExample" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
<ItemTemplate>
<!-- 重复的 HTML 结构 -->
<div>
<span><%# Eval("FieldName") %></span>
</div>
</ItemTemplate>
</asp:DataList>
在上述示例中，ItemTemplate 标签中定义了重复的 HTML 结构，其中 <%# Eval("FieldName") %> 用于绑定数据源中的字段值。
2. 绑定数据到 DataList：
在代码文件中，你需要在页面加载或其他适当的事件中绑定数据到 DataList 控件。
using System;
using System.Data;
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// 获取数据源（可以是数据库查询、集合、数组等）
DataTable dt = GetDataSource();
// 将数据源绑定到 DataList
dataListExample.DataSource = dt;
dataListExample.DataBind();
}
}
private DataTable GetDataSource()
{
// 返回模拟的数据表
DataTable dt = new DataTable();
dt.Columns.Add("FieldName");
// 添加示例数据
dt.Rows.Add("Data 1");
dt.Rows.Add("Data 2");
dt.Rows.Add("Data 3");
return dt;
}
}
在上述示例中，GetDataSource 方法用于返回模拟的数据表，并在 Page_Load 事件中将数据表绑定到 DataList 控件。
3. 自定义 DataList 的外观和布局：
你可以在 DataList 中自定义重复的 HTML 结构和布局，包括设置列数、方向、样式等。
<asp:DataList ID="dataListExample" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" OnItemDataBound="dataListExample_ItemDataBound">
<ItemTemplate>
<!-- 重复的 HTML 结构 -->
<div>
<span><%# Eval("FieldName") %></span>
</div>
</ItemTemplate>
</asp:DataList>
protected void dataListExample_ItemDataBound(object sender, DataListItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
// 在这里进一步自定义每个重复项的外观
// 例如，根据特定条件更改样式或显示不同的内容
}
}
在上述示例中，OnItemDataBound 事件用于在每个重复项生成时进行自定义操作。
通过使用 DataList 控件，你可以方便地在 ASP.NET Web Forms 页面中以灵活的方式显示重复的数据，而无需手动编写重复的 HTML 结构。 DataList 提供了更多的布局和样式的控制，使得你能够更灵活地呈现数据。
转载请注明出处：http://www.zyzy.cn/article/detail/14995/ASP.NET Web Forms