ASP.NET Repeater 单双行数据换色示例

ASP.NET Repeater中的ItemCreated事件实现数据行换色功能

在ASP.NET的Web开发中，使用Repeater控件进行数据的重复展示是非常常见的操作。通过绑定数据源，我们可以在Repeater控件中展示多条数据，并利用ItemCreated事件对每一条数据行的展示进行定制。其中，根据数据行的奇偶性进行背景颜色的切换，是一个常见的需求。本文将介绍如何通过ItemCreated事件实现这一功能。

我们需要在前台代码中绑定Repeater控件的ItemCreated事件。这个事件会在每一项被创建时触发，为我们提供了对每个Item进行个性化设置的机会。

在CS代码中，我们可以根据数据行的索引（ItemIndex）来判断这是奇数行还是偶数行，并据此设置不同的背景颜色。以下是具体的实现代码：

```csharp

protected void Repeater_ItemCreated(object sender, RepeaterItemEventArgs e)

{

if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)

{

// 判断当前项是奇数行还是偶数行

if ((e.Item.ItemIndex + 1) % 2 == 0) // 如果是偶数行（索引从0开始计数）

{

// 设置偶数行的背景颜色为浅灰色（或其他颜色）

HtmlTableRow row = (HtmlTableRow)e.Item.FindControl("row"); // 找到对应的行控件

row.BgColor = "E6E6FF"; // 设置背景颜色为浅灰色（或其他颜色）

}

else // 如果是奇数行

{

// 设置奇数行的背景颜色为其他颜色（比如浅蓝色等）或其他自定义样式

HtmlTableRow row = (HtmlTableRow)e.Item.FindControl("row"); // 找到对应的行控件

row.BgColor = "F5FDE8"; // 设置背景颜色为其他颜色（或其他自定义样式）这里仅做示例展示。实际应用中可根据需要设置不同颜色或样式。 }

}

}

``` 这样一来，每次Repeater控件生成新的数据行时，都会根据行的奇偶性自动调整其背景颜色，为用户带来更加直观的视觉体验。你也可以根据需要设置不同的颜色或样式，让页面更加丰富多彩。