Question

repeater如何给数据的前三条变色

repeater如何给数据的前三条变色

例如：

Answer 1

//先在外层定义一个变量，用来计数。
int count=1;
/// <summary>
/// 前三行改变颜色
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void rptOption_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
if(count<3)
{

//在这儿增加改变你数据颜色的代码
count++;
}
}
}

Answer 2

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
行号： <%#Container.ItemIndex %>
</ItemTemplate>
</asp:Repeater>
你将模板里边写成<li style='color:<%#Container.ItemIndex<3?"#f00:#000" %>'></li>就可以了
手写的，可能会有些问题，但实现就是这样实现的

Answer 3

protected void repeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if(e.Item.ItemIndex<3)
{
//找到当前行
HtmlTableRow htmltablerow = e.Item.FindControl("row") as HtmlTableRow;
//加颜色。。
htmltablerow.Attributes.Add("style", "font-weight:bolder");
}
}

Answer 4

repeater中有一个计数的Container.ItemIndex（第一行数据0，第一行为1.......）
例如：
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<span style="color:<%#Container.ItemIndex>=0 && Container.ItemIndex<=2 ? "red":"blue"%>">
<%#Eval("Id")%>
</span>
</ItemTemplate>
</asp:Repeater>