Repeater 绑定数据实现 行字体，行背景变色问题

今天做的项目正好遇到这个问题了。（特总结如下，汗~~ 发现自己不懂的太多。惭愧~~

）
下面这种能实现 一行一行的变色。（感觉比较烦） （本文全部省略掉了 Repeater在后台的绑定代码）

<asp:Repeater ID="Repeater1" runat="server" >

<ItemTemplate>

<table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">

<tr id="row" runat="server">

<td width="3%" align="center" class="cheng"> ·</td>

<td width="97%" class="hei12" align=left>

<a href="#" title="<%#Eval("titleName")%>" target="_blank">

<font color='#ff0000'><%#Eval("titleName")%></font>(<%#Eval("AddTime", "{0:MM/dd}")%>) </a></td>

</tr>

</table>

</ItemTemplate>

<AlternatingItemTemplate>

<table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">

<tr id="row" runat="server">

<td width="3%" align="center" class="cheng">·</td>

<td width="97%" class="hei12" align=left>

<a href="#" title="<%#Eval("titleName")%>" target="_blank">

<%#Eval("titleName")%></font>(<%#Eval("AddTime", "{0:MM/dd}")%>) </a> </td>

</tr>

</table>

</AlternatingItemTemplate>

</asp:Repeater>

如果要实现 两行行的背景色 红色，一行行的背景色黑色呢。

上面的方法中注意有<tr id="row" runat="server">

下面的方法实现的是行的背景色变色。 前台的代码就可以省略<AlternatingItemTemplate>标签里面的内容并注意把<ItemTemplate> 里面的 <font color='#ff0000'> 删除掉。

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)

{

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

{

if ((e.Item.ItemIndex + 1) % 3 == 0)

{

((HtmlTableRow)e.Item.FindControl("row")).BgColor= "#FF0000";

}

else

{

((HtmlTableRow)e.Item.FindControl("row")).BgColor= "#000000";

}

}

}

如果你想实现的 文字的改变，既是两行文字 红色，一行文字黑色。

就需要在Repeater 的ItemDataBound 事件里面来操作了。代码如下 ：

前台就需要用 Lable 了。因为行 tr 标签不是很好实现你的需求了。当然应该是能实现，不过我没有试过，毕竟这比较简单


<asp:Repeater ID="Repeater1" runat="server" onitemdatabound="Repeater1_ItemDataBound" >

<ItemTemplate>

<table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">

<tr>

<td width="3%" align="center" class="cheng">·</td>

<td width="97%" class="hei12" align=left>

<a href="#" title="<%#Eval("titleName")%>" target="_blank">

<asp:Label ID="lblName" runat=server><%#Eval("titleName")%></asp:Label>(<%#Eval("AddTime", "{0:MM/dd}")%>) </a> </td>

</tr>

</table>

</ItemTemplate>

</asp:Repeater>

后台ItemDataBound 事件 ：

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)

{

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

{

if ((e.Item.ItemIndex + 1) % 3 == 0)

{

((Label)e.Item.FindControl("lblName")).ForeColor = System.Drawing.Color.Black;

}

else

{

((Label)e.Item.FindControl("lblName")).ForeColor = System.Drawing.Color.Red;

}

}

}

这样 就可以了。