1. 在 WebForms 页面中添加 DataList 控件： 在你的 ASP.NET Web Pages 页面中，你可以使用 <asp:DataList> 标记来定义 DataList 控件。例如：
<!DOCTYPE html>
<html>
<head>
<title>DataList Example</title>
</head>
<body>
<h1>Product List</h1>
<asp:DataList runat="server" ID="dataListProducts" RepeatColumns="2">
<ItemTemplate>
<div style="border: 1px solid #ccc; padding: 10px; margin: 5px;">
<strong>Name:</strong> <%# Eval("ProductName") %><br />
<strong>Price:</strong> $<%# Eval("Price") %><br />
</div>
</ItemTemplate>
</asp:DataList>
</body>
</html>
在上述代码中，RepeatColumns="2" 设置每行显示两列。
2. 在后端代码中绑定数据： 在你的 WebForms 页面的后端代码中，你需要绑定 DataList 控件到数据源。以下是一个简单的例子：
@{
// 模拟数据源（实际项目中通常从数据库中获取）
var products = new[]
{
new { ProductName = "Laptop", Price = 800 },
new { ProductName = "Smartphone", Price = 500 },
new { ProductName = "Tablet", Price = 300 },
new { ProductName = "Camera", Price = 600 }
};
// 将数据绑定到 DataList 控件
dataListProducts.DataSource = products;
dataListProducts.DataBind();
}
在实际应用中，你可能会从数据库或其他数据源中获取数据。
<%# Eval("PropertyName") %> 语法用于在 DataList 的每个项目中显示属性的值。
这只是一个简单的示例，你可以根据实际需求定制 DataList 的外观和行为。
转载请注明出处：http://www.zyzy.cn/article/detail/14826/ASP.NET Web Pages